scorer-ui-kit 2.1.2 → 2.2.1
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.
- package/dist/Global/atoms/Layout.d.ts +1 -0
- package/dist/Global/templates/GlobalUI.d.ts +1 -0
- package/dist/Layouts/atoms/FullWidthContentBlock.d.ts +3 -0
- package/dist/Layouts/index.d.ts +22 -0
- package/dist/Layouts/molecules/UtilityHeader.d.ts +4 -0
- package/dist/Layouts/organisms/ContentLayout.d.ts +8 -0
- package/dist/Misc/molecules/Pagination.d.ts +2 -0
- package/dist/index.d.ts +5 -3
- package/dist/index.js +515 -386
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +508 -383
- package/dist/index.modern.js.map +1 -1
- package/dist/theme/ThemeVariables.d.ts +2 -0
- package/dist/theme/variables/Layout.d.ts +1 -0
- package/package.json +1 -1
- /package/dist/{themes → theme}/common.d.ts +0 -0
- /package/dist/{themes/light/light.d.ts → theme/index.d.ts} +0 -0
- /package/dist/{themes/light → theme/legacy}/colors.d.ts +0 -0
- /package/dist/{themes/light → theme/legacy}/custom.d.ts +0 -0
- /package/dist/{themes/light → theme/legacy}/styles.d.ts +0 -0
- /package/dist/{themes/light → theme/legacy}/typography.d.ts +0 -0
package/dist/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
2
2
|
|
|
3
|
-
var React = require('react');
|
|
4
|
-
var React__default = _interopDefault(React);
|
|
5
3
|
var styled = require('styled-components');
|
|
6
4
|
var styled__default = _interopDefault(styled);
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var React__default = _interopDefault(React);
|
|
7
7
|
var icons = require('@future-standard/icons');
|
|
8
8
|
var ReactDom = _interopDefault(require('react-dom'));
|
|
9
9
|
var reactRouterDom = require('react-router-dom');
|
|
@@ -104,7 +104,7 @@ var deviceSize = {
|
|
|
104
104
|
medium: 768,
|
|
105
105
|
large: 1024,
|
|
106
106
|
xlarge: 1280,
|
|
107
|
-
xxlarge:
|
|
107
|
+
xxlarge: 1536
|
|
108
108
|
};
|
|
109
109
|
var deviceMediaQuery = {
|
|
110
110
|
small: "(min-width: " + deviceSize.small + "px)",
|
|
@@ -1642,7 +1642,7 @@ var custom = {
|
|
|
1642
1642
|
}
|
|
1643
1643
|
};
|
|
1644
1644
|
|
|
1645
|
-
var
|
|
1645
|
+
var index = {
|
|
1646
1646
|
fontFamily: fontFamily,
|
|
1647
1647
|
dimensions: dimensions,
|
|
1648
1648
|
typography: typography,
|
|
@@ -1695,8 +1695,14 @@ function _taggedTemplateLiteralLoose(strings, raw) {
|
|
|
1695
1695
|
return strings;
|
|
1696
1696
|
}
|
|
1697
1697
|
|
|
1698
|
-
var _templateObject
|
|
1699
|
-
var
|
|
1698
|
+
var _templateObject;
|
|
1699
|
+
var layoutVariables = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n /** Layouts */\n :root {\n --max-content-width: 1840px;\n }\n\n .content-layout {\n \n &-default {\n --content-layout-padding-top: 32px;\n --content-layout-padding-right: 48px;\n --content-layout-padding-bottom: 64px;\n --content-layout-padding-left: 64px;\n --utility-header-padding-top: 48px;\n\n @media ", "{\n --content-layout-padding-top: 32px;\n --content-layout-padding-right: 96px;\n --content-layout-padding-bottom: 64px;\n --content-layout-padding-left: 96px;\n --utility-header-padding-top: 48px;\n }\n\n @media ", "{\n --content-layout-padding-top: 30px;\n --content-layout-padding-right: 120px;\n --content-layout-padding-bottom: 64px;\n --content-layout-padding-left: 120px;\n --utility-header-padding-top: 48px;\n }\n }\n\n &-fullscreen {\n --content-layout-padding-top: 0px;\n --content-layout-padding-right: 0px;\n --content-layout-padding-bottom: 0px;\n --content-layout-padding-left: 0px;\n --utility-header-padding-top: 0px;\n }\n\n &-dashboard {\n --content-layout-padding-top: 32px;\n --content-layout-padding-right: 32px;\n --content-layout-padding-bottom: 32px;\n --content-layout-padding-left: 32px;\n --utility-header-padding-top: 32px;\n }\n }\n"])), deviceMediaQuery.xlarge, deviceMediaQuery.xxlarge);
|
|
1700
|
+
|
|
1701
|
+
var _templateObject$1;
|
|
1702
|
+
var GlobalStyle = styled.createGlobalStyle(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n\n ", ";\n\n :root {\n --font-ui: Monorale, Hiragino Sans, \"\u30D2\u30E9\u30AE\u30CE\u89D2\u30B4\u30B7\u30C3\u30AF\", Hiragino Kaku Gothic ProN, \"\u30D2\u30E9\u30AE\u30CE\u89D2\u30B4 ProN W3\", Roboto, YuGothic, \"\u6E38\u30B4\u30B7\u30C3\u30AF\", Meiryo, \"\u30E1\u30A4\u30EA\u30AA\", sans-serif;\n --font-data: Lato, Hiragino Sans, \"\u30D2\u30E9\u30AE\u30CE\u89D2\u30B4\u30B7\u30C3\u30AF\", Hiragino Kaku Gothic ProN, \"\u30D2\u30E9\u30AE\u30CE\u89D2\u30B4 ProN W3\", Roboto, YuGothic, \"\u6E38\u30B4\u30B7\u30C3\u30AF\", Meiryo, \"\u30E1\u30A4\u30EA\u30AA\", sans-serif;\n\n --font-size: 14px;\n\n --button-font-size: 14px;\n --button-height: 32px;\n --button-h-padding: 8px;\n --button-lift-default-x: 0px;\n --button-lift-default-y: 2px;\n --button-lift-default-blur: 4px;\n --button-lift-default-spread: 2px;\n\n --button-icon-size: 14px;\n --button-icon-h-padding: 8px;\n\n --input-height: 40px;\n }\n\n .button-small {\n --button-font-size: 12px;\n --button-height: 24px;\n --button-h-padding: 4px;\n --button-icon-size: 12px;\n --button-icon-h-padding: 8px;\n }\n\n .button-large {\n --button-font-size: 16px;\n --button-height: 40px;\n --button-h-padding: 8px;\n --button-icon-size: 16px;\n --button-icon-h-padding: 8px;\n }\n\n .split-button-primary {\n --border-color: var(--primary-9);\n --border-active-color: var(--primary-11);\n --toggle-icon-border: var(--primary-9);\n --gradient-1: #72C3EE;\n --gradient-2: #5CACEE;\n --button-lift-default-color: rgba(221, 234, 248, 0.08);\n --text-color: var(--white-a12);\n --text-disabled-color: var(--white-a11);\n --button-hover-bg: var(--primary-a3);\n --button-active-bg: var(--primary-10);\n --toggle-icon-hover-bg: var(--white-a7);\n --toggle-icon-active-bg: var(--black-a6);\n --toggle-icon: var(--white-a12);\n --toggle-icon-active: var(--white-a11);\n --toggle-icon-disabled: var(--white-a10);\n }\n\n .split-button-secondary {\n --border-color: var(--grey-7);\n --border-active-color: var(--grey-7);\n --toggle-icon-border: var(--grey-6);\n --gradient-1: #2E3135;\n --gradient-2: #363A3F;\n --button-lift-default-color: rgba(221, 234, 248, 0.08);\n --text-color: var(--grey-12);\n --text-disabled-color: var(--grey-a11);\n --button-hover-bg: var(--grey-a6);\n --button-active-bg: var(--grey-a3);\n --toggle-icon-hover-bg: var(--grey-a6);\n --toggle-icon-active-bg: var(--grey-a3);\n --toggle-icon: var(--grey-12);\n --toggle-icon-active: var(--grey-a11);\n --toggle-icon-disabled: var(--grey-10);\n }\n\n .split-button-danger {\n --border-color: var(--warning-10);\n --border-active-color: var(--warning-10);\n --toggle-icon-border: var(--warning-9);\n --gradient-1: #D16565;\n --gradient-2: #E76F6F;\n --button-lift-default-color: rgba(255, 113, 113, 0.47);\n --text-color: var(--white-a12);\n --text-disabled-color: var(--white-a11);\n --button-hover-bg: var(--warning-a7);\n --button-active-bg: var(--warning-8);\n --toggle-icon-hover-bg: var(--warning-a7);\n --toggle-icon-active-bg: var(--warning-a5);\n --toggle-icon: var(--white-a12);\n --toggle-icon-active: var(--white-a11);\n --toggle-icon-disabled: var(--white-a10);\n }\n\n .split-button-custom {\n --border-color: var(--info-10);\n --border-active-color: var(--info-10);\n --toggle-icon-border: var(--info-9);\n --gradient-1: var(--info-10);\n --gradient-2: var(--info-9);\n --button-lift-default-color: var(--info-a3);\n --text-color: var(--white-a12);\n --text-disabled-color: var(--white-a11);\n --button-hover-bg: var(--info-a7);\n --button-active-bg: var(--info-8);\n --toggle-icon-hover-bg: var(--info-a7);\n --toggle-icon-active-bg: var(--info-a5);\n --toggle-icon: var(--white-a12);\n --toggle-icon-active: var(--white-a11);\n --toggle-icon-disabled: var(--white-a10);\n }\n\n .light-theme {\n /* Light Mode */\n --grey-1: #fcfcfd;\n --primary-1: #fcfdff;\n --primary-2: #f5f9ff;\n --primary-3: #eaf3ff;\n --primary-4: #dbecff;\n --primary-5: #c9e2ff;\n --primary-6: #b5d5ff;\n --primary-7: #9bc3fa;\n --primary-8: #76aaf4;\n --primary-9: #80b5ff;\n --primary-10: #75aaf3;\n --primary-11: #3c6eb3;\n --primary-12: #0b3162;\n --primary-a12: #00285bf4;\n --primary-a11: #00429cc3;\n --primary-a10: #0062e98a;\n --primary-a9: #006bff7f;\n --primary-a8: #0061eb89;\n --primary-a7: #0066f364;\n --primary-a6: #016fff4a;\n --primary-a5: #0077ff36;\n --primary-a4: #0079ff24;\n --primary-a3: #006eff15;\n --primary-a2: #0066ff0a;\n --primary-a1: #0055ff03;\n --info-1: #fafefd;\n --info-2: #f1fcfa;\n --info-3: #e7f9f5;\n --info-4: #d9f3ee;\n --info-5: #c7ebe5;\n --info-6: #afdfd7;\n --info-7: #8dcec3;\n --info-8: #53b9ab;\n --info-9: #12a594;\n --info-10: #0e9888;\n --info-11: #067a6f;\n --info-12: #10302b;\n --info-a12: #00221def;\n --info-a11: #00776bf9;\n --info-a10: #009281f1;\n --info-a9: #009e8ced;\n --info-a8: #009783ac;\n --info-a7: #01927a72;\n --info-a6: #00998050;\n --info-a5: #00a48938;\n --info-a4: #02af8c26;\n --info-a3: #02c09718;\n --info-a2: #01c8a40e;\n --info-a1: #05cd9b05;\n --success-1: #0d1912;\n --success-2: #0c1f17;\n --success-3: #0f291e;\n --success-4: #113123;\n --success-5: #133929;\n --success-6: #164430;\n --success-7: #1b543a;\n --success-8: #236e4a;\n --success-9: #30a46c;\n --success-10: #3cb179;\n --success-11: #4cc38a;\n --success-12: #e5fbeb;\n --success-a12: #eafff0fa;\n --success-a11: #62ffb3bd;\n --success-a10: #54ffafa9;\n --success-a9: #47ffa69a;\n --success-a8: #49ffaa5e;\n --success-a7: #43ffad42;\n --success-a6: #3dffb130;\n --success-a5: #38feb524;\n --success-a4: #33feb31b;\n --success-a3: #2afebe12;\n --success-a2: #00f7ca07;\n --success-a1: #0000;\n --caution-1: #1f1206;\n --caution-2: #2b1400;\n --caution-3: #391a03;\n --caution-4: #441f04;\n --caution-5: #4f2305;\n --caution-6: #5f2a06;\n --caution-7: #763205;\n --caution-8: #943e00;\n --caution-9: #f76808;\n --caution-10: #ff802b;\n --caution-11: #ff8b3e;\n --caution-12: #feeadd;\n --caution-a12: #ffeee1fa;\n --caution-a11: #ff8c3ffa;\n --caution-a10: #ff842cfa;\n --caution-a9: #ff6b08f6;\n --caution-a8: #fe660085;\n --caution-a7: #ff640363;\n --caution-a6: #ff650649;\n --caution-a5: #fe620137;\n --caution-a4: #fe61002a;\n --caution-a3: #fd54001e;\n --caution-a2: #fd37000e;\n --caution-a1: #0000;\n --warning-1: #150f0f;\n --warning-2: #1e1413;\n --warning-3: #361717;\n --warning-4: #49191a;\n --warning-5: #582122;\n --warning-6: #692e2e;\n --warning-7: #813e3e;\n --warning-8: #a75252;\n --warning-9: #d16565;\n --warning-10: #c35959;\n --warning-11: #ff9795;\n --warning-12: #f9d5d3;\n --warning-a12: #ffdad8f9;\n --warning-a11: #ff9795ef;\n --warning-a10: #ff7272bf;\n --warning-a9: #ff7979ce;\n --warning-a8: #ff7878a1;\n --warning-a7: #ff717178;\n --warning-a6: #fd5f5f5f;\n --warning-a5: #fd464a4d;\n --warning-a4: #ff33383c;\n --warning-a3: #fd383828;\n --warning-a2: #fe48360e;\n --warning-a1: #de000005;\n --green-1: #fbfefc;\n --green-2: #f2fcf5;\n --green-3: #e9f9ee;\n --green-4: #ddf3e4;\n --green-5: #ccebd7;\n --green-6: #b4dfc4;\n --green-7: #92ceac;\n --green-8: #5bb98c;\n --green-9: #30a46c;\n --green-10: #299764;\n --green-11: #18794e;\n --green-12: #153226;\n --green-a12: #002012ea;\n --green-a11: #006b3be7;\n --green-a10: #008346d6;\n --green-a9: #008f4acf;\n --green-a8: #00934ca4;\n --green-a7: #008c3d6d;\n --green-a6: #0193364b;\n --green-a5: #009b3633;\n --green-a4: #01a63522;\n --green-a3: #02ba3c16;\n --green-a2: #00c43b0d;\n --green-a1: #05c04304;\n --orange-1: #fefcfb;\n --red-1: #fefcfc;\n --red-2: #fdf8f8;\n --red-3: #faedec;\n --red-4: #fddfdd;\n --red-5: #f8d2d0;\n --red-6: #f1c3c1;\n --red-7: #e6b1ae;\n --red-8: #da9996;\n --red-9: #d16565;\n --red-10: #c45859;\n --red-11: #b64d4e;\n --red-12: #592525;\n --red-a12: #3d0000da;\n --red-a11: #970002b2;\n --red-a10: #a50002a7;\n --red-a9: #b300009a;\n --red-a8: #a6080069;\n --red-a7: #b10a0051;\n --red-a6: #c609003e;\n --red-a5: #da0b002f;\n --red-a4: #f00f0022;\n --red-a3: #bc0e0013;\n --red-a2: #b7000007;\n --red-a1: #aa000003;\n --black-1: #000000;\n --black-a12: #000000e8;\n --black-a11: #00000090;\n --black-a10: #0000007a;\n --black-a9: #00000070;\n --black-a8: #00000038;\n --black-a7: #00000024;\n --black-a6: #0000001d;\n --black-a5: #00000017;\n --black-a4: #00000012;\n --black-a3: #0000000c;\n --black-a2: #00000007;\n --black-a1: #00000003;\n --orange-2: #fef8f4;\n --orange-3: #fff1e7;\n --orange-4: #ffe8d7;\n --orange-5: #ffdcc3;\n --orange-6: #ffcca7;\n --orange-7: #ffb381;\n --orange-8: #fa934e;\n --orange-9: #f76808;\n --orange-10: #ed5f00;\n --orange-11: #bd4b00;\n --orange-12: #451e11;\n --orange-a12: #380e00ee;\n --orange-a11: #bc4800fa;\n --orange-a10: #ed5b00fa;\n --orange-a9: #f76300f7;\n --orange-a8: #f86300b1;\n --orange-a7: #ff66017e;\n --orange-a6: #ff6b0158;\n --orange-a5: #ff6b013c;\n --orange-a4: #ff6e0028;\n --orange-a3: #ff6c0318;\n --orange-a2: #e860050b;\n --orange-a1: #c0430504;\n --grey-2: #f9f9fb;\n --grey-3: #f0f0f3;\n --grey-4: #e8e8ec;\n --grey-5: #e0e1e6;\n --grey-6: #d9d9e0e0;\n --grey-7: #cdced6;\n --grey-8: #b9bbc6;\n --grey-9: #8b8d98;\n --grey-10: #80838d;\n --grey-11: #717989;\n --grey-12: #5a6671;\n --grey-a12: #020b1de3;\n --grey-a11: #020b1d9f;\n --grey-a10: #00071b7f;\n --grey-a9: #00051d74;\n --grey-a8: #00083046;\n --grey-a7: #00062e32;\n --grey-a6: #00002f26;\n --grey-a5: #0009321f;\n --grey-a4: #00002d17;\n --grey-a3: #00003310;\n --grey-a2: #00005506;\n --grey-a1: #00005503;\n --white-1: #FFFFFF;\n --white-a12: #ffffffeb;\n --white-a11: #ffffff97;\n --white-a10: #ffffff72;\n --white-a9: #ffffff62;\n --white-a8: #ffffff3f;\n --white-a7: #ffffff2d;\n --white-a6: #ffffff20;\n --white-a5: #ffffff16;\n --white-a4: #ffffff0e;\n --white-a3: #ffffff09;\n --white-a2: #ffffff03;\n --white-a1: #fff0;\n\n /* feedback */\n --error: var(--warning-8);\n --info: var(--primary-7);\n --neutral: var(--grey-9);\n --success: var(--success-8);\n --warning: var(--caution-8);\n\n /* icons */\n --inverse: var(--grey-1);\n --mono: var(--grey-12);\n --dimmed: var(--grey-11);\n --subtle: var(--grey-10);\n --primary: var(--primary-9);\n --danger: var(--warning-9);\n --white: var(--white-1);\n\n --spinner-danger: var(--warning-8);\n --spinner-secondary: var(--grey-8);\n --spinner-primary: var(--primary-6);\n --spinner-simple: var(--grey-a8);\n }\n\n .dark-theme {\n /* Dark mode */\n\n --grey-1: #111113;\n --primary-1: #000;\n --primary-2: #09121e;\n --primary-3: #0e2341;\n --primary-4: #0c2f5d;\n --primary-5: #153c70;\n --primary-6: #214a81;\n --primary-7: #2d5a97;\n --primary-8: #366bb5;\n --primary-9: #80b5ff;\n --primary-10: #75aaf3;\n --primary-11: #81b7ff;\n --primary-12: #cee3ff;\n --primary-a12: #cee3ff;\n --primary-a11: #81b7ff;\n --primary-a10: #7bb2fff3;\n --primary-a9: #80b5ff;\n --primary-a8: #4c97ffb5;\n --primary-a7: #4c98ff97;\n --primary-a6: #4293ff81;\n --primary-a5: #3089ff70;\n --primary-a4: #2181ff5d;\n --primary-a3: #378aff41;\n --primary-a2: #4d99ff1e;\n --primary-a1: #0000;\n --info-1: #091915;\n --info-2: #04201b;\n --info-3: #062923;\n --info-4: #07312b;\n --info-5: #083932;\n --info-6: #09443c;\n --info-7: #0b544a;\n --info-8: #0c6d62;\n --info-9: #12a594;\n --info-10: #10b3a3;\n --info-11: #0ac5b3;\n --info-12: #e1faf4;\n --info-a12: #e6fff9fa;\n --info-a11: #0affe7bf;\n --info-a10: #13ffe7ab;\n --info-a9: #18ffe49b;\n --info-a8: #11ffe75d;\n --info-a7: #11ffe342;\n --info-a6: #09ffe630;\n --info-a5: #02fee424;\n --info-a4: #00fde81b;\n --info-a3: #00fddc12;\n --info-a2: #00fbd508;\n --info-a1: #0000;\n --success-1: #0d1912;\n --success-2: #0c1f17;\n --success-3: #0f291e;\n --success-4: #113123;\n --success-5: #133929;\n --success-6: #164430;\n --success-7: #1b543a;\n --success-8: #236e4a;\n --success-9: #30a46c;\n --success-10: #3cb179;\n --success-11: #4cc38a;\n --success-12: #e5fbeb;\n --success-a12: #eafff0fa;\n --success-a11: #62ffb3bd;\n --success-a10: #54ffafa9;\n --success-a9: #47ffa69a;\n --success-a8: #49ffaa5e;\n --success-a7: #43ffad42;\n --success-a6: #3dffb130;\n --success-a5: #38feb524;\n --success-a4: #33feb31b;\n --success-a3: #2afebe12;\n --success-a2: #00f7ca07;\n --success-a1: #0000;\n --caution-1: #1f1206;\n --caution-2: #2b1400;\n --caution-3: #391a03;\n --caution-4: #441f04;\n --caution-5: #4f2305;\n --caution-6: #5f2a06;\n --caution-7: #763205;\n --caution-8: #943e00;\n --caution-9: #f76808;\n --caution-10: #ff802b;\n --caution-11: #ff8b3e;\n --caution-12: #feeadd;\n --caution-a12: #ffeee1fa;\n --caution-a11: #ff8c3ffa;\n --caution-a10: #ff842cfa;\n --caution-a9: #ff6b08f6;\n --caution-a8: #fe660085;\n --caution-a7: #ff640363;\n --caution-a6: #ff650649;\n --caution-a5: #fe620137;\n --caution-a4: #fe61002a;\n --caution-a3: #fd54001e;\n --caution-a2: #fd37000e;\n --caution-a1: #0000;\n --warning-1: #150f0f;\n --warning-2: #1e1413;\n --warning-3: #361717;\n --warning-4: #49191a;\n --warning-5: #582122;\n --warning-6: #692e2e;\n --warning-7: #813e3e;\n --warning-8: #a75252;\n --warning-9: #d16565;\n --warning-10: #c35959;\n --warning-11: #ff9795;\n --warning-12: #f9d5d3;\n --warning-a12: #ffdad8f9;\n --warning-a11: #ff9795ef;\n --warning-a10: #ff7272bf;\n --warning-a9: #ff7979ce;\n --warning-a8: #ff7878a1;\n --warning-a7: #ff717178;\n --warning-a6: #fd5f5f5f;\n --warning-a5: #fd464a4d;\n --warning-a4: #ff33383c;\n --warning-a3: #fd383828;\n --warning-a2: #fe48360e;\n --warning-a1: #de000005;\n --green-1: #0d1912;\n --green-2: #0c1f17;\n --green-3: #0f291e;\n --green-4: #113123;\n --green-5: #133929;\n --green-6: #164430;\n --green-7: #1b543a;\n --green-8: #236e4a;\n --green-9: #30a46c;\n --green-10: #3cb179;\n --green-11: #4cc38a;\n --green-12: #e5fbeb;\n --green-a12: #eafff0fa;\n --green-a11: #62ffb3bd;\n --green-a10: #54ffafa9;\n --green-a9: #47ffa69a;\n --green-a8: #49ffaa5e;\n --green-a7: #43ffad42;\n --green-a6: #3dffb130;\n --green-a5: #38feb524;\n --green-a4: #33feb31b;\n --green-a3: #2afebe12;\n --green-a2: #00f7ca07;\n --green-a1: #0000;\n --orange-1: #1f1206;\n --red-1: #150f0f;\n --red-2: #1e1413;\n --red-3: #361717;\n --red-4: #49191a;\n --red-5: #582122;\n --red-6: #692e2e;\n --red-7: #813e3e;\n --red-8: #a75252;\n --red-9: #d16565;\n --red-10: #c35959;\n --red-11: #ff9795;\n --red-12: #f9d5d3;\n --red-a12: #ffdad8f9;\n --red-a11: #ff9795ef;\n --red-a10: #ff7272bf;\n --red-a9: #ff7979ce;\n --red-a8: #ff7878a1;\n --red-a7: #ff717178;\n --red-a6: #fd5f5f5f;\n --red-a5: #fd464a4d;\n --red-a4: #ff33383c;\n --red-a3: #fd383828;\n --red-a2: #fe48360e;\n --red-a1: #de000005;\n --black-1: #000;\n --black-a12: #000000e8;\n --black-a11: #00000090;\n --black-a10: #0000007a;\n --black-a9: #00000070;\n --black-a8: #00000038;\n --black-a7: #00000024;\n --black-a6: #0000001d;\n --black-a5: #00000017;\n --black-a4: #00000012;\n --black-a3: #0000000c;\n --black-a2: #00000007;\n --black-a1: #00000003;\n --orange-2: #2b1400;\n --orange-3: #391a03;\n --orange-4: #441f04;\n --orange-5: #4f2305;\n --orange-6: #5f2a06;\n --orange-7: #763205;\n --orange-8: #943e00;\n --orange-9: #f76808;\n --orange-10: #ff802b;\n --orange-11: #ff8b3e;\n --orange-12: #feeadd;\n --orange-a12: #ffeee1fa;\n --orange-a11: #ff8c3ffa;\n --orange-a10: #ff842cfa;\n --orange-a9: #ff6b08f6;\n --orange-a8: #fe660085;\n --orange-a7: #ff640363;\n --orange-a6: #ff650649;\n --orange-a5: #fe620137;\n --orange-a4: #fe61002a;\n --orange-a3: #fd54001e;\n --orange-a2: #fd37000e;\n --orange-a1: #0000;\n --grey-2: #18191b;\n --grey-3: #212225;\n --grey-4: #272a2d;\n --grey-5: #2e3135;\n --grey-6: #363a3f;\n --grey-7: #43484e;\n --grey-8: #5a6169;\n --grey-9: #696e77;\n --grey-10: #777b84;\n --grey-11: #9a9fa7;\n --grey-12: #d5d8dc;\n --grey-a12: #fcfdffef;\n --grey-a11: #f1f7feb5;\n --grey-a10: #e5edfd7b;\n --grey-a9: #dfebfd;\n --grey-a8: #d9edff5d;\n --grey-a7: #d9edff40;\n --grey-a6: #d6ebfd30;\n --grey-a5: #d9edfe25;\n --grey-a4: #d3edf81d;\n --grey-a3: #ddeaf814;\n --grey-a2: #d8f4f609;\n --grey-a1: #0000;\n --white-1: #fff;\n --white-a12: #ffffffeb;\n --white-a11: #ffffff97;\n --white-a10: #ffffff72;\n --white-a9: #ffffff62;\n --white-a8: #ffffff3f;\n --white-a7: #ffffff2d;\n --white-a6: #ffffff20;\n --white-a5: #ffffff16;\n --white-a4: #ffffff0e;\n --white-a3: #ffffff09;\n --white-a2: #ffffff03;\n --white-a1: #fff0;\n\n /* feedback */\n --error: var(--warning-8);\n --info: var(--primary-7);\n --neutral: var(--grey-9);\n --success: var(--success-8);\n --warning: var(--caution-8);\n\n /* icons */\n --inverse: var(--white-1);\n --mono: var(--grey-12);\n --dimmed: var(--grey-11);\n --subtle: var(--grey-10);\n --primary: var(--primary-9);\n --danger: var(--warning-9);\n --white: var(--white-1);\n\n --spinner-danger: var(--warning-8);\n --spinner-secondary: var(--grey-8);\n --spinner-primary: var(--primary-6);\n --spinner-simple: var(--grey-a8);\n }\n \n"])), layoutVariables);
|
|
1703
|
+
|
|
1704
|
+
var _templateObject$2, _templateObject2, _templateObject3;
|
|
1705
|
+
var wrapperCss = styled.css(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n svg {\n overflow: visible;\n vector-effect: non-scaling-stroke;\n\n line, path, circle, ellipse, foreignObject, polygon, polyline, rect, text, textPath, tspan {\n vector-effect: non-scaling-stroke;\n }\n }\n"])));
|
|
1700
1706
|
var IconWrapper = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n ", ";\n"])), wrapperCss);
|
|
1701
1707
|
var IconWrapperForSVG = styled__default.g(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n ", ";\n"])), wrapperCss);
|
|
1702
1708
|
|
|
@@ -1723,15 +1729,15 @@ var Icon = function Icon(_ref) {
|
|
|
1723
1729
|
})) : null;
|
|
1724
1730
|
};
|
|
1725
1731
|
|
|
1726
|
-
var _templateObject$
|
|
1727
|
-
var RowCss = styled.css(_templateObject$
|
|
1732
|
+
var _templateObject$3, _templateObject2$1, _templateObject3$1, _templateObject4, _templateObject5;
|
|
1733
|
+
var RowCss = styled.css(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n position:relative;\n display: flex;\n flex-direction: row;\n align-items:center;\n"])));
|
|
1728
1734
|
var ColumnCss = styled.css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
1729
1735
|
var resetButtonStyles = styled.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteralLoose(["\n -webkit-tap-highlight-color: transparent;\n background-color: transparent;\n background: transparent;\n border: none;\n cursor: pointer;\n outline: none;\n padding: 0;\n appearance: none;\n user-select: none;\n"])));
|
|
1730
1736
|
var removeAutoFillStyle = styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-webkit-autofill:active{\n transition: background-color 600000s 0s, color 600000s 0s;\n }\n"])));
|
|
1731
1737
|
var EllipsisStyles = styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"])));
|
|
1732
1738
|
|
|
1733
|
-
var _templateObject$
|
|
1734
|
-
var IconButton = styled__default.button(_templateObject$
|
|
1739
|
+
var _templateObject$4, _templateObject2$2, _templateObject3$2, _templateObject4$1;
|
|
1740
|
+
var IconButton = styled__default.button(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["\n ", ";\n ", "\n &:focus {\n outline: none;\n }\n\n &:hover:enabled {\n opacity: .8;\n }\n &:active:enabled {\n opacity: .9;\n }\n &:disabled {\n opacity: 0.1;\n }\n"])), resetButtonStyles, function (_ref) {
|
|
1735
1741
|
var _ref$selected = _ref.selected,
|
|
1736
1742
|
selected = _ref$selected === void 0 ? false : _ref$selected;
|
|
1737
1743
|
return selected && styled.css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteralLoose(["\n border-bottom: 5px solid var(--primary-7);\n "])));
|
|
@@ -1778,8 +1784,8 @@ var AlertBar = function AlertBar(_ref3) {
|
|
|
1778
1784
|
}))) : null;
|
|
1779
1785
|
};
|
|
1780
1786
|
|
|
1781
|
-
var _templateObject$
|
|
1782
|
-
var initAnimation = styled.keyframes(_templateObject$
|
|
1787
|
+
var _templateObject$5, _templateObject2$3, _templateObject3$3, _templateObject4$2, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
|
|
1788
|
+
var initAnimation = styled.keyframes(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n 0% {\n transform: translate(-50%, -100%);\n }\n 100% {\n transform: translate(-50%, 0%);\n }\n"])));
|
|
1783
1789
|
var closeAnimation = styled.keyframes(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteralLoose(["\n 0% {\n transform: translate(-50%, 0);\n }\n 100% {\n transform: translate(-50%, -100%);\n }\n"])));
|
|
1784
1790
|
var Container = styled__default.div(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteralLoose(["\n min-height: 50px;\n border-bottom-left-radius: 3px;\n border-bottom-right-radius: 3px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: 0 14px;\n width: 900px;\n position: fixed;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n z-index: 999;\n\n font-family: ", ";\n background-color: ", ";\n text-align: left;\n font-size: 14px;\n font-weight: 400;\n line-height: 15px;\n letter-spacing: -0.2px;\n text-decoration: none;\n color: var(--white-1);\n\n ", ";\n\n ", ";\n\n ", " {\n [stroke]{\n stroke: var(--white-1);\n }\n }\n"])), fontFamily.ui, function (_ref) {
|
|
1785
1791
|
var type = _ref.type;
|
|
@@ -1910,8 +1916,8 @@ var Notification = function Notification(_ref6) {
|
|
|
1910
1916
|
|
|
1911
1917
|
var _excluded = ["design", "size", "children"];
|
|
1912
1918
|
|
|
1913
|
-
var _templateObject$
|
|
1914
|
-
var StyledButton = styled__default.button(_templateObject$
|
|
1919
|
+
var _templateObject$6, _templateObject2$4;
|
|
1920
|
+
var StyledButton = styled__default.button(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n ", ";\n\n overflow: hidden;\n border: none;\n cursor: pointer;\n border-radius: 3px;\n outline: none;\n\n button + button {\n margin-left: 20px;\n }\n\n"])), function (_ref) {
|
|
1915
1921
|
var theme = _ref.theme,
|
|
1916
1922
|
design = _ref.design,
|
|
1917
1923
|
size = _ref.size;
|
|
@@ -1936,8 +1942,8 @@ var Button = function Button(_ref2) {
|
|
|
1936
1942
|
|
|
1937
1943
|
var _excluded$1 = ["design", "size", "onClick", "disabled", "position", "icon", "children"];
|
|
1938
1944
|
|
|
1939
|
-
var _templateObject$
|
|
1940
|
-
var TextContainer = styled__default.div(_templateObject$
|
|
1945
|
+
var _templateObject$7, _templateObject2$5, _templateObject3$4, _templateObject4$3, _templateObject5$2, _templateObject6$1, _templateObject7$1;
|
|
1946
|
+
var TextContainer = styled__default.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n height: inherit;\n flex: 1;\n order: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n white-space: nowrap;\n\n ", "\n\n ", "\n"])), function (_ref) {
|
|
1941
1947
|
var position = _ref.position,
|
|
1942
1948
|
size = _ref.size;
|
|
1943
1949
|
return position && position === 'left' ? styled.css(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteralLoose(["\n padding-left: ", ";\n "])), size === 'xsmall' ? "10px" : "20px") : styled.css(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteralLoose(["\n padding-right: ", ";\n "])), size === 'xsmall' ? "10px" : "20px");
|
|
@@ -1982,7 +1988,7 @@ var ButtonWithIcon = function ButtonWithIcon(_ref4) {
|
|
|
1982
1988
|
}))));
|
|
1983
1989
|
};
|
|
1984
1990
|
|
|
1985
|
-
var _templateObject$
|
|
1991
|
+
var _templateObject$8, _templateObject2$6, _templateObject3$5, _templateObject4$4;
|
|
1986
1992
|
|
|
1987
1993
|
var circumference = function circumference(radius) {
|
|
1988
1994
|
return 2 * 3.1416 * radius;
|
|
@@ -1990,7 +1996,7 @@ var circumference = function circumference(radius) {
|
|
|
1990
1996
|
|
|
1991
1997
|
var animation$1 = function animation(radius) {
|
|
1992
1998
|
var c = circumference(radius);
|
|
1993
|
-
return styled.keyframes(_templateObject$
|
|
1999
|
+
return styled.keyframes(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n 0% {\n stroke-dashoffset: -", ";\n }\n 50% {\n stroke-dashoffset: -", ";\n }\n 100% {\n stroke-dashoffset: -", ";\n }\n "])), c * 0.85, c * 0.5, c * 0.85);
|
|
1994
2000
|
};
|
|
1995
2001
|
|
|
1996
2002
|
var rotate = styled.keyframes(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteralLoose(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"])));
|
|
@@ -2069,8 +2075,8 @@ var Spinner = function Spinner(_ref5) {
|
|
|
2069
2075
|
|
|
2070
2076
|
var _excluded$2 = ["design", "size", "onClick", "disabled", "position", "loading", "children"];
|
|
2071
2077
|
|
|
2072
|
-
var _templateObject$
|
|
2073
|
-
var LoadingButton = styled__default(Button)(_templateObject$
|
|
2078
|
+
var _templateObject$9, _templateObject2$7, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11;
|
|
2079
|
+
var LoadingButton = styled__default(Button)(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref) {
|
|
2074
2080
|
var $loading = _ref.$loading,
|
|
2075
2081
|
theme = _ref.theme;
|
|
2076
2082
|
return $loading && styled.css(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n cursor: wait;\n background: ", ";\n padding: 0 20px;\n &:disabled {\n opacity: 1;\n }\n "])), theme.styles.form.button['primary'].active);
|
|
@@ -2131,8 +2137,8 @@ var ButtonWithLoading = function ButtonWithLoading(_ref6) {
|
|
|
2131
2137
|
|
|
2132
2138
|
var _excluded$3 = ["icon", "size", "weight", "color", "hoverColor"];
|
|
2133
2139
|
|
|
2134
|
-
var _templateObject$
|
|
2135
|
-
var StyledButton$1 = styled__default.button(_templateObject$
|
|
2140
|
+
var _templateObject$a;
|
|
2141
|
+
var StyledButton$1 = styled__default.button(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose(["\n ", ";\n [stroke]{\n stroke: ", ";\n }\n &:hover {\n ", " {\n [stroke]{\n stroke: ", ";\n }\n }\n }\n"])), resetButtonStyles, function (_ref) {
|
|
2136
2142
|
var color = _ref.color;
|
|
2137
2143
|
return color;
|
|
2138
2144
|
}, IconWrapper, function (_ref2) {
|
|
@@ -2163,8 +2169,8 @@ var IconButton$2 = function IconButton(_ref3) {
|
|
|
2163
2169
|
}));
|
|
2164
2170
|
};
|
|
2165
2171
|
|
|
2166
|
-
var _templateObject$
|
|
2167
|
-
var StyledIconButton = styled__default(IconButton$2)(_templateObject$
|
|
2172
|
+
var _templateObject$b, _templateObject2$8, _templateObject3$7, _templateObject4$6, _templateObject5$4;
|
|
2173
|
+
var StyledIconButton = styled__default(IconButton$2)(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose([""])));
|
|
2168
2174
|
var Container$1 = styled__default.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n display: flex;\n ", " {\n margin-left: 15px;\n }\n ", ":first-child {\n margin-left: 0px;\n }\n\n ", ";\n\n ", ";\n\n ", ";\n"])), StyledIconButton, StyledIconButton, function (_ref) {
|
|
2169
2175
|
var alignment = _ref.alignment;
|
|
2170
2176
|
return alignment === 'left' && styled.css(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteralLoose(["\n justify-content: flex-start;\n "])));
|
|
@@ -2203,8 +2209,8 @@ var ActionButtons = function ActionButtons(_ref4) {
|
|
|
2203
2209
|
|
|
2204
2210
|
var _excluded$4 = ["type", "placeholder", "defaultValue", "fieldState", "feedbackMessage", "actionCallback", "actionIcon", "postfix"];
|
|
2205
2211
|
|
|
2206
|
-
var _templateObject$
|
|
2207
|
-
var ActionContainer = styled__default.div(_templateObject$
|
|
2212
|
+
var _templateObject$c, _templateObject2$9, _templateObject3$8, _templateObject4$7, _templateObject5$5, _templateObject6$3, _templateObject7$3, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14;
|
|
2213
|
+
var ActionContainer = styled__default.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n position: absolute;\n right: 0;\n top: 0;\n"])));
|
|
2208
2214
|
var InputActionButton = styled__default.button.attrs({
|
|
2209
2215
|
type: "button"
|
|
2210
2216
|
})(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n width: 40px;\n height: 40px;\n background: transparent;\n border: none;\n cursor: pointer;\n outline: none;\n"])));
|
|
@@ -2325,8 +2331,8 @@ var Input = function Input(_ref13) {
|
|
|
2325
2331
|
|
|
2326
2332
|
var _excluded$5 = ["htmlFor", "labelText", "rightAlign", "children"];
|
|
2327
2333
|
|
|
2328
|
-
var _templateObject$
|
|
2329
|
-
var StyledLabel = styled__default.label(_templateObject$
|
|
2334
|
+
var _templateObject$d, _templateObject2$a;
|
|
2335
|
+
var StyledLabel = styled__default.label(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n color: var(--grey-10);\n font-size: 14px;\n font-weight: 500;\n ", ";\n"])), function (_ref) {
|
|
2330
2336
|
var theme = _ref.theme;
|
|
2331
2337
|
return theme.fontFamily.ui;
|
|
2332
2338
|
}, function (_ref2) {
|
|
@@ -2356,8 +2362,8 @@ var Label = function Label(_ref4) {
|
|
|
2356
2362
|
|
|
2357
2363
|
var _excluded$6 = ["unit", "label", "name", "type", "placeholder", "defaultValue", "fieldState", "className"];
|
|
2358
2364
|
|
|
2359
|
-
var _templateObject$
|
|
2360
|
-
var StyledInput$1 = styled__default.input(_templateObject$
|
|
2365
|
+
var _templateObject$e, _templateObject2$b, _templateObject3$9, _templateObject4$8, _templateObject5$6, _templateObject6$4, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$3;
|
|
2366
|
+
var StyledInput$1 = styled__default.input(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n ", ";\n\n ", ";\n\n height: 100%;\n width: 100%;\n border-radius: 3px;\n\n padding: 0 22px 0 10px;\n box-sizing: border-box;\n outline: none;\n\n ", ";\n\n ", "\n\n &:disabled {\n cursor: not-allowed;\n }\n"])), removeAutoFillStyle, function (_ref) {
|
|
2361
2367
|
var theme = _ref.theme,
|
|
2362
2368
|
fieldState = _ref.fieldState;
|
|
2363
2369
|
return styled.css(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteralLoose(["\n min-height: 30px;\n font-family: ", ";\n border: 1px solid ", ";\n "])), theme.fontFamily.data, theme.styles.form.input[fieldState].normal.borderColor);
|
|
@@ -2430,7 +2436,7 @@ var SmallInput = function SmallInput(_ref8) {
|
|
|
2430
2436
|
}, unit) : null)));
|
|
2431
2437
|
};
|
|
2432
2438
|
|
|
2433
|
-
var _templateObject$
|
|
2439
|
+
var _templateObject$f, _templateObject2$c, _templateObject3$a, _templateObject4$9, _templateObject5$7, _templateObject6$5, _templateObject7$5, _templateObject8$4, _templateObject9$4, _templateObject10$4, _templateObject11$2;
|
|
2434
2440
|
var SwitchPosition;
|
|
2435
2441
|
|
|
2436
2442
|
(function (SwitchPosition) {
|
|
@@ -2446,7 +2452,7 @@ var intentPosition = function intentPosition(left, checked) {
|
|
|
2446
2452
|
return intentLeft + "px";
|
|
2447
2453
|
};
|
|
2448
2454
|
|
|
2449
|
-
var RealInput = styled__default.input(_templateObject$
|
|
2455
|
+
var RealInput = styled__default.input(_templateObject$f || (_templateObject$f = _taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
2450
2456
|
var SwitchOuter = styled__default.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose(["\n border: 1px solid transparent;\n box-sizing: border-box;\n cursor: pointer;\n position: relative;\n"])));
|
|
2451
2457
|
|
|
2452
2458
|
var getPositionKey = function getPositionKey(switchPos) {
|
|
@@ -2728,7 +2734,7 @@ function SvgNoImage() {
|
|
|
2728
2734
|
}));
|
|
2729
2735
|
}
|
|
2730
2736
|
|
|
2731
|
-
var _templateObject$
|
|
2737
|
+
var _templateObject$g, _templateObject2$d, _templateObject3$b, _templateObject4$a, _templateObject5$8, _templateObject6$6, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$3, _templateObject12$1, _templateObject13$1;
|
|
2732
2738
|
var CheckboxState;
|
|
2733
2739
|
|
|
2734
2740
|
(function (CheckboxState) {
|
|
@@ -2737,7 +2743,7 @@ var CheckboxState;
|
|
|
2737
2743
|
CheckboxState["Indeterminate"] = "indeterminate";
|
|
2738
2744
|
})(CheckboxState || (CheckboxState = {}));
|
|
2739
2745
|
|
|
2740
|
-
var RealInput$1 = styled__default.input(_templateObject$
|
|
2746
|
+
var RealInput$1 = styled__default.input(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
2741
2747
|
var CheckboxOuter = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n\n box-sizing: border-box;\n position: relative;\n width: 18px;\n height: 18px;\n border-radius: 5px;\n border-width: 2px;\n border-style: solid;\n"])));
|
|
2742
2748
|
var CheckboxInner = styled__default.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n box-sizing: border-box;\n"])));
|
|
2743
2749
|
var IconWrapper$2 = styled__default.div(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n svg {\n display: block;\n [stroke]{\n stroke: transparent;\n }\n [fill] {\n fill: ", ";\n }\n }\n"])), function (_ref) {
|
|
@@ -2813,8 +2819,8 @@ var Checkbox = function Checkbox(_ref5) {
|
|
|
2813
2819
|
})), " ");
|
|
2814
2820
|
};
|
|
2815
2821
|
|
|
2816
|
-
var _templateObject$
|
|
2817
|
-
var InnerRadio = styled__default.div(_templateObject$
|
|
2822
|
+
var _templateObject$h, _templateObject2$e, _templateObject3$c, _templateObject4$b, _templateObject5$9, _templateObject6$7, _templateObject7$7, _templateObject8$6, _templateObject9$6, _templateObject10$6;
|
|
2823
|
+
var InnerRadio = styled__default.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose(["\n width: 10px;\n height: 10px;\n border-radius: 50%;\n user-select: none;\n"])));
|
|
2818
2824
|
var OuterRadio = styled__default.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteralLoose(["\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n border-radius: 50%;\n border-width: 2px;\n border-style: solid;\n user-select: none;\n\n ", ";\n"])), function (_ref) {
|
|
2819
2825
|
var styles = _ref.theme.styles,
|
|
2820
2826
|
isChecked = _ref.isChecked,
|
|
@@ -2858,8 +2864,8 @@ var RadioButton = function RadioButton(_ref2) {
|
|
|
2858
2864
|
|
|
2859
2865
|
var _excluded$7 = ["placeholder", "fieldState", "feedbackMessage", "children"];
|
|
2860
2866
|
|
|
2861
|
-
var _templateObject$
|
|
2862
|
-
var FeedbackIcon$1 = styled__default.div(_templateObject$
|
|
2867
|
+
var _templateObject$i, _templateObject2$f, _templateObject3$d, _templateObject4$c, _templateObject5$a, _templateObject6$8, _templateObject7$8, _templateObject8$7, _templateObject9$7, _templateObject10$7;
|
|
2868
|
+
var FeedbackIcon$1 = styled__default.div(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n flex: 0 0 40px;\n width: 40px;\n display: flex;\n justify-content:center;\n align-items:center;\n padding-top: 2px;\n"])));
|
|
2863
2869
|
var StyledTextArea = styled__default.textarea(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteralLoose(["\n\n", ";\n\n padding: 8px 15px;\n box-sizing: border-box;\n outline: none;\n height: 100%;\n width: 100%;\n border-radius: 3px;\n\n ", ";\n"])), function (_ref) {
|
|
2864
2870
|
var theme = _ref.theme,
|
|
2865
2871
|
fieldState = _ref.fieldState;
|
|
@@ -2962,8 +2968,8 @@ var TextArea = function TextArea(_ref13) {
|
|
|
2962
2968
|
|
|
2963
2969
|
var _excluded$8 = ["placeholder", "label", "isCompact", "defaultValue", "changeCallback", "children"];
|
|
2964
2970
|
|
|
2965
|
-
var _templateObject$
|
|
2966
|
-
var SelectWrapper = styled__default.div(_templateObject$
|
|
2971
|
+
var _templateObject$j, _templateObject2$g, _templateObject3$e, _templateObject4$d, _templateObject5$b, _templateObject6$9, _templateObject7$9, _templateObject8$8, _templateObject9$8, _templateObject10$8, _templateObject11$4, _templateObject12$2, _templateObject13$2;
|
|
2972
|
+
var SelectWrapper = styled__default.div(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n width: 100%;\n\n ", " {\n position: absolute;\n top: calc(50% - 7px);\n right: 10px;\n pointer-events: none;\n }\n"])), IconWrapper);
|
|
2967
2973
|
var StyledSelect = styled__default.select(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n box-sizing: border-box;\n outline: none;\n border-radius: 3px;\n height: 40px;\n padding: 0 25px 0 15px;\n appearance: none;\n line-height: 1.56;\n width: 100%;\n cursor: pointer;\n ", "\n\n &:disabled {\n ", "\n cursor: not-allowed;\n }\n\n &::-ms-expand {\n display: none;\n }\n"])), function (_ref) {
|
|
2968
2974
|
var styles = _ref.theme.styles;
|
|
2969
2975
|
return styled.css(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n ", ";\n "])), styles.form.input["default"].normal);
|
|
@@ -3126,9 +3132,9 @@ var isNotNumber = function isNotNumber(value) {
|
|
|
3126
3132
|
|
|
3127
3133
|
var _excluded$9 = ["min", "max", "marks", "defaultValue", "thumbColor", "disabled", "onlyMarkSelect", "inputCallback", "onChangeCallback", "allMarkCentered"];
|
|
3128
3134
|
|
|
3129
|
-
var _templateObject$
|
|
3135
|
+
var _templateObject$k, _templateObject2$h, _templateObject3$f, _templateObject4$e, _templateObject5$c, _templateObject6$a, _templateObject7$a, _templateObject8$9, _templateObject9$9, _templateObject10$9, _templateObject11$5, _templateObject12$3;
|
|
3130
3136
|
var ThumbDiameter = 16;
|
|
3131
|
-
var SliderWrapper = styled__default.div(_templateObject$
|
|
3137
|
+
var SliderWrapper = styled__default.div(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n position: relative;\n height: 30px;\n margin-top: 20px;\n ", ";\n"])), function (_ref) {
|
|
3132
3138
|
var theme = _ref.theme;
|
|
3133
3139
|
return theme.fontFamily.data;
|
|
3134
3140
|
}, function (_ref2) {
|
|
@@ -3372,8 +3378,8 @@ var SliderInput = function SliderInput(_ref12) {
|
|
|
3372
3378
|
|
|
3373
3379
|
var _excluded$a = ["text", "buttonDesign", "buttonSize", "inputCallback"];
|
|
3374
3380
|
|
|
3375
|
-
var _templateObject$
|
|
3376
|
-
var Container$9 = styled__default.div(_templateObject$
|
|
3381
|
+
var _templateObject$l, _templateObject2$i, _templateObject3$g;
|
|
3382
|
+
var Container$9 = styled__default.div(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose([""])));
|
|
3377
3383
|
var HiddenInput$2 = styled__default.input(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
3378
3384
|
var StyledButton$2 = styled__default(Button)(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n text-align: center;\n"])));
|
|
3379
3385
|
|
|
@@ -3421,8 +3427,8 @@ var InputFileButton = function InputFileButton(_ref) {
|
|
|
3421
3427
|
|
|
3422
3428
|
var _excluded$b = ["max", "min", "defaultValue", "title", "timeUnit", "controlledValue", "inputCallback"];
|
|
3423
3429
|
|
|
3424
|
-
var _templateObject$
|
|
3425
|
-
var Container$a = styled__default.div(_templateObject$
|
|
3430
|
+
var _templateObject$m, _templateObject2$j, _templateObject3$h, _templateObject4$f, _templateObject5$d;
|
|
3431
|
+
var Container$a = styled__default.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose([""])));
|
|
3426
3432
|
var Headers = styled__default.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: var(--grey-10);\n display: flex;\n justify-content: space-between;\n margin-bottom: 30px;\n padding: 0 6px;\n"])));
|
|
3427
3433
|
var ValueLabel = styled__default(Label)(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n margin-bottom: 0;\n"])), function (_ref) {
|
|
3428
3434
|
var theme = _ref.theme;
|
|
@@ -3476,8 +3482,8 @@ var DurationSlider = function DurationSlider(_ref3) {
|
|
|
3476
3482
|
|
|
3477
3483
|
var _excluded$c = ["defaultValue", "inputCallback", "updateThumbColor", "updateTitle", "showValue", "allMarkCentered"];
|
|
3478
3484
|
|
|
3479
|
-
var _templateObject$
|
|
3480
|
-
var Container$b = styled__default.div(_templateObject$
|
|
3485
|
+
var _templateObject$n, _templateObject2$k, _templateObject3$i;
|
|
3486
|
+
var Container$b = styled__default.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose([""])));
|
|
3481
3487
|
var Headers$1 = styled__default.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n color: var(--grey-10);\n display: flex;\n justify-content: space-between;\n margin-bottom: 20px;\n ", ";\n"])), function (_ref) {
|
|
3482
3488
|
var allMarkCentered = _ref.allMarkCentered;
|
|
3483
3489
|
return allMarkCentered ? "padding: 0;" : "padding: 0 6px;";
|
|
@@ -3633,8 +3639,8 @@ var TextAreaField = function TextAreaField(_ref) {
|
|
|
3633
3639
|
|
|
3634
3640
|
var _excluded$g = ["height", "text", "dropCallback"];
|
|
3635
3641
|
|
|
3636
|
-
var _templateObject$
|
|
3637
|
-
var Container$c = styled__default.div(_templateObject$
|
|
3642
|
+
var _templateObject$o, _templateObject2$l;
|
|
3643
|
+
var Container$c = styled__default.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n ", ";\n position: relative;\n"])), function (_ref) {
|
|
3638
3644
|
var height = _ref.height;
|
|
3639
3645
|
return height ? "height: " + height : null;
|
|
3640
3646
|
});
|
|
@@ -3962,8 +3968,8 @@ var areDimensionsDiff = function areDimensionsDiff(oldDimensions, newValues) {
|
|
|
3962
3968
|
return isDifferent;
|
|
3963
3969
|
};
|
|
3964
3970
|
|
|
3965
|
-
var _templateObject$
|
|
3966
|
-
var CropLineStyle = styled.css(_templateObject$
|
|
3971
|
+
var _templateObject$p, _templateObject2$m, _templateObject3$j, _templateObject4$g, _templateObject5$e, _templateObject6$b, _templateObject7$b, _templateObject8$a, _templateObject9$a, _templateObject10$a, _templateObject11$6, _templateObject12$4, _templateObject13$3, _templateObject14$1, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
|
|
3972
|
+
var CropLineStyle = styled.css(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n position: absolute;\n display: block;\n opacity: 0.1;\n"])));
|
|
3967
3973
|
var TopLine = styled__default.div(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose(["\n ", ";\n cursor: n-resize;\n width: 100%;\n height: 5px;\n left: 0;\n top: -3px;\n"])), CropLineStyle);
|
|
3968
3974
|
var RightLine = styled__default.div(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose(["\n ", ";\n cursor: e-resize;\n right: -3px;\n top: 0;\n width: 5px;\n height: 100%;\n"])), CropLineStyle);
|
|
3969
3975
|
var BottomLine = styled__default.div(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n ", "\n cursor: s-resize;\n bottom: -3px;\n height: 5px;\n width: 100%;\n left: 0;\n"])), CropLineStyle);
|
|
@@ -4040,8 +4046,8 @@ var CropArea = function CropArea(_ref9) {
|
|
|
4040
4046
|
})));
|
|
4041
4047
|
};
|
|
4042
4048
|
|
|
4043
|
-
var _templateObject$
|
|
4044
|
-
var Container$d = styled__default.div(_templateObject$
|
|
4049
|
+
var _templateObject$q, _templateObject2$n, _templateObject3$k, _templateObject4$h, _templateObject5$f, _templateObject6$c, _templateObject7$c, _templateObject8$b, _templateObject9$b;
|
|
4050
|
+
var Container$d = styled__default.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--grey-3);\n -webkit-backdrop-filter: blur(5px);\n backdrop-filter: blur(5px);\n font-family: ", ";\n z-index: 999;\n"])), function (_ref) {
|
|
4045
4051
|
var theme = _ref.theme;
|
|
4046
4052
|
return theme.fontFamily.ui;
|
|
4047
4053
|
});
|
|
@@ -4368,7 +4374,7 @@ var CropTool = function CropTool(_ref5) {
|
|
|
4368
4374
|
})))))), document.body);
|
|
4369
4375
|
};
|
|
4370
4376
|
|
|
4371
|
-
var _templateObject$
|
|
4377
|
+
var _templateObject$r, _templateObject2$o, _templateObject3$l, _templateObject4$i, _templateObject5$g, _templateObject6$d, _templateObject7$d, _templateObject8$c, _templateObject9$c;
|
|
4372
4378
|
var CROP_HEIGHT_AREA = 500;
|
|
4373
4379
|
var CROP_WIDTH_AREA = 475;
|
|
4374
4380
|
var CANVAS_HEIGHT = 490;
|
|
@@ -4376,7 +4382,7 @@ var CANVAS_WIDTH = 460;
|
|
|
4376
4382
|
var ratio = Math.round(CROP_WIDTH_AREA / CROP_HEIGHT_AREA * 100) / 100;
|
|
4377
4383
|
var PHOTO_HEIGHT = "150px";
|
|
4378
4384
|
var PHOTO_WIDTH = "142px";
|
|
4379
|
-
var Container$e = styled__default.div(_templateObject$
|
|
4385
|
+
var Container$e = styled__default.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n position: relative;\n width: ", ";\n ", "\n button {\n width: 100%;\n }\n"])), PHOTO_WIDTH, function (_ref) {
|
|
4380
4386
|
var theme = _ref.theme;
|
|
4381
4387
|
return styled.css(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n "])), theme.fontFamily.ui);
|
|
4382
4388
|
});
|
|
@@ -4538,8 +4544,8 @@ var AvatarUploader = function AvatarUploader(_ref2) {
|
|
|
4538
4544
|
|
|
4539
4545
|
var _excluded$h = ["icons", "color", "size", "weight"];
|
|
4540
4546
|
|
|
4541
|
-
var _templateObject$
|
|
4542
|
-
var Container$f = styled__default.div(_templateObject$
|
|
4547
|
+
var _templateObject$s, _templateObject2$p, _templateObject3$m;
|
|
4548
|
+
var Container$f = styled__default.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-bottom: 27px;\n ", " {\n display: flex;\n align-items: center;\n }\n"])), IconWrapper);
|
|
4543
4549
|
var PlusIcon = styled__default(Icon)(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose([""])));
|
|
4544
4550
|
var PlusIconWrapper = styled__default.div(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n margin: 0 30px;\n ", "{\n transform: rotate(45deg);\n [stroke]{\n stroke: var(--primary-7);\n }\n }\n"])), IconWrapper);
|
|
4545
4551
|
|
|
@@ -4569,8 +4575,8 @@ var BigIconsSummary = function BigIconsSummary(_ref) {
|
|
|
4569
4575
|
}));
|
|
4570
4576
|
};
|
|
4571
4577
|
|
|
4572
|
-
var _templateObject$
|
|
4573
|
-
var Container$g = styled__default.div(_templateObject$
|
|
4578
|
+
var _templateObject$t, _templateObject2$q, _templateObject3$n, _templateObject4$j, _templateObject5$h, _templateObject6$e;
|
|
4579
|
+
var Container$g = styled__default.div(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n"])), function (_ref) {
|
|
4574
4580
|
var theme = _ref.theme;
|
|
4575
4581
|
return theme.fontFamily.ui;
|
|
4576
4582
|
});
|
|
@@ -4701,8 +4707,8 @@ var AreaUploadManager = function AreaUploadManager(_ref3) {
|
|
|
4701
4707
|
|
|
4702
4708
|
var _excluded$i = ["children", "spacing"];
|
|
4703
4709
|
|
|
4704
|
-
var _templateObject$
|
|
4705
|
-
var FormContainer = styled__default.form(_templateObject$
|
|
4710
|
+
var _templateObject$u, _templateObject2$r;
|
|
4711
|
+
var FormContainer = styled__default.form(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
4706
4712
|
var spacing = _ref.spacing;
|
|
4707
4713
|
return spacing && styled.css(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n & > ", " {\n margin-bottom: ", ";\n }\n "])), StyledLabel, spacing);
|
|
4708
4714
|
});
|
|
@@ -4720,8 +4726,8 @@ var Form = function Form(_ref2) {
|
|
|
4720
4726
|
|
|
4721
4727
|
var _excluded$j = ["text", "icon", "design", "noBorderTop", "textMaxWidth", "size", "onClickCallback", "closeCallback", "hasOnSelectLoading"];
|
|
4722
4728
|
|
|
4723
|
-
var _templateObject$
|
|
4724
|
-
var StyledButton$3 = styled__default.button(_templateObject$
|
|
4729
|
+
var _templateObject$v, _templateObject2$s, _templateObject3$o, _templateObject4$k, _templateObject5$i, _templateObject6$f, _templateObject7$e, _templateObject8$d;
|
|
4730
|
+
var StyledButton$3 = styled__default.button(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n ", "\n ", ";\n\n color: var(--text-color);\n height: var(--button-height);\n display: flex;\n flex: 1 0 0;\n align-items: center;\n align-self: stretch;\n\n &:hover:enabled {\n background: var(--button-hover-bg);\n\n ", " {\n svg g, svg path {\n stroke: var(--white-a12);\n }\n }\n }\n\n &:active:enabled {\n background: var(--button-active-bg);\n\n ", ";\n\n ", " {\n svg g, svg path {\n stroke: var(--white-a12);\n }\n }\n }\n\n &:disabled {\n color: var(--text-disabled-color);\n cursor: not-allowed;\n }\n"])), resetButtonStyles, function (_ref) {
|
|
4725
4731
|
var noBorderTop = _ref.noBorderTop;
|
|
4726
4732
|
return noBorderTop ? "border-top: none" : styled.css(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n border-top: 1px solid var(--border-color)"])));
|
|
4727
4733
|
}, IconWrapper, function (_ref2) {
|
|
@@ -4903,8 +4909,8 @@ function useClickOutside(elRef, elCallback) {
|
|
|
4903
4909
|
}, [elCallback, elRef]);
|
|
4904
4910
|
}
|
|
4905
4911
|
|
|
4906
|
-
var _templateObject$
|
|
4907
|
-
var Container$h = styled__default.div(_templateObject$
|
|
4912
|
+
var _templateObject$w, _templateObject2$t, _templateObject3$p, _templateObject4$l, _templateObject5$j, _templateObject6$g, _templateObject7$f;
|
|
4913
|
+
var Container$h = styled__default.div(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--grey-3);\n -webkit-backdrop-filter: blur(5px);\n backdrop-filter: blur(5px);\n z-index: 999;\n ", "\n\n font-family: ", ";\n ", ";\n"])), function (_ref) {
|
|
4908
4914
|
var theme = _ref.theme;
|
|
4909
4915
|
return theme && styled.css(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteralLoose([""])));
|
|
4910
4916
|
}, function (_ref2) {
|
|
@@ -5307,8 +5313,8 @@ function SvgNoImageBig(props) {
|
|
|
5307
5313
|
|
|
5308
5314
|
var _excluded$k = ["loop", "autoPlay", "controls", "muted"];
|
|
5309
5315
|
|
|
5310
|
-
var _templateObject$
|
|
5311
|
-
var MediaBoxWrapper = styled__default.div(_templateObject$
|
|
5316
|
+
var _templateObject$x, _templateObject2$u, _templateObject3$q, _templateObject4$m, _templateObject5$k, _templateObject6$h, _templateObject7$g, _templateObject8$e;
|
|
5317
|
+
var MediaBoxWrapper = styled__default.div(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose(["\n position: relative;\n line-height: 0;\n ", ";\n ", ";\n"])), function (_ref) {
|
|
5312
5318
|
var minHeight = _ref.minHeight;
|
|
5313
5319
|
return minHeight && "min-height: " + minHeight;
|
|
5314
5320
|
}, function (_ref2) {
|
|
@@ -5611,9 +5617,9 @@ var _excluded$l = ["mainButtonId", "buttonList", "design", "size", "textMaxWidth
|
|
|
5611
5617
|
_excluded2 = ["id", "text", "icon", "disabled"],
|
|
5612
5618
|
_excluded3 = ["id", "text", "icon", "disabled"];
|
|
5613
5619
|
|
|
5614
|
-
var _templateObject$
|
|
5620
|
+
var _templateObject$y, _templateObject2$v, _templateObject3$r;
|
|
5615
5621
|
var TOGGLE_ICON_WIDTH = 20;
|
|
5616
|
-
var Container$i = styled__default.div(_templateObject$
|
|
5622
|
+
var Container$i = styled__default.div(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n font-family: var(--font-ui);\n position: relative;\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n border-radius: 3px;\n border: 1px solid var(--border);\n background: linear-gradient(135deg, var(--gradient-1) 0%, var(--gradient-2) 100%);\n box-shadow: var(--button-lift-default-x, 0px) var(--button-lift-default-y, 2px) var(--button-lift-default-blur, 4px) var(--button-lift-default-spread, 2px) var(--button-lift-default-color, rgba(221, 234, 248, 0.08));\n"])));
|
|
5617
5623
|
var MainButtonWrapper = styled__default.div(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n align-self: stretch;\n"])));
|
|
5618
5624
|
var ToggleIcon = styled__default.button(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n height: var(--button-height);\n padding: 3px var(--button-icon-h-padding);\n justify-content: space-between;\n align-items: center;\n flex-shrink: 0;\n border-left: 1px solid var(--toggle-icon-border);\n cursor: pointer;\n\n ", " {\n svg {\n display: flex;\n justify-content: center;\n align-items: center;\n path, g {\n stroke: var(--toggle-icon);\n }\n }\n }\n\n &:hover:enabled {\n background: var(--toggle-icon-hover-bg);\n }\n\n &:active:enabled {\n background: var(--toggle-icon-active-bg);\n ", " {\n svg path, svg g {\n stroke: var(--toggle-icon-active);\n }\n }\n }\n\n &:disabled {\n cursor: not-allowed;\n\n ", " {\n svg path {\n stroke: var(--toggle-icon-disabled);\n }\n }\n }\n\n"])), resetButtonStyles, IconWrapper, IconWrapper, IconWrapper);
|
|
5619
5625
|
|
|
@@ -5707,8 +5713,8 @@ var SplitButton = function SplitButton(_ref) {
|
|
|
5707
5713
|
})) : null);
|
|
5708
5714
|
};
|
|
5709
5715
|
|
|
5710
|
-
var _templateObject$
|
|
5711
|
-
var Container$j = styled__default.div(_templateObject$
|
|
5716
|
+
var _templateObject$z, _templateObject2$w, _templateObject3$s, _templateObject4$n, _templateObject5$l, _templateObject6$i, _templateObject7$h, _templateObject8$f;
|
|
5717
|
+
var Container$j = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n\n ", "\n"])), function (_ref) {
|
|
5712
5718
|
var hide = _ref.hide;
|
|
5713
5719
|
return hide && styled.css(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n display: none;\n "])));
|
|
5714
5720
|
});
|
|
@@ -5910,7 +5916,7 @@ var DateTimeBlock = function DateTimeBlock(_ref6) {
|
|
|
5910
5916
|
})))));
|
|
5911
5917
|
};
|
|
5912
5918
|
|
|
5913
|
-
var _templateObject$
|
|
5919
|
+
var _templateObject$A, _templateObject2$x, _templateObject3$t, _templateObject4$o, _templateObject5$m, _templateObject6$j, _templateObject7$i, _templateObject8$g, _templateObject9$d, _templateObject10$b, _templateObject11$7, _templateObject12$5, _templateObject13$4, _templateObject14$2, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23;
|
|
5914
5920
|
|
|
5915
5921
|
var initializeInterval = function initializeInterval(day) {
|
|
5916
5922
|
return {
|
|
@@ -5924,7 +5930,7 @@ var initializeInterval = function initializeInterval(day) {
|
|
|
5924
5930
|
|
|
5925
5931
|
var TODAY = new Date();
|
|
5926
5932
|
var TODAY_INTERVAL = initializeInterval(dateFns.startOfDay(new Date()));
|
|
5927
|
-
var Container$k = styled__default.div(_templateObject$
|
|
5933
|
+
var Container$k = styled__default.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
5928
5934
|
var DateTimeArea = styled__default.div(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n border-right: var(--grey-6) 1px solid;\n width: 170px;\n display: flex;\n flex-direction: column;\n"])));
|
|
5929
5935
|
var TimeZoneOption = styled__default.div(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n border-top: var(--grey-6) 1px solid;\n margin-top: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n box-sizing: border-box;\n"])));
|
|
5930
5936
|
var TimeZoneLabel = styled__default.div(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n text-align: left;\n font-size: 12px;\n font-weight: 300;\n color: var(--grey-11);\n"])), fontFamily.ui);
|
|
@@ -6227,8 +6233,8 @@ var getInitialValue = function getInitialValue(hasEmptyValue, initialValue) {
|
|
|
6227
6233
|
|
|
6228
6234
|
var _excluded$m = ["children"];
|
|
6229
6235
|
|
|
6230
|
-
var _templateObject$
|
|
6231
|
-
var Container$l = styled__default.div(_templateObject$
|
|
6236
|
+
var _templateObject$B, _templateObject2$y;
|
|
6237
|
+
var Container$l = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n box-shadow: 0px 5px 25px 0px var(--primary-a1);\n background-color: var(--grey-1);\n border: var(--grey-6) 1px solid;\n border-radius: 3px;\n position: relative;\n display: inline-flex;\n overflow: hidden;\n padding-top: 5px;\n\n &::before {\n background-color: var(--primary-7);\n content: '';\n\n display: block;\n height: 5px;\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n }\n\n"])));
|
|
6232
6238
|
var Inner = styled__default.div(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n flex-direction: row;\n"])));
|
|
6233
6239
|
|
|
6234
6240
|
var FilterDropdownContainer = function FilterDropdownContainer(_ref) {
|
|
@@ -6240,8 +6246,8 @@ var FilterDropdownContainer = function FilterDropdownContainer(_ref) {
|
|
|
6240
6246
|
|
|
6241
6247
|
var _excluded$n = ["icon", "hasFlipArrow", "isSortAscending", "isOpen", "children"];
|
|
6242
6248
|
|
|
6243
|
-
var _templateObject$
|
|
6244
|
-
var FlipWrapper = styled__default.div(_templateObject$
|
|
6249
|
+
var _templateObject$C, _templateObject2$z, _templateObject3$u, _templateObject4$p, _templateObject5$n, _templateObject6$k, _templateObject7$j;
|
|
6250
|
+
var FlipWrapper = styled__default.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref) {
|
|
6245
6251
|
var isSortAscending = _ref.isSortAscending;
|
|
6246
6252
|
return isSortAscending && styled.css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n transform: scaleY(-1);\n "])));
|
|
6247
6253
|
});
|
|
@@ -6290,8 +6296,8 @@ var FilterButton = function FilterButton(_ref5) {
|
|
|
6290
6296
|
|
|
6291
6297
|
var _excluded$o = ["title", "value", "optionType", "selected", "disabled", "onClick"];
|
|
6292
6298
|
|
|
6293
|
-
var _templateObject$
|
|
6294
|
-
var Title$1 = styled__default.div(_templateObject$
|
|
6299
|
+
var _templateObject$D, _templateObject2$A, _templateObject3$v, _templateObject4$q, _templateObject5$o, _templateObject6$l, _templateObject7$k, _templateObject8$h, _templateObject9$e, _templateObject10$c;
|
|
6300
|
+
var Title$1 = styled__default.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n display: block;\n color: var(--grey-9);\n font-size: 14px;\n font-weight: 500;\n margin-left: 12px;\n user-select: none;\n pointer-events: none;\n"])), function (_ref) {
|
|
6295
6301
|
var theme = _ref.theme;
|
|
6296
6302
|
return theme.fontFamily.data;
|
|
6297
6303
|
});
|
|
@@ -6334,8 +6340,8 @@ var FilterOption = function FilterOption(_ref3) {
|
|
|
6334
6340
|
|
|
6335
6341
|
var _excluded$p = ["color", "hasBorder", "iconSize", "disabled", "noBackground", "hasCrossButton", "onCrossClick", "width"];
|
|
6336
6342
|
|
|
6337
|
-
var _templateObject$
|
|
6338
|
-
var Container$n = styled__default.div(_templateObject$
|
|
6343
|
+
var _templateObject$E, _templateObject2$B, _templateObject3$w, _templateObject4$r, _templateObject5$p, _templateObject6$m, _templateObject7$l, _templateObject8$i;
|
|
6344
|
+
var Container$n = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n ", ";\n\n ", " {\n flex-shrink: 0;\n display: flex;\n }\n\n height: 30px;\n padding: 0 0 0 8px;\n align-items: center;\n display: flex;\n border-radius: 3px;\n"])), function (_ref) {
|
|
6339
6345
|
var styles = _ref.theme.styles,
|
|
6340
6346
|
theme = _ref.theme,
|
|
6341
6347
|
hasBorder = _ref.hasBorder,
|
|
@@ -6411,8 +6417,8 @@ var isFilterItem = function isFilterItem(item) {
|
|
|
6411
6417
|
|
|
6412
6418
|
var _excluded$q = ["buttonIcon", "buttonText", "disabled", "minWidth", "minHeight", "isSortAscending", "children", "onToggleOpenCallback", "onCloseCallback"];
|
|
6413
6419
|
|
|
6414
|
-
var _templateObject$
|
|
6415
|
-
var Container$o = styled__default.div(_templateObject$
|
|
6420
|
+
var _templateObject$F, _templateObject2$C, _templateObject3$x, _templateObject4$s;
|
|
6421
|
+
var Container$o = styled__default.div(_templateObject$F || (_templateObject$F = _taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
6416
6422
|
var ButtonWrapper = styled__default.div(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose(["\n display: inline-block;\n"])));
|
|
6417
6423
|
var ContentBox = styled__default.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n z-index: 100;\n min-width: ", "px;\n position: absolute;\n\n ", ";\n"])), function (_ref) {
|
|
6418
6424
|
var minWidth = _ref.minWidth;
|
|
@@ -6526,8 +6532,8 @@ var FilterDropHandler = function FilterDropHandler(_ref3) {
|
|
|
6526
6532
|
}), children));
|
|
6527
6533
|
};
|
|
6528
6534
|
|
|
6529
|
-
var _templateObject$
|
|
6530
|
-
var Container$p = styled__default.div(_templateObject$
|
|
6535
|
+
var _templateObject$G, _templateObject2$D;
|
|
6536
|
+
var Container$p = styled__default.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 146px;\n border-top: 1px solid var(--grey-5);\n"])));
|
|
6531
6537
|
var LoadingText = styled__default.div(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n color: var(--grey-11);\n font-size: 12px;\n font-style: italic;\n padding: 15px 0;\n"])), fontFamily.data);
|
|
6532
6538
|
|
|
6533
6539
|
var LoadingBox = function LoadingBox(_ref) {
|
|
@@ -6540,8 +6546,8 @@ var LoadingBox = function LoadingBox(_ref) {
|
|
|
6540
6546
|
|
|
6541
6547
|
var _excluded$r = ["buttonIcon", "buttonText", "list", "selected", "disabled", "isLoading", "loadingText", "optionType", "hasOptionsFilter", "searchPlaceholder", "maxDisplayedItems", "searchResultText", "emptyResultText", "onSelect"];
|
|
6542
6548
|
|
|
6543
|
-
var _templateObject$
|
|
6544
|
-
var Container$q = styled__default.div(_templateObject$
|
|
6549
|
+
var _templateObject$H, _templateObject2$E, _templateObject3$y, _templateObject4$t, _templateObject5$q, _templateObject6$n, _templateObject7$m, _templateObject8$j, _templateObject9$f, _templateObject10$d;
|
|
6550
|
+
var Container$q = styled__default.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n display: inline-block;\n position: relative;\n"])));
|
|
6545
6551
|
var TopLine$1 = styled__default.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n background-color: var(--primary-7);\n height: 3px;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n"])));
|
|
6546
6552
|
var InnerBox = styled__default.div(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n border-bottom-left-radius: 3px;\n border-bottom-right-radius: 3px;\n box-shadow: 0 4px 9px 0 var(--grey-a2);\n border-right: solid 1px var(--grey-7);\n border-bottom: solid 1px var(--grey-7);\n border-left: solid 1px var(--grey-7);\n background-color: var(--grey-2);\n"])));
|
|
6547
6553
|
var StyledFilterOption = styled__default(FilterOption)(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n letter-spacing: 0.2px;\n"])));
|
|
@@ -6787,8 +6793,8 @@ var FilterDropdown = function FilterDropdown(_ref2) {
|
|
|
6787
6793
|
|
|
6788
6794
|
var _excluded$s = ["buttonText", "disabled", "list", "isLoading", "loadingText", "isSortAscending", "selected", "descendingText", "ascendingText", "onSelect"];
|
|
6789
6795
|
|
|
6790
|
-
var _templateObject$
|
|
6791
|
-
var Container$r = styled__default.div(_templateObject$
|
|
6796
|
+
var _templateObject$I, _templateObject2$F, _templateObject3$z, _templateObject4$u, _templateObject5$r, _templateObject6$o, _templateObject7$n, _templateObject8$k, _templateObject9$g;
|
|
6797
|
+
var Container$r = styled__default.div(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n display: inline-block;\n position: relative;\n"])));
|
|
6792
6798
|
var TopLine$2 = styled__default.div(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n background-color: var(--primary-7);\n height: 3px;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n"])));
|
|
6793
6799
|
var InnerBox$1 = styled__default.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n border-bottom-left-radius: 3px;\n border-bottom-right-radius: 3px;\n border-top: unset;\n box-shadow: 0px 5px 25px 0px var(--primary-a1);\n background-color: var(--grey-1);\n border-color: var(--grey-6);\n border: var(--grey-6) 1px solid;\n"])));
|
|
6794
6800
|
var StyledFilterOption$1 = styled__default(FilterOption)(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n letter-spacing: 0.2px;\n"])));
|
|
@@ -6874,8 +6880,8 @@ var SortDropdown = function SortDropdown(_ref2) {
|
|
|
6874
6880
|
}))))));
|
|
6875
6881
|
};
|
|
6876
6882
|
|
|
6877
|
-
var _templateObject$
|
|
6878
|
-
var Container$s = styled__default.div(_templateObject$
|
|
6883
|
+
var _templateObject$J, _templateObject2$G, _templateObject3$A, _templateObject4$v, _templateObject5$s, _templateObject6$p, _templateObject7$o, _templateObject8$l, _templateObject9$h, _templateObject10$e, _templateObject11$8, _templateObject12$6, _templateObject13$5, _templateObject14$3, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$2, _templateObject21$2, _templateObject22$2, _templateObject23$1;
|
|
6884
|
+
var Container$s = styled__default.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n display: inline-block;\n position: relative;\n"])));
|
|
6879
6885
|
var ContextActionBaseCSS = styled.css(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n -webkit-tap-highlight-color: transparent;\n border: none;\n background: none;\n display: flex;\n justify-content:left;\n align-items:center;\n flex-wrap: wrap;\n cursor: pointer;\n outline: none;\n text-decoration: none;\n padding: 0;\n"])));
|
|
6880
6886
|
var ContextIcon = styled__default.div(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n ", ";\n width: 30px;\n height: 30px;\n border-radius: 3px;\n display:flex;\n justify-content:center;\n align-items:center;\n svg {\n display: block;\n }\n"])), function (_ref) {
|
|
6881
6887
|
var theme = _ref.theme;
|
|
@@ -7062,10 +7068,10 @@ var FilterLayout = function FilterLayout(_ref6) {
|
|
|
7062
7068
|
|
|
7063
7069
|
var _excluded$t = ["buttonIcon", "buttonText", "disabled", "initialValue", "dateMode", "timeMode", "selected", "dateTimeTextUpper", "dateTimeTextLower", "timeZoneTitle", "timeZoneValueTitle", "lang", "onCloseCallback", "onUpdateCallback", "onToggleCallback"];
|
|
7064
7070
|
|
|
7065
|
-
var _templateObject$
|
|
7071
|
+
var _templateObject$K;
|
|
7066
7072
|
var MIN_WIDTH = 470;
|
|
7067
7073
|
var MIN_HEIGHT = 360;
|
|
7068
|
-
var Container$t = styled__default.div(_templateObject$
|
|
7074
|
+
var Container$t = styled__default.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose([""])));
|
|
7069
7075
|
|
|
7070
7076
|
var DropdownDatePicker = function DropdownDatePicker(_ref) {
|
|
7071
7077
|
var buttonIcon = _ref.buttonIcon,
|
|
@@ -7159,8 +7165,8 @@ var DropdownDatePicker = function DropdownDatePicker(_ref) {
|
|
|
7159
7165
|
|
|
7160
7166
|
var _excluded$u = ["hasShowMore", "searchFilters", "datePickerFilters", "dropdownFilters", "showMoreText", "showLessText"];
|
|
7161
7167
|
|
|
7162
|
-
var _templateObject$
|
|
7163
|
-
var fadeInAnimation = styled.keyframes(_templateObject$
|
|
7168
|
+
var _templateObject$L, _templateObject2$H, _templateObject3$B, _templateObject4$w, _templateObject5$t, _templateObject6$q, _templateObject7$p, _templateObject8$m;
|
|
7169
|
+
var fadeInAnimation = styled.keyframes(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n 0% {\n width: 50%;\n opacity: .5;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n width: 100%;\n }\n"])));
|
|
7164
7170
|
var SearchInputWrapper = styled__default.div(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose(["\n flex: 1 1 200px;\n max-width: 320px;\n"])));
|
|
7165
7171
|
var CloseSearchInputWrapper = styled__default.div(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref) {
|
|
7166
7172
|
var theme = _ref.theme;
|
|
@@ -7285,8 +7291,8 @@ var FilterInputs = function FilterInputs(_ref2) {
|
|
|
7285
7291
|
|
|
7286
7292
|
var _excluded$v = ["labelLists", "totalResults", "resultTextTemplate", "clearText", "resultsDateFormat", "onRemoveFilter", "onClearAll"];
|
|
7287
7293
|
|
|
7288
|
-
var _templateObject$
|
|
7289
|
-
var Container$v = styled__default.div(_templateObject$
|
|
7294
|
+
var _templateObject$M, _templateObject2$I, _templateObject3$C, _templateObject4$x, _templateObject5$u, _templateObject6$r, _templateObject7$q;
|
|
7295
|
+
var Container$v = styled__default.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n font-size: 12px;\n min-height: 22px;\n"])));
|
|
7290
7296
|
var ResultsTextWrapper = styled__default.div(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n color: var(--grey-9);\n"])), fontFamily.ui);
|
|
7291
7297
|
var FilterLabel = styled__default.div(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n height: 18px;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n padding: 0 11px 0 8px;\n margin-left: 3px;\n color: var(--grey-9);\n font-family: ", ";\n\n ", " {\n display: flex;\n align-items: center;\n }\n border-right: 1px solid var(--grey-8);\n"])), fontFamily.data, IconWrapper);
|
|
7292
7298
|
var FilterLabelText = styled__default.div(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n padding: ", ";\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 300px;\n"])), function (_ref) {
|
|
@@ -7395,8 +7401,8 @@ var FiltersResults = function FiltersResults(_ref2) {
|
|
|
7395
7401
|
|
|
7396
7402
|
var _excluded$w = ["filtersTitle", "hasShowMore", "searchersConfig", "dropdownsConfig", "datePickersConfig", "showMoreText", "showLessText", "resultTextTemplate", "clearText", "totalResults", "singleFilter", "resultsDateFormat", "onChangeCallback"];
|
|
7397
7403
|
|
|
7398
|
-
var _templateObject$
|
|
7399
|
-
var Title$2 = styled__default.div(_templateObject$
|
|
7404
|
+
var _templateObject$N, _templateObject2$J, _templateObject3$D;
|
|
7405
|
+
var Title$2 = styled__default.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n color: var(--grey-10);\n font-size: 12px;\n font-weight: 700;\n margin-bottom: 17px;\n"])), fontFamily.ui);
|
|
7400
7406
|
var StyledFilterResults = styled__default(FiltersResults)(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose([""])));
|
|
7401
7407
|
var Container$w = styled__default.div(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n ", " {\n margin-top: 29px;\n min-height: 19px;\n }\n"])), StyledFilterResults);
|
|
7402
7408
|
|
|
@@ -7826,8 +7832,8 @@ var FilterBar = function FilterBar(_ref4) {
|
|
|
7826
7832
|
})));
|
|
7827
7833
|
};
|
|
7828
7834
|
|
|
7829
|
-
var _templateObject$
|
|
7830
|
-
var Container$x = styled__default.div(_templateObject$
|
|
7835
|
+
var _templateObject$O, _templateObject2$K, _templateObject3$E, _templateObject4$y, _templateObject5$v;
|
|
7836
|
+
var Container$x = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-block;\n"])));
|
|
7831
7837
|
var StatusCounter = styled__default.div(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: 14px;;\n top: -12px;\n border-radius: 4px;\n height: 14px;\n min-width: 14px;\n padding: 2px;\n font-size: 10px;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n background-color: ", ";\n"])), function (_ref) {
|
|
7832
7838
|
var animation = _ref.theme.animation;
|
|
7833
7839
|
return styled.css(_templateObject3$E || (_templateObject3$E = _taggedTemplateLiteralLoose(["\n transition: background-color ", " ", ";\n "])), animation.speed.slow, animation.easing.primary.easeInOut);
|
|
@@ -7862,8 +7868,8 @@ var StatusIcon = function StatusIcon(_ref5) {
|
|
|
7862
7868
|
}));
|
|
7863
7869
|
};
|
|
7864
7870
|
|
|
7865
|
-
var _templateObject$
|
|
7866
|
-
var HandleTouchReactionKeyframes = styled.keyframes(_templateObject$
|
|
7871
|
+
var _templateObject$P, _templateObject2$L, _templateObject3$F, _templateObject4$z, _templateObject5$w, _templateObject6$s, _templateObject7$r, _templateObject8$n, _templateObject9$i, _templateObject10$f, _templateObject11$9, _templateObject12$7, _templateObject13$6, _templateObject14$4, _templateObject15$3, _templateObject16$3, _templateObject17$3;
|
|
7872
|
+
var HandleTouchReactionKeyframes = styled.keyframes(_templateObject$P || (_templateObject$P = _taggedTemplateLiteralLoose(["\n 0% {\n transform: scale(1);\n }\n\n 75% {\n transform: scale(3);\n }\n\n 100% {\n transform: scale(1.75);\n }\n"])));
|
|
7867
7873
|
var HandleMouseReactionKeyframes = styled.keyframes(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteralLoose(["\n 0% {\n transform: scale(1);\n }\n\n 75% {\n transform: scale(0);\n }\n\n 100% {\n transform: scale(0.5);\n }\n"])));
|
|
7868
7874
|
var HandleBase = styled__default.svg(_templateObject3$F || (_templateObject3$F = _taggedTemplateLiteralLoose(["\n touch-action: none;\n user-select: none;\n overflow: visible;\n cursor: pointer;\n fill: ", ";\n appearance: none;\n"])), function (_ref) {
|
|
7869
7875
|
var theme = _ref.theme,
|
|
@@ -8111,8 +8117,8 @@ var HandleUnit = function HandleUnit(props) {
|
|
|
8111
8117
|
}, index + pointIndexOffset))));
|
|
8112
8118
|
};
|
|
8113
8119
|
|
|
8114
|
-
var _templateObject$
|
|
8115
|
-
var ContrastLine = styled__default.line(_templateObject$
|
|
8120
|
+
var _templateObject$Q, _templateObject2$M, _templateObject3$G, _templateObject4$A, _templateObject5$x, _templateObject6$t, _templateObject7$s, _templateObject8$o, _templateObject9$j, _templateObject10$g, _templateObject11$a, _templateObject12$8, _templateObject13$7, _templateObject14$5;
|
|
8121
|
+
var ContrastLine = styled__default.line(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteralLoose(["\n stroke: ", ";\n mix-blend-mode: multiply;\n stroke-width: ", "px;\n stroke-opacity: ", ";\n cursor: pointer;\n"])), function (_ref) {
|
|
8116
8122
|
var theme = _ref.theme,
|
|
8117
8123
|
styling = _ref.styling;
|
|
8118
8124
|
return theme.custom.lines[styling].contrastLine.stroke;
|
|
@@ -8401,8 +8407,8 @@ var LineUnit = function LineUnit(props) {
|
|
|
8401
8407
|
|
|
8402
8408
|
var LineSetContext = React.createContext({});
|
|
8403
8409
|
|
|
8404
|
-
var _templateObject$
|
|
8405
|
-
var FilledPolygon = styled__default.polygon(_templateObject$
|
|
8410
|
+
var _templateObject$R, _templateObject2$N, _templateObject3$H, _templateObject4$B;
|
|
8411
|
+
var FilledPolygon = styled__default.polygon(_templateObject$R || (_templateObject$R = _taggedTemplateLiteralLoose(["\n fill: ", ";\n opacity: ", ";\n"])), function (_ref) {
|
|
8406
8412
|
var color = _ref.color;
|
|
8407
8413
|
return color;
|
|
8408
8414
|
}, function (_ref2) {
|
|
@@ -8685,8 +8691,8 @@ var LineSet = function LineSet(_ref8) {
|
|
|
8685
8691
|
}));
|
|
8686
8692
|
};
|
|
8687
8693
|
|
|
8688
|
-
var _templateObject$
|
|
8689
|
-
var Container$y = styled__default.div(_templateObject$
|
|
8694
|
+
var _templateObject$S, _templateObject2$O, _templateObject3$I, _templateObject4$C, _templateObject5$y;
|
|
8695
|
+
var Container$y = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteralLoose(["\n position: relative;\n line-height: 0;\n user-select: none;\n touch-action: none;\n /* box-shadow: 0 10px 20px hsla(195deg, 65%, 5%, 35%); */\n /* border: 10px solid hsla(195deg, 45%, 35%, 45%); */\n /* border-radius:3px; */\n\n width: auto;\n /* transform: translateY(-70%); */\n\n"])));
|
|
8690
8696
|
var LoadingOverlay$1 = styled__default.div(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteralLoose(["\n position: absolute;\n top:0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n"])));
|
|
8691
8697
|
var Frame = styled__default.svg(_templateObject3$I || (_templateObject3$I = _taggedTemplateLiteralLoose(["\n touch-action: none;\n user-select: none;\n margin: 0;\n\n overflow: visible;\n\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n height: 100%;\n width: 100%;\n transition: background 250ms ease;\n background: hsla(0deg, 0%, 0%, 0%);\n\n ", "\n\n"])), function (props) {
|
|
8692
8698
|
return props.transculent && styled.css(_templateObject4$C || (_templateObject4$C = _taggedTemplateLiteralLoose(["\n background: hsla(0deg, 0%, 0%, 35%);\n "])));
|
|
@@ -8894,8 +8900,8 @@ var LineUI = function LineUI(_ref) {
|
|
|
8894
8900
|
|
|
8895
8901
|
var _excluded$x = ["loop", "autoPlay", "controls", "muted"];
|
|
8896
8902
|
|
|
8897
|
-
var _templateObject$
|
|
8898
|
-
var Container$z = styled__default.div(_templateObject$
|
|
8903
|
+
var _templateObject$T, _templateObject2$P, _templateObject3$J, _templateObject4$D, _templateObject5$z;
|
|
8904
|
+
var Container$z = styled__default.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteralLoose(["\n position: relative;\n line-height: 0;\n user-select: none;\n touch-action: none;\n /* box-shadow: 0 10px 20px hsla(195deg, 65%, 5%, 35%); */\n /* border: 10px solid hsla(195deg, 45%, 35%, 45%); */\n /* border-radius:3px; */\n\n width: auto;\n /* transform: translateY(-70%); */\n"])));
|
|
8899
8905
|
var Video$1 = styled__default.video(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 100%;\n border-radius: 3px;\n background-color: hsla(0deg, 0%, 0%, 35%);\n"])));
|
|
8900
8906
|
var LoadingOverlay$2 = styled__default.div(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteralLoose(["\n position: absolute;\n top:0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n"])));
|
|
8901
8907
|
var Frame$1 = styled__default.svg(_templateObject4$D || (_templateObject4$D = _taggedTemplateLiteralLoose(["\n touch-action: none;\n user-select: none;\n margin: 0;\n\n overflow: visible;\n\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n height: 100%;\n width: 100%;\n transition: background 250ms ease;\n background: hsla(0deg, 0%, 0%, 0%);\n\n ", "\n\n"])), function (props) {
|
|
@@ -9122,8 +9128,8 @@ var LineUIVideo = function LineUIVideo(_ref) {
|
|
|
9122
9128
|
|
|
9123
9129
|
var _excluded$y = ["id", "enabled", "peerAddress", "maxConnectionAttempts", "rtcConfiguration", "setStatus", "setError", "autoPlay", "muted"];
|
|
9124
9130
|
|
|
9125
|
-
var _templateObject$
|
|
9126
|
-
var Video$2 = styled__default.video(_templateObject$
|
|
9131
|
+
var _templateObject$U;
|
|
9132
|
+
var Video$2 = styled__default.video(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose(["\n /* width: 800px; */\n"])));
|
|
9127
9133
|
|
|
9128
9134
|
var WebRTCPlayer = function WebRTCPlayer(_ref) {
|
|
9129
9135
|
var _ref$id = _ref.id,
|
|
@@ -9447,8 +9453,8 @@ function getPeerId(id) {
|
|
|
9447
9453
|
return 'WRP_' + id + '_' + Math.floor(Math.random() * (9000 - 10) + 10).toString();
|
|
9448
9454
|
}
|
|
9449
9455
|
|
|
9450
|
-
var _templateObject$
|
|
9451
|
-
var Container$A = styled__default.div(_templateObject$
|
|
9456
|
+
var _templateObject$V, _templateObject2$Q, _templateObject3$K, _templateObject4$E, _templateObject5$A;
|
|
9457
|
+
var Container$A = styled__default.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteralLoose(["\n position: relative;\n line-height: 0;\n user-select: none;\n touch-action: none;\n /* box-shadow: 0 10px 20px hsla(195deg, 65%, 5%, 35%); */\n /* border: 10px solid hsla(195deg, 45%, 35%, 45%); */\n /* border-radius:3px; */\n\n width: auto;\n /* transform: translateY(-70%); */\n"])));
|
|
9452
9458
|
var Video$3 = styled__default(WebRTCPlayer)(_templateObject2$Q || (_templateObject2$Q = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 100%;\n border-radius: 3px;\n background-color: hsla(0deg, 0%, 0%, 35%);\n"])));
|
|
9453
9459
|
var LoadingOverlay$3 = styled__default.div(_templateObject3$K || (_templateObject3$K = _taggedTemplateLiteralLoose(["\n position: absolute;\n top:0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n"])));
|
|
9454
9460
|
var Frame$2 = styled__default.svg(_templateObject4$E || (_templateObject4$E = _taggedTemplateLiteralLoose(["\n touch-action: none;\n user-select: none;\n margin: 0;\n\n overflow: visible;\n\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n height: 100%;\n width: 100%;\n transition: background 250ms ease;\n background: hsla(0deg, 0%, 0%, 0%);\n\n ", "\n\n"])), function (props) {
|
|
@@ -9798,8 +9804,8 @@ var LineReducer = (function (state, action) {
|
|
|
9798
9804
|
}
|
|
9799
9805
|
});
|
|
9800
9806
|
|
|
9801
|
-
var _templateObject$
|
|
9802
|
-
var Container$B = styled__default.div(_templateObject$
|
|
9807
|
+
var _templateObject$W, _templateObject2$R, _templateObject3$L, _templateObject4$F, _templateObject5$B, _templateObject6$u, _templateObject7$t, _templateObject8$p;
|
|
9808
|
+
var Container$B = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
9803
9809
|
var IconContainer$1 = styled__default.div(_templateObject2$R || (_templateObject2$R = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: -45px;\n bottom: 0;\n height: 30px;\n display: flex;\n justify-content: center;\n align-items: center;\n\n svg {\n display: block;\n }\n"])));
|
|
9804
9810
|
var Title$3 = styled__default.h1(_templateObject3$L || (_templateObject3$L = _taggedTemplateLiteralLoose(["\n ", "\n margin: 0 0 20px;\n"])), function (_ref) {
|
|
9805
9811
|
var theme = _ref.theme;
|
|
@@ -9832,8 +9838,8 @@ var PageTitle = function PageTitle(_ref3) {
|
|
|
9832
9838
|
}))) : null);
|
|
9833
9839
|
};
|
|
9834
9840
|
|
|
9835
|
-
var _templateObject$
|
|
9836
|
-
var Container$C = styled__default.p(_templateObject$
|
|
9841
|
+
var _templateObject$X, _templateObject2$S;
|
|
9842
|
+
var Container$C = styled__default.p(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
|
|
9837
9843
|
var theme = _ref.theme;
|
|
9838
9844
|
return styled.css(_templateObject2$S || (_templateObject2$S = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n ", ";\n "])), theme.fontFamily.ui, theme.typography.pageHeader.introduction);
|
|
9839
9845
|
});
|
|
@@ -9843,8 +9849,8 @@ var IntroductionText = function IntroductionText(_ref2) {
|
|
|
9843
9849
|
return React__default.createElement(Container$C, null, children);
|
|
9844
9850
|
};
|
|
9845
9851
|
|
|
9846
|
-
var _templateObject$
|
|
9847
|
-
var Container$D = styled__default.div(_templateObject$
|
|
9852
|
+
var _templateObject$Y;
|
|
9853
|
+
var Container$D = styled__default.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteralLoose([""])));
|
|
9848
9854
|
|
|
9849
9855
|
var PageHeader = function PageHeader(_ref) {
|
|
9850
9856
|
var title = _ref.title,
|
|
@@ -9865,8 +9871,8 @@ var PageHeader = function PageHeader(_ref) {
|
|
|
9865
9871
|
})), introductionText ? React__default.createElement(IntroductionText, null, introductionText) : null);
|
|
9866
9872
|
};
|
|
9867
9873
|
|
|
9868
|
-
var _templateObject$
|
|
9869
|
-
var Container$E = styled__default.div(_templateObject$
|
|
9874
|
+
var _templateObject$Z;
|
|
9875
|
+
var Container$E = styled__default.div(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
9870
9876
|
|
|
9871
9877
|
var MultilineContent = function MultilineContent(_ref) {
|
|
9872
9878
|
var contentArray = _ref.contentArray;
|
|
@@ -9877,8 +9883,8 @@ var MultilineContent = function MultilineContent(_ref) {
|
|
|
9877
9883
|
}));
|
|
9878
9884
|
};
|
|
9879
9885
|
|
|
9880
|
-
var _templateObject$
|
|
9881
|
-
var Container$F = styled__default.div(_templateObject$
|
|
9886
|
+
var _templateObject$_, _templateObject2$T, _templateObject3$M, _templateObject4$G, _templateObject5$C, _templateObject6$v, _templateObject7$u;
|
|
9887
|
+
var Container$F = styled__default.div(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose(["\n position: relative;\n height: inherit;\n background: grey;\n border-radius: 3px;\n overflow: hidden;\n width: 55px;\n height: auto;\n opacity: 0.65;\n margin-right: 10px;\n\n &::after {\n content: '';\n display: block;\n padding-bottom: 75%;\n ", "\n }\n\n ", "\n\n &:hover {\n cursor: pointer;\n\n ", "\n }\n\n"])), function (_ref) {
|
|
9882
9888
|
var aspect = _ref.aspect;
|
|
9883
9889
|
return aspect === '16:9' && styled.css(_templateObject2$T || (_templateObject2$T = _taggedTemplateLiteralLoose(["\n padding-left: 56.25%;\n "])));
|
|
9884
9890
|
}, function (_ref2) {
|
|
@@ -10011,8 +10017,8 @@ var TableRowThumbnail = function TableRowThumbnail(_ref4) {
|
|
|
10011
10017
|
})));
|
|
10012
10018
|
};
|
|
10013
10019
|
|
|
10014
|
-
var _templateObject
|
|
10015
|
-
var Container$G = styled__default.div(_templateObject
|
|
10020
|
+
var _templateObject$$, _templateObject2$U;
|
|
10021
|
+
var Container$G = styled__default.div(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteralLoose(["\n height: 42px;\n width: 4px;\n border-radius: 3px;\n display: block;\n\n ", "\n\n"])), function (_ref) {
|
|
10016
10022
|
var status = _ref.status,
|
|
10017
10023
|
colors = _ref.theme.colors;
|
|
10018
10024
|
return styled.css(_templateObject2$U || (_templateObject2$U = _taggedTemplateLiteralLoose(["\n background: ", ";\n content:'", "';\n "])), colors.status[status], status);
|
|
@@ -10026,8 +10032,8 @@ var TypeTableDeviceStatus = function TypeTableDeviceStatus(_ref2) {
|
|
|
10026
10032
|
});
|
|
10027
10033
|
};
|
|
10028
10034
|
|
|
10029
|
-
var _templateObject$
|
|
10030
|
-
var CopyToClipboard = styled__default.button(_templateObject$
|
|
10035
|
+
var _templateObject$10, _templateObject2$V, _templateObject3$N, _templateObject4$H, _templateObject5$D, _templateObject6$w, _templateObject7$v, _templateObject8$q, _templateObject9$k, _templateObject10$h, _templateObject11$b;
|
|
10036
|
+
var CopyToClipboard = styled__default.button(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteralLoose(["\n\n cursor: pointer;\n opacity: 0;\n\n position: absolute;\n right: 0;\n top: 14px;\n width: 20px;\n height: 20px;\n background: transparent;\n border: none;\n outline: none;\n\n ", "\n\n svg {\n display: block;\n }\n\n &:hover {\n opacity: 1 !important;\n }\n\n"])), function (_ref) {
|
|
10031
10037
|
var theme = _ref.theme;
|
|
10032
10038
|
return theme && styled.css(_templateObject2$V || (_templateObject2$V = _taggedTemplateLiteralLoose(["\n transition: ", " ", ";\n "])), theme.animation.speed.normal, theme.animation.easing.easeOut);
|
|
10033
10039
|
});
|
|
@@ -10098,8 +10104,8 @@ var TypeTableCell = function TypeTableCell(_ref7) {
|
|
|
10098
10104
|
})) : null);
|
|
10099
10105
|
};
|
|
10100
10106
|
|
|
10101
|
-
var _templateObject
|
|
10102
|
-
var RowContainer = styled__default.div(_templateObject
|
|
10107
|
+
var _templateObject$11, _templateObject2$W;
|
|
10108
|
+
var RowContainer = styled__default.div(_templateObject$11 || (_templateObject$11 = _taggedTemplateLiteralLoose(["\n display: table-row;\n ", ";\n"])), function (_ref) {
|
|
10103
10109
|
var isEmpty = _ref.isEmpty;
|
|
10104
10110
|
return isEmpty && styled.css(_templateObject2$W || (_templateObject2$W = _taggedTemplateLiteralLoose(["\n visibility: hidden;\n "])));
|
|
10105
10111
|
});
|
|
@@ -10175,8 +10181,8 @@ var TypeTableRow = function TypeTableRow(_ref2) {
|
|
|
10175
10181
|
}));
|
|
10176
10182
|
};
|
|
10177
10183
|
|
|
10178
|
-
var _templateObject$
|
|
10179
|
-
var HeaderTitle = styled__default.div(_templateObject$
|
|
10184
|
+
var _templateObject$12, _templateObject2$X, _templateObject3$O, _templateObject4$I;
|
|
10185
|
+
var HeaderTitle = styled__default.div(_templateObject$12 || (_templateObject$12 = _taggedTemplateLiteralLoose(["\n border-bottom-right-radius: 3px;\n border-top-right-radius: 3px;\n display: inline-flex;\n justify-content: center;\n align-content: center;\n position: relative;\n padding: 0 2px;\n user-select: none;\n z-index: 99;\n\n ", " {\n position: absolute;\n top: 0px;\n left: -15px;\n display: none;\n border-bottom-left-radius: 3px;\n border-top-left-radius: 3px;\n padding: 3px 1px;\n\n ", "\n }\n\n ", "\n\n ", "\n"])), IconWrapper, function (_ref) {
|
|
10180
10186
|
var ascending = _ref.ascending;
|
|
10181
10187
|
return ascending && styled.css(_templateObject2$X || (_templateObject2$X = _taggedTemplateLiteralLoose(["\n transform: rotate(180deg);\n border-bottom-right-radius: 3px;\n border-top-right-radius: 3px;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n top: 0;\n "])));
|
|
10182
10188
|
}, function (_ref2) {
|
|
@@ -10215,8 +10221,8 @@ var TableHeaderTitle = function TableHeaderTitle(_ref4) {
|
|
|
10215
10221
|
}), header);
|
|
10216
10222
|
};
|
|
10217
10223
|
|
|
10218
|
-
var _templateObject$
|
|
10219
|
-
var HeaderRow = styled__default.div(_templateObject$
|
|
10224
|
+
var _templateObject$13, _templateObject2$Y, _templateObject3$P, _templateObject4$J, _templateObject5$E, _templateObject6$x, _templateObject7$w, _templateObject8$r, _templateObject9$l, _templateObject10$i, _templateObject11$c, _templateObject12$9, _templateObject13$8, _templateObject14$6, _templateObject15$4, _templateObject16$4, _templateObject17$4;
|
|
10225
|
+
var HeaderRow = styled__default.div(_templateObject$13 || (_templateObject$13 = _taggedTemplateLiteralLoose(["\n display: table-row;\n height: 50px;\n"])));
|
|
10220
10226
|
var HeaderItem = styled__default.div(_templateObject2$Y || (_templateObject2$Y = _taggedTemplateLiteralLoose(["\n display: table-cell;\n height: inherit;\n vertical-align:top;\n line-height: 20px;\n position: relative;\n font-family: ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (p) {
|
|
10221
10227
|
return p.theme.fontFamily.ui;
|
|
10222
10228
|
}, function (_ref) {
|
|
@@ -10384,8 +10390,8 @@ var TypeTableHeader = function TypeTableHeader(_ref9) {
|
|
|
10384
10390
|
}));
|
|
10385
10391
|
};
|
|
10386
10392
|
|
|
10387
|
-
var _templateObject$
|
|
10388
|
-
var Container$H = styled__default.div(_templateObject$
|
|
10393
|
+
var _templateObject$14, _templateObject2$Z, _templateObject3$Q, _templateObject4$K, _templateObject5$F;
|
|
10394
|
+
var Container$H = styled__default.div(_templateObject$14 || (_templateObject$14 = _taggedTemplateLiteralLoose([""])));
|
|
10389
10395
|
var TableContainer = styled__default.div(_templateObject2$Z || (_templateObject2$Z = _taggedTemplateLiteralLoose(["\n display: table;\n width: 100%;\n position: relative;\n"])));
|
|
10390
10396
|
var LoadingText$1 = styled__default.div(_templateObject3$Q || (_templateObject3$Q = _taggedTemplateLiteralLoose(["\n color: var(--grey-a11);\n"])));
|
|
10391
10397
|
var LoadingBox$1 = styled__default.div(_templateObject4$K || (_templateObject4$K = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: 0;\n z-index: 99;\n background-color: ", ";\n height: calc(100% - 50px);\n opacity: 85%;\n width: 100%;\n min-height: 100px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 20px;\n\n ", " {\n margin-top: 10px;\n }\n"])), function (_ref) {
|
|
@@ -10482,8 +10488,8 @@ var TypeTable = function TypeTable(_ref3) {
|
|
|
10482
10488
|
|
|
10483
10489
|
var _excluded$A = ["type", "placeholder", "defaultValue", "rowKey", "alignment", "toLink", "saveCallback"];
|
|
10484
10490
|
|
|
10485
|
-
var _templateObject$
|
|
10486
|
-
var Container$I = styled__default.div(_templateObject$
|
|
10491
|
+
var _templateObject$15, _templateObject2$_, _templateObject3$R, _templateObject4$L, _templateObject5$G, _templateObject6$y, _templateObject7$x, _templateObject8$s, _templateObject9$m, _templateObject10$j;
|
|
10492
|
+
var Container$I = styled__default.div(_templateObject$15 || (_templateObject$15 = _taggedTemplateLiteralLoose(["\n position: relative;\n ", "\n"])), function (_ref) {
|
|
10487
10493
|
var theme = _ref.theme;
|
|
10488
10494
|
return styled.css(_templateObject2$_ || (_templateObject2$_ = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n "])), theme.fontFamily.ui);
|
|
10489
10495
|
});
|
|
@@ -10950,8 +10956,8 @@ var PTZProvider = function PTZProvider(_ref) {
|
|
|
10950
10956
|
}, children);
|
|
10951
10957
|
};
|
|
10952
10958
|
|
|
10953
|
-
var _templateObject$
|
|
10954
|
-
var Active = styled__default.g(_templateObject$
|
|
10959
|
+
var _templateObject$16, _templateObject2$$, _templateObject3$S, _templateObject4$M, _templateObject5$H;
|
|
10960
|
+
var Active = styled__default.g(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n\n"])), function (_ref) {
|
|
10955
10961
|
var active = _ref.active;
|
|
10956
10962
|
return active && styled.css(_templateObject2$$ || (_templateObject2$$ = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
10957
10963
|
});
|
|
@@ -11032,8 +11038,8 @@ var Up = function Up() {
|
|
|
11032
11038
|
})));
|
|
11033
11039
|
};
|
|
11034
11040
|
|
|
11035
|
-
var _templateObject$
|
|
11036
|
-
var Active$1 = styled__default.g(_templateObject$
|
|
11041
|
+
var _templateObject$17, _templateObject2$10, _templateObject3$T, _templateObject4$N, _templateObject5$I, _templateObject6$z;
|
|
11042
|
+
var Active$1 = styled__default.g(_templateObject$17 || (_templateObject$17 = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n\n"])), function (_ref) {
|
|
11037
11043
|
var active = _ref.active;
|
|
11038
11044
|
return active && styled.css(_templateObject2$10 || (_templateObject2$10 = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
11039
11045
|
});
|
|
@@ -11116,8 +11122,8 @@ var Down = function Down() {
|
|
|
11116
11122
|
})));
|
|
11117
11123
|
};
|
|
11118
11124
|
|
|
11119
|
-
var _templateObject$
|
|
11120
|
-
var Active$2 = styled__default.g(_templateObject$
|
|
11125
|
+
var _templateObject$18, _templateObject2$11, _templateObject3$U, _templateObject4$O, _templateObject5$J;
|
|
11126
|
+
var Active$2 = styled__default.g(_templateObject$18 || (_templateObject$18 = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n\n"])), function (_ref) {
|
|
11121
11127
|
var active = _ref.active;
|
|
11122
11128
|
return active && styled.css(_templateObject2$11 || (_templateObject2$11 = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
11123
11129
|
});
|
|
@@ -11200,8 +11206,8 @@ var Left = function Left() {
|
|
|
11200
11206
|
})));
|
|
11201
11207
|
};
|
|
11202
11208
|
|
|
11203
|
-
var _templateObject$
|
|
11204
|
-
var Active$3 = styled__default.g(_templateObject$
|
|
11209
|
+
var _templateObject$19, _templateObject2$12, _templateObject3$V, _templateObject4$P, _templateObject5$K;
|
|
11210
|
+
var Active$3 = styled__default.g(_templateObject$19 || (_templateObject$19 = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n\n"])), function (_ref) {
|
|
11205
11211
|
var active = _ref.active;
|
|
11206
11212
|
return active && styled.css(_templateObject2$12 || (_templateObject2$12 = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
11207
11213
|
});
|
|
@@ -12097,8 +12103,8 @@ var ZoomBase = function ZoomBase(_ref) {
|
|
|
12097
12103
|
})), children));
|
|
12098
12104
|
};
|
|
12099
12105
|
|
|
12100
|
-
var _templateObject$
|
|
12101
|
-
var Active$4 = styled__default.g(_templateObject$
|
|
12106
|
+
var _templateObject$1a, _templateObject2$13, _templateObject3$W, _templateObject4$Q, _templateObject5$L;
|
|
12107
|
+
var Active$4 = styled__default.g(_templateObject$1a || (_templateObject$1a = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n\n"])), function (_ref) {
|
|
12102
12108
|
var active = _ref.active;
|
|
12103
12109
|
return active && styled.css(_templateObject2$13 || (_templateObject2$13 = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
12104
12110
|
});
|
|
@@ -12174,8 +12180,8 @@ var Up$1 = function Up() {
|
|
|
12174
12180
|
})));
|
|
12175
12181
|
};
|
|
12176
12182
|
|
|
12177
|
-
var _templateObject$
|
|
12178
|
-
var Active$5 = styled__default.g(_templateObject$
|
|
12183
|
+
var _templateObject$1b, _templateObject2$14, _templateObject3$X, _templateObject4$R, _templateObject5$M;
|
|
12184
|
+
var Active$5 = styled__default.g(_templateObject$1b || (_templateObject$1b = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n\n"])), function (_ref) {
|
|
12179
12185
|
var active = _ref.active;
|
|
12180
12186
|
return active && styled.css(_templateObject2$14 || (_templateObject2$14 = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
12181
12187
|
});
|
|
@@ -12247,8 +12253,8 @@ var Up$2 = function Up() {
|
|
|
12247
12253
|
})));
|
|
12248
12254
|
};
|
|
12249
12255
|
|
|
12250
|
-
var _templateObject$
|
|
12251
|
-
var Container$P = styled__default.div(_templateObject$
|
|
12256
|
+
var _templateObject$1c;
|
|
12257
|
+
var Container$P = styled__default.div(_templateObject$1c || (_templateObject$1c = _taggedTemplateLiteralLoose(["\n user-select: none;\n display: flex;\n flex-direction: column;\n"])));
|
|
12252
12258
|
|
|
12253
12259
|
var Controls = function Controls(_ref) {
|
|
12254
12260
|
var _ref$debug = _ref.debug,
|
|
@@ -12262,8 +12268,8 @@ var Controls = function Controls(_ref) {
|
|
|
12262
12268
|
|
|
12263
12269
|
var _excluded$B = ["isEmptyWithIcon", "status", "noticeIcon", "hasNotice", "noticeMessage", "noticeTitle", "emptyIcon"];
|
|
12264
12270
|
|
|
12265
|
-
var _templateObject$
|
|
12266
|
-
var Container$Q = styled__default.div(_templateObject$
|
|
12271
|
+
var _templateObject$1d, _templateObject2$15, _templateObject3$Y, _templateObject4$S, _templateObject5$N, _templateObject6$A, _templateObject7$y, _templateObject8$t;
|
|
12272
|
+
var Container$Q = styled__default.div(_templateObject$1d || (_templateObject$1d = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 170px;\n border-radius: 3px;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n position: relative;\n\n ", " {\n height: 100%;\n width: 100%;\n text-align: center;\n img, video {\n border-radius: 3px;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n"])), MediaBoxWrapper);
|
|
12267
12273
|
var EmptyWithIcon = styled__default.div(_templateObject2$15 || (_templateObject2$15 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n ", "\n;\n\n ", " {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n"])), function (_ref) {
|
|
12268
12274
|
var hasPadding = _ref.hasPadding;
|
|
12269
12275
|
return hasPadding && "\n padding-bottom: 43px\n ";
|
|
@@ -12311,8 +12317,8 @@ var MediaStream = function MediaStream(_ref4) {
|
|
|
12311
12317
|
}));
|
|
12312
12318
|
};
|
|
12313
12319
|
|
|
12314
|
-
var _templateObject$
|
|
12315
|
-
var Container$R = styled__default.div(_templateObject$
|
|
12320
|
+
var _templateObject$1e, _templateObject2$16, _templateObject3$Z, _templateObject4$T, _templateObject5$O, _templateObject6$B, _templateObject7$z, _templateObject8$u, _templateObject9$n;
|
|
12321
|
+
var Container$R = styled__default.div(_templateObject$1e || (_templateObject$1e = _taggedTemplateLiteralLoose(["\n display: flex;\n height: 60px;\n"])));
|
|
12316
12322
|
var LeftData = styled__default.div(_templateObject2$16 || (_templateObject2$16 = _taggedTemplateLiteralLoose(["\n ", ";\n\n padding: 0 12px 0 12px;\n display: flex;\n\n ", " {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n }\n"])), function (_ref) {
|
|
12317
12323
|
var hasRightData = _ref.hasRightData;
|
|
12318
12324
|
return hasRightData && styled.css(_templateObject3$Z || (_templateObject3$Z = _taggedTemplateLiteralLoose(["\n border-right: var(--grey-6) 1px solid;\n width: 195px;\n "])));
|
|
@@ -12367,8 +12373,8 @@ var PanelMetaData = function PanelMetaData(_ref6) {
|
|
|
12367
12373
|
|
|
12368
12374
|
var _excluded$C = ["streamProps", "panelMetaData", "customBottom", "panelOnClick"];
|
|
12369
12375
|
|
|
12370
|
-
var _templateObject$
|
|
12371
|
-
var CameraPanelWrapper = styled__default.div(_templateObject$
|
|
12376
|
+
var _templateObject$1f;
|
|
12377
|
+
var CameraPanelWrapper = styled__default.div(_templateObject$1f || (_templateObject$1f = _taggedTemplateLiteralLoose(["\n width: 300px;\n height: 230px;\n border-radius: 3px;\n box-shadow: 0 2px 10px 0 var(--grey-a5);\n background-color: linear-gradient(180.00deg, var(--grey-2) 0%, var(--grey-3) 100%);\n }\n\n ", ";\n"])), function (_ref) {
|
|
12372
12378
|
var hasOnClick = _ref.hasOnClick;
|
|
12373
12379
|
return hasOnClick && "\n cursor: pointer;\n ";
|
|
12374
12380
|
});
|
|
@@ -12386,8 +12392,8 @@ var NewComponent = function NewComponent(_ref2) {
|
|
|
12386
12392
|
}, props), React__default.createElement(MediaStream, Object.assign({}, streamProps)), customBottom ? customBottom : panelMetaData && React__default.createElement(PanelMetaData, Object.assign({}, panelMetaData)));
|
|
12387
12393
|
};
|
|
12388
12394
|
|
|
12389
|
-
var _templateObject$
|
|
12390
|
-
var CameraGrid = styled__default.div(_templateObject$
|
|
12395
|
+
var _templateObject$1g;
|
|
12396
|
+
var CameraGrid = styled__default.div(_templateObject$1g || (_templateObject$1g = _taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(auto-fill, 300px);\n gap: 20px 20px;\n"])));
|
|
12391
12397
|
|
|
12392
12398
|
var CameraPanels = function CameraPanels(_ref) {
|
|
12393
12399
|
var panels = _ref.panels;
|
|
@@ -12400,8 +12406,8 @@ var CameraPanels = function CameraPanels(_ref) {
|
|
|
12400
12406
|
|
|
12401
12407
|
var _excluded$D = ["icon", "size", "weight", "label", "linkTo"];
|
|
12402
12408
|
|
|
12403
|
-
var _templateObject$
|
|
12404
|
-
var TextContainer$3 = styled__default.div(_templateObject$
|
|
12409
|
+
var _templateObject$1h, _templateObject2$17, _templateObject3$_, _templateObject4$U;
|
|
12410
|
+
var TextContainer$3 = styled__default.div(_templateObject$1h || (_templateObject$1h = _taggedTemplateLiteralLoose(["\n user-select: none;\n"])));
|
|
12405
12411
|
var StyledLink$1 = styled__default(reactRouterDom.Link)(_templateObject2$17 || (_templateObject2$17 = _taggedTemplateLiteralLoose(["\n text-decoration: none;\n"])));
|
|
12406
12412
|
var TagWrapper = styled__default.div(_templateObject3$_ || (_templateObject3$_ = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n font-size: ", "px;\n font-weight: 500;\n color: var(--grey-11);\n padding: 4px 10px;\n border: solid 1px var(--grey-8);\n display: inline-flex;\n align-items: center;\n border-radius: 3px;\n height: 26px;\n\n ", " {\n [stroke]{\n stroke: var(--dimmed);\n }\n margin-right: 8px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n ", ";\n"])), function (_ref) {
|
|
12407
12413
|
var theme = _ref.theme;
|
|
@@ -12444,8 +12450,8 @@ var Tag = function Tag(_ref4) {
|
|
|
12444
12450
|
}, renderTag()) : renderTag();
|
|
12445
12451
|
};
|
|
12446
12452
|
|
|
12447
|
-
var _templateObject$
|
|
12448
|
-
var TagListWrapper = styled__default.div(_templateObject$
|
|
12453
|
+
var _templateObject$1i;
|
|
12454
|
+
var TagListWrapper = styled__default.div(_templateObject$1i || (_templateObject$1i = _taggedTemplateLiteralLoose(["\n display: flex;\n ", " {\n margin-right: 10px;\n margin-bottom: 6px;\n flex-shrink: 0;\n }\n flex-wrap: wrap;\n"])), TagWrapper);
|
|
12449
12455
|
|
|
12450
12456
|
var TagList = function TagList(_ref) {
|
|
12451
12457
|
var tagsConfig = _ref.tagsConfig;
|
|
@@ -12492,8 +12498,8 @@ var DebouncedSearcher = function DebouncedSearcher(_ref) {
|
|
|
12492
12498
|
|
|
12493
12499
|
var _excluded$F = ["design", "size", "position", "text"];
|
|
12494
12500
|
|
|
12495
|
-
var _templateObject$
|
|
12496
|
-
var Container$S = styled__default.div(_templateObject$
|
|
12501
|
+
var _templateObject$1j, _templateObject2$18, _templateObject3$$, _templateObject4$V, _templateObject5$P, _templateObject6$C;
|
|
12502
|
+
var Container$S = styled__default.div(_templateObject$1j || (_templateObject$1j = _taggedTemplateLiteralLoose([""])));
|
|
12497
12503
|
var Title$6 = styled__default.div(_templateObject2$18 || (_templateObject2$18 = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n color: var(--grey-10);\n font-size: 12px;\n font-weight: 700;\n margin-bottom: 17px;\n"])), function (_ref) {
|
|
12498
12504
|
var theme = _ref.theme;
|
|
12499
12505
|
return theme.fontFamily.ui;
|
|
@@ -12545,9 +12551,9 @@ var ActionsBar = function ActionsBar(_ref3) {
|
|
|
12545
12551
|
}, finishTextButton))), React__default.createElement(SelectedResults, null, renderSelected(selectedTemplate, totalSelected, totalAvailable)));
|
|
12546
12552
|
};
|
|
12547
12553
|
|
|
12548
|
-
var _templateObject$
|
|
12554
|
+
var _templateObject$1k, _templateObject2$19, _templateObject3$10, _templateObject4$W, _templateObject5$Q, _templateObject6$D, _templateObject7$A, _templateObject8$v, _templateObject9$o, _templateObject10$k;
|
|
12549
12555
|
var WIDTH_PER_NUMBER = 12;
|
|
12550
|
-
var PaginationContainer = styled__default.div(_templateObject$
|
|
12556
|
+
var PaginationContainer = styled__default.div(_templateObject$1k || (_templateObject$1k = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding-top: 20px;\n padding-bottom: 20px;\n width: 100%;\n height: fit-content;\n margin-right: 10px;\n white-space: nowrap;\n gap: 0 8px;\n vertical-align: baseline;\n"])));
|
|
12551
12557
|
var PageLabel = styled__default.label(_templateObject2$19 || (_templateObject2$19 = _taggedTemplateLiteralLoose(["\n font-family: var(--font-ui);\n font-weight: 500px;\n font-size: 14px;\n color: var(--grey-10);\n text-align: left;\n"])));
|
|
12552
12558
|
var StaticPageCount = styled__default.div(_templateObject3$10 || (_templateObject3$10 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n box-sizing: border-box;\n font-size: 14px;\n color: var(--grey-8);\n height: 100%;\n text-align: left;\n padding-top: 1px;\n padding-right: 1px;\n"])));
|
|
12553
12559
|
var StyledInput$3 = styled__default.input(_templateObject4$W || (_templateObject4$W = _taggedTemplateLiteralLoose(["\n ", ";\n color: ", ";\n max-width: ", ";\n font-family: var(--font-data);\n height: 100%;\n box-sizing: border-box;\n outline: none;\n background: transparent;\n text-align: right;\n font-size: 14px;\n font-weight: 500;\n line-height: 25px;\n border: none;\n padding-right: ", "px;\n"])), removeAutoFillStyle, function (_ref) {
|
|
@@ -12590,6 +12596,9 @@ var Pagination = function Pagination(props) {
|
|
|
12590
12596
|
buttonText = _props$buttonText === void 0 ? 'GO' : _props$buttonText,
|
|
12591
12597
|
_props$itemsText = props.itemsText,
|
|
12592
12598
|
itemsText = _props$itemsText === void 0 ? 'Items Per Page' : _props$itemsText,
|
|
12599
|
+
itemsDefaultValue = props.itemsDefaultValue,
|
|
12600
|
+
_props$selectId = props.selectId,
|
|
12601
|
+
selectId = _props$selectId === void 0 ? 'paginationPages' : _props$selectId,
|
|
12593
12602
|
_props$selectWidth = props.selectWidth,
|
|
12594
12603
|
selectWidth = _props$selectWidth === void 0 ? '60px' : _props$selectWidth,
|
|
12595
12604
|
_props$selectDisabled = props.selectDisabled,
|
|
@@ -12737,11 +12746,11 @@ var Pagination = function Pagination(props) {
|
|
|
12737
12746
|
}, React__default.createElement(SelectField, {
|
|
12738
12747
|
disabled: selectDisabled,
|
|
12739
12748
|
label: {
|
|
12740
|
-
htmlFor:
|
|
12749
|
+
htmlFor: selectId,
|
|
12741
12750
|
text: itemsText,
|
|
12742
12751
|
isSameRow: true
|
|
12743
12752
|
},
|
|
12744
|
-
defaultValue: 1,
|
|
12753
|
+
defaultValue: itemsDefaultValue ? itemsDefaultValue : itemsOptions[0].value || 1,
|
|
12745
12754
|
changeCallback: onItemsSelectChange
|
|
12746
12755
|
}, React__default.createElement(React.Fragment, null, itemsOptions.map(function (_ref11, index) {
|
|
12747
12756
|
var value = _ref11.value,
|
|
@@ -12802,8 +12811,8 @@ var Pagination = function Pagination(props) {
|
|
|
12802
12811
|
}))));
|
|
12803
12812
|
};
|
|
12804
12813
|
|
|
12805
|
-
var _templateObject$
|
|
12806
|
-
var Container$T = styled__default.div(_templateObject$
|
|
12814
|
+
var _templateObject$1l, _templateObject2$1a, _templateObject3$11, _templateObject4$X, _templateObject5$R;
|
|
12815
|
+
var Container$T = styled__default.div(_templateObject$1l || (_templateObject$1l = _taggedTemplateLiteralLoose([""])));
|
|
12807
12816
|
var Title$7 = styled__default.div(_templateObject2$1a || (_templateObject2$1a = _taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref) {
|
|
12808
12817
|
var typography = _ref.theme.typography;
|
|
12809
12818
|
return typography.modal.title;
|
|
@@ -12855,59 +12864,193 @@ var ConfirmationModal = function ConfirmationModal(_ref3) {
|
|
|
12855
12864
|
}, rightButtonText)));
|
|
12856
12865
|
};
|
|
12857
12866
|
|
|
12858
|
-
var _templateObject$
|
|
12867
|
+
var _templateObject$1m, _templateObject2$1b, _templateObject3$12, _templateObject4$Y, _templateObject5$S, _templateObject6$E, _templateObject7$B, _templateObject8$w, _templateObject9$p, _templateObject10$l, _templateObject11$d, _templateObject12$a;
|
|
12868
|
+
var Container$U = styled__default.div(_templateObject$1m || (_templateObject$1m = _taggedTemplateLiteralLoose(["\n max-width: var(--max-content-width);\n margin-top: var(--utility-header-padding-top);\n padding: 0 var(--content-layout-padding-right) 0 var(--content-layout-padding-left);\n height: 48px;\n width: 100%;\n display: flex;\n"])));
|
|
12869
|
+
var LeftArea = styled__default.div(_templateObject2$1b || (_templateObject2$1b = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: var(--columnPadding, 16px);\n flex: 1 0 0;\n"])));
|
|
12870
|
+
var BackLinkIcon = styled__default.div(_templateObject3$12 || (_templateObject3$12 = _taggedTemplateLiteralLoose(["\n display: flex;\n width: 16px;\n height: 16px;\n justify-content: center;\n align-items: center;\n flex: 1; \n > div {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
|
|
12871
|
+
var BackLink = styled__default(reactRouterDom.Link)(_templateObject4$Y || (_templateObject4$Y = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n padding: 0;\n align-items: center;\n gap: 8px;\n color: var(--grey-10);\n text-align: center;\n font-family: var(--font-ui);\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n border: none;\n background: none;\n text-decoration: none;\n transition: color 0.25s ease;\n margin-left: ", ";\n\n ", "{\n svg * {\n transition: stroke 0.25s ease;\n }\n }\n \n &:hover {\n color: var(--grey-12);\n ", "{\n svg * {\n stroke: var(--grey-12);\n }\n }\n }\n\n ", "\n"])), function (props) {
|
|
12872
|
+
return props.$iconInGutter ? '-24px' : '0';
|
|
12873
|
+
}, BackLinkIcon, BackLinkIcon, function (_ref) {
|
|
12874
|
+
var $showDivider = _ref.$showDivider;
|
|
12875
|
+
return $showDivider && styled.css(_templateObject5$S || (_templateObject5$S = _taggedTemplateLiteralLoose(["\n &::after {\n content: '';\n display: inline-block;\n height: 12px;\n width: 1px;\n padding-left: 8px;\n border-right: 1px solid var(--grey-10);\n }\n "])));
|
|
12876
|
+
});
|
|
12877
|
+
var ExtraActionIcon = styled__default.div(_templateObject6$E || (_templateObject6$E = _taggedTemplateLiteralLoose(["\n display: flex;\n width: 16px;\n height: 16px;\n justify-content: center;\n align-items: center;\n"])));
|
|
12878
|
+
var ExtraAction = styled__default.button(_templateObject7$B || (_templateObject7$B = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n padding: 0;\n align-items: center;\n gap: 8px;\n color: var(--grey-10);\n text-align: center;\n font-family: var(--font-ui);\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n border: none;\n background: none;\n text-decoration: none;\n transition: color 0.25s ease;\n cursor: pointer;\n\n ", "{\n svg * {\n transition: stroke 0.25s ease;\n }\n }\n \n &:hover {\n color: var(--grey-12);\n ", "{\n svg * {\n stroke: var(--grey-12);\n }\n }\n }\n\n"])), ExtraActionIcon, ExtraActionIcon);
|
|
12879
|
+
var Breadcrumbs = styled__default.div(_templateObject8$w || (_templateObject8$w = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"])));
|
|
12880
|
+
var Breadcrumb = styled__default.div(_templateObject9$p || (_templateObject9$p = _taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n\n"])));
|
|
12881
|
+
var BreadcrumbIcon = styled__default.div(_templateObject10$l || (_templateObject10$l = _taggedTemplateLiteralLoose(["\n flex: 0;\n display: flex;\n align-items: center;\n\n > div {\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
|
|
12882
|
+
var BreadcrumbLink = styled__default(reactRouterDom.Link)(_templateObject11$d || (_templateObject11$d = _taggedTemplateLiteralLoose(["\n flex: 1;\n color: var(--grey-10);\n font-family: var(--font-ui);\n text-decoration: none;\n font-size: 12px;\n font-style: normal;\n font-weight: 500;\n line-height: 12px; /* 100% */\n transition: color 0.25s ease;\n &:hover {\n color: var(--grey-12);\n }\n"])));
|
|
12883
|
+
var RightArea = styled__default.div(_templateObject12$a || (_templateObject12$a = _taggedTemplateLiteralLoose(["\n flex: 1;\n align-items: center;\n display: flex;\n justify-content: right;\n"])));
|
|
12884
|
+
|
|
12885
|
+
var UtilityHeader = function UtilityHeader(_ref2) {
|
|
12886
|
+
var _ref2$showBreadcrumbs = _ref2.showBreadcrumbs,
|
|
12887
|
+
showBreadcrumbs = _ref2$showBreadcrumbs === void 0 ? true : _ref2$showBreadcrumbs,
|
|
12888
|
+
_ref2$breadcrumbs = _ref2.breadcrumbs,
|
|
12889
|
+
breadcrumbs = _ref2$breadcrumbs === void 0 ? [] : _ref2$breadcrumbs,
|
|
12890
|
+
backLink = _ref2.backLink,
|
|
12891
|
+
_ref2$$iconInGutter = _ref2.$iconInGutter,
|
|
12892
|
+
$iconInGutter = _ref2$$iconInGutter === void 0 ? true : _ref2$$iconInGutter,
|
|
12893
|
+
_ref2$showShareLink = _ref2.showShareLink,
|
|
12894
|
+
showShareLink = _ref2$showShareLink === void 0 ? false : _ref2$showShareLink,
|
|
12895
|
+
shareLink = _ref2.shareLink;
|
|
12896
|
+
|
|
12897
|
+
var _useState = React.useState("Share"),
|
|
12898
|
+
copyActionText = _useState[0],
|
|
12899
|
+
setCopyActionText = _useState[1];
|
|
12900
|
+
|
|
12901
|
+
var _useCopyToClipboard = useCopyToClipboard(),
|
|
12902
|
+
copyToClipboard = _useCopyToClipboard.copyToClipboard;
|
|
12903
|
+
|
|
12904
|
+
var hasBreadcrumbs = showBreadcrumbs && breadcrumbs.length > 0;
|
|
12905
|
+
var clickHandlerShareLink = React.useCallback(function () {
|
|
12906
|
+
copyToClipboard(shareLink ? shareLink : window.location.href);
|
|
12907
|
+
setCopyActionText("Copied");
|
|
12908
|
+
setTimeout(function () {
|
|
12909
|
+
return setCopyActionText("Share");
|
|
12910
|
+
}, 2000);
|
|
12911
|
+
}, [shareLink, copyToClipboard]);
|
|
12912
|
+
return React__default.createElement(Container$U, null, React__default.createElement(LeftArea, null, backLink ? React__default.createElement(BackLink, Object.assign({
|
|
12913
|
+
to: backLink,
|
|
12914
|
+
"$showDivider": hasBreadcrumbs
|
|
12915
|
+
}, {
|
|
12916
|
+
$iconInGutter: $iconInGutter
|
|
12917
|
+
}), React__default.createElement(BackLinkIcon, null, React__default.createElement(Icon, {
|
|
12918
|
+
icon: "Back",
|
|
12919
|
+
size: 16,
|
|
12920
|
+
color: "grey-10"
|
|
12921
|
+
})), "Back") : null, hasBreadcrumbs ? React__default.createElement(Breadcrumbs, null, breadcrumbs.map(function (breadcrumb, index) {
|
|
12922
|
+
var text = breadcrumb.text,
|
|
12923
|
+
href = breadcrumb.href;
|
|
12924
|
+
var isLast = index === breadcrumbs.length - 1;
|
|
12925
|
+
return React__default.createElement(React__default.Fragment, {
|
|
12926
|
+
key: index
|
|
12927
|
+
}, React__default.createElement(Breadcrumb, null, React__default.createElement(BreadcrumbLink, {
|
|
12928
|
+
to: href
|
|
12929
|
+
}, text), !isLast ? React__default.createElement(BreadcrumbIcon, null, React__default.createElement(Icon, {
|
|
12930
|
+
icon: "Right",
|
|
12931
|
+
size: 6,
|
|
12932
|
+
color: 'grey-8'
|
|
12933
|
+
})) : null));
|
|
12934
|
+
})) : null), React__default.createElement(RightArea, null, showShareLink ? React__default.createElement(ExtraAction, {
|
|
12935
|
+
onClick: clickHandlerShareLink
|
|
12936
|
+
}, React__default.createElement(ExtraActionIcon, null, React__default.createElement(Icon, {
|
|
12937
|
+
icon: "Link",
|
|
12938
|
+
size: 16,
|
|
12939
|
+
color: "grey-10"
|
|
12940
|
+
})), copyActionText) : null));
|
|
12941
|
+
};
|
|
12942
|
+
|
|
12943
|
+
var TabContext = React__default.createContext({
|
|
12944
|
+
selected: '',
|
|
12945
|
+
setSelected: function setSelected() {}
|
|
12946
|
+
});
|
|
12947
|
+
|
|
12948
|
+
var Tabs = function Tabs(_ref) {
|
|
12949
|
+
var children = _ref.children;
|
|
12950
|
+
|
|
12951
|
+
var _useState = React.useState(''),
|
|
12952
|
+
selected = _useState[0],
|
|
12953
|
+
setSelected = _useState[1];
|
|
12954
|
+
|
|
12955
|
+
return React__default.createElement(TabContext.Provider, {
|
|
12956
|
+
value: {
|
|
12957
|
+
selected: selected,
|
|
12958
|
+
setSelected: setSelected
|
|
12959
|
+
}
|
|
12960
|
+
}, children);
|
|
12961
|
+
};
|
|
12962
|
+
|
|
12963
|
+
var _templateObject$1n, _templateObject2$1c, _templateObject3$13, _templateObject4$Z, _templateObject5$T;
|
|
12964
|
+
var Container$V = styled__default.div(_templateObject$1n || (_templateObject$1n = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n flex-direction: column;\n position: relative;\n"])));
|
|
12965
|
+
var HeaderArea = styled__default.div(_templateObject2$1c || (_templateObject2$1c = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: var(--max-content-width);\n padding: \n 24px\n var(--content-layout-padding-right)\n 32px\n var(--content-layout-padding-left);\n \n"])));
|
|
12966
|
+
var TabArea = styled__default.div(_templateObject3$13 || (_templateObject3$13 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n border-bottom: 1px solid var(--grey-8);\n"])));
|
|
12967
|
+
var TabAreaInner = styled__default.div(_templateObject4$Z || (_templateObject4$Z = _taggedTemplateLiteralLoose(["\n max-width: var(--max-content-width);\n flex: 1;\n width: 100%;\n padding: \n 0\n var(--content-layout-padding-right)\n 0\n var(--content-layout-padding-left);\n"])));
|
|
12968
|
+
var Content = styled__default.div(_templateObject5$T || (_templateObject5$T = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: var(--max-content-width);\n padding: \n var(--content-layout-padding-top)\n var(--content-layout-padding-right)\n var(--content-layout-padding-bottom)\n var(--content-layout-padding-left);\n"])));
|
|
12969
|
+
|
|
12970
|
+
var ContentLayout = function ContentLayout(_ref) {
|
|
12971
|
+
var _ref$layout = _ref.layout,
|
|
12972
|
+
layout = _ref$layout === void 0 ? 'default' : _ref$layout,
|
|
12973
|
+
_ref$HeaderContent = _ref.HeaderContent,
|
|
12974
|
+
HeaderContent = _ref$HeaderContent === void 0 ? {} : _ref$HeaderContent,
|
|
12975
|
+
children = _ref.children;
|
|
12976
|
+
var PageHeaderArea = HeaderContent.PageHeaderArea,
|
|
12977
|
+
TabsElementArea = HeaderContent.TabsElementArea,
|
|
12978
|
+
UtilityHeaderOptions = HeaderContent.UtilityHeaderOptions;
|
|
12979
|
+
var containerClass = 'content-layout-' + layout;
|
|
12980
|
+
return React__default.createElement(Container$V, {
|
|
12981
|
+
className: containerClass
|
|
12982
|
+
}, UtilityHeaderOptions ? React__default.createElement(UtilityHeader, Object.assign({}, UtilityHeaderOptions)) : null, PageHeaderArea ? React__default.createElement(HeaderArea, null, PageHeaderArea) : null, TabsElementArea ? React__default.createElement(Tabs, null, React__default.createElement(TabArea, null, React__default.createElement(TabAreaInner, null, TabsElementArea)), React__default.createElement(Content, null, children)) : React__default.createElement(Content, null, children));
|
|
12983
|
+
};
|
|
12984
|
+
|
|
12985
|
+
var _templateObject$1o, _templateObject2$1d;
|
|
12986
|
+
var FullWidthContainer = styled__default.div(_templateObject$1o || (_templateObject$1o = _taggedTemplateLiteralLoose(["\n min-height: ", ";\n"])), function (_ref) {
|
|
12987
|
+
var $contentHeight = _ref.$contentHeight;
|
|
12988
|
+
return $contentHeight + 'px';
|
|
12989
|
+
});
|
|
12990
|
+
var FullWidthInner = styled__default.div(_templateObject2$1d || (_templateObject2$1d = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: 0;\n right: 0;\n input {width: 100%;}\n"])));
|
|
12991
|
+
|
|
12992
|
+
var FullWidthContentBlock = function FullWidthContentBlock(_ref2) {
|
|
12993
|
+
var children = _ref2.children;
|
|
12994
|
+
var innerElement = React.useRef(null);
|
|
12995
|
+
|
|
12996
|
+
var _useState = React.useState(0),
|
|
12997
|
+
contentHeight = _useState[0],
|
|
12998
|
+
setContentHeight = _useState[1];
|
|
12999
|
+
|
|
13000
|
+
React.useEffect(function () {
|
|
13001
|
+
if (innerElement && innerElement.current) {
|
|
13002
|
+
setContentHeight(innerElement.current.clientHeight);
|
|
13003
|
+
}
|
|
13004
|
+
}, [innerElement, children]);
|
|
13005
|
+
return React__default.createElement(FullWidthContainer, {
|
|
13006
|
+
"$contentHeight": contentHeight
|
|
13007
|
+
}, React__default.createElement(FullWidthInner, {
|
|
13008
|
+
ref: innerElement
|
|
13009
|
+
}, children));
|
|
13010
|
+
};
|
|
13011
|
+
|
|
13012
|
+
var _templateObject$1p, _templateObject2$1e, _templateObject3$14, _templateObject4$_, _templateObject5$U, _templateObject6$F, _templateObject7$C;
|
|
12859
13013
|
var MOBILE_CLOSE_HEIGHT = 50;
|
|
12860
13014
|
var MOBILE_NAVBAR_HEIGHT = 68;
|
|
12861
|
-
var Layout = styled__default.div(_templateObject$
|
|
13015
|
+
var Layout = styled__default.div(_templateObject$1p || (_templateObject$1p = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n height: 100%;\n ", ";\n"])), function (_ref) {
|
|
12862
13016
|
var theme = _ref.theme;
|
|
12863
13017
|
return theme.styles.global.background;
|
|
12864
13018
|
});
|
|
12865
|
-
var MobileLayout = styled__default.div(_templateObject2$
|
|
12866
|
-
var Content = styled__default.div(_templateObject3$
|
|
12867
|
-
var
|
|
12868
|
-
|
|
12869
|
-
|
|
12870
|
-
|
|
12871
|
-
|
|
12872
|
-
|
|
12873
|
-
|
|
12874
|
-
|
|
12875
|
-
|
|
12876
|
-
var paddingOverride = _ref4.paddingOverride;
|
|
12877
|
-
return paddingOverride ? paddingOverride : '40px 20px';
|
|
12878
|
-
}, deviceMediaQuery.medium, function (_ref5) {
|
|
12879
|
-
var paddingOverride = _ref5.paddingOverride;
|
|
12880
|
-
return paddingOverride ? paddingOverride : '40px';
|
|
12881
|
-
}, deviceMediaQuery.large, function (_ref6) {
|
|
12882
|
-
var maxWidth = _ref6.maxWidth;
|
|
12883
|
-
return maxWidth ? maxWidth : "1200px";
|
|
12884
|
-
}, function (_ref7) {
|
|
12885
|
-
var paddingOverride = _ref7.paddingOverride;
|
|
12886
|
-
return paddingOverride ? paddingOverride : '70px 90px';
|
|
13019
|
+
var MobileLayout = styled__default.div(_templateObject2$1e || (_templateObject2$1e = _taggedTemplateLiteralLoose([""])));
|
|
13020
|
+
var Content$1 = styled__default.div(_templateObject3$14 || (_templateObject3$14 = _taggedTemplateLiteralLoose(["\n padding: 0;\n flex: 1;\n overflow: auto;\n\n & > div {\n max-width: 1400px;\n }\n\n ", "\n"])), function (_ref2) {
|
|
13021
|
+
var maxWidth = _ref2.maxWidth;
|
|
13022
|
+
return maxWidth && styled.css(_templateObject4$_ || (_templateObject4$_ = _taggedTemplateLiteralLoose(["\n & > div {\n max-width: ", ";\n }\n "])), maxWidth);
|
|
13023
|
+
});
|
|
13024
|
+
var MainContainer = styled__default.div(_templateObject5$U || (_templateObject5$U = _taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n"])));
|
|
13025
|
+
var ContentArea = styled__default.div(_templateObject6$F || (_templateObject6$F = _taggedTemplateLiteralLoose(["\n flex: 1;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n\n ", "\n"])), function (_ref3) {
|
|
13026
|
+
var legacyLayout = _ref3.legacyLayout,
|
|
13027
|
+
paddingOverride = _ref3.paddingOverride,
|
|
13028
|
+
maxWidth = _ref3.maxWidth;
|
|
13029
|
+
return legacyLayout && styled.css(_templateObject7$C || (_templateObject7$C = _taggedTemplateLiteralLoose(["\n padding: ", ";\n\n @media ", " {\n padding: ", ";\n }\n\n @media ", " {\n max-width: ", ";\n padding: ", ";\n }\n "])), paddingOverride ? paddingOverride : '40px 20px', deviceMediaQuery.medium, paddingOverride ? paddingOverride : '40px', deviceMediaQuery.large, maxWidth ? maxWidth : "1200px", paddingOverride ? paddingOverride : '70px 90px');
|
|
12887
13030
|
});
|
|
12888
13031
|
|
|
12889
|
-
var _templateObject$
|
|
12890
|
-
var ContextTitle = styled__default.div(_templateObject$
|
|
13032
|
+
var _templateObject$1q, _templateObject2$1f, _templateObject3$15, _templateObject4$$, _templateObject5$V, _templateObject6$G, _templateObject7$D, _templateObject8$x, _templateObject9$q, _templateObject10$m, _templateObject11$e, _templateObject12$b, _templateObject13$9, _templateObject14$7, _templateObject15$5, _templateObject16$5, _templateObject17$5, _templateObject18$3, _templateObject19$3, _templateObject20$3, _templateObject21$3;
|
|
13033
|
+
var ContextTitle = styled__default.div(_templateObject$1q || (_templateObject$1q = _taggedTemplateLiteralLoose(["\n opacity: 0;\n\n ", "\n\n ", "\n"])), function (_ref) {
|
|
12891
13034
|
var theme = _ref.theme;
|
|
12892
|
-
return styled.css(_templateObject2$
|
|
13035
|
+
return styled.css(_templateObject2$1f || (_templateObject2$1f = _taggedTemplateLiteralLoose(["\n transition: opacity ", " ", ";\n "])), theme.animation.speed.fast, theme.animation.easing.primary.easeInOut);
|
|
12893
13036
|
}, function (_ref2) {
|
|
12894
13037
|
var compact = _ref2.compact;
|
|
12895
|
-
return compact && styled.css(_templateObject3$
|
|
13038
|
+
return compact && styled.css(_templateObject3$15 || (_templateObject3$15 = _taggedTemplateLiteralLoose(["\n font-size:14px;\n "])));
|
|
12896
13039
|
});
|
|
12897
|
-
var ContextIcon$1 = styled__default.div(_templateObject4
|
|
13040
|
+
var ContextIcon$1 = styled__default.div(_templateObject4$$ || (_templateObject4$$ = _taggedTemplateLiteralLoose(["\n ", ";\n\n flex: 0 0 40px;\n width: 40px;\n height: 40px;\n margin: 0 20px;\n\n border-radius: 7px;\n display:flex;\n justify-content:center;\n align-items:center;\n\n svg {\n display: block;\n }\n"])), function (_ref3) {
|
|
12898
13041
|
var theme = _ref3.theme;
|
|
12899
|
-
return styled.css(_templateObject5$
|
|
13042
|
+
return styled.css(_templateObject5$V || (_templateObject5$V = _taggedTemplateLiteralLoose(["\n ", ";\n transition: background ", " ", ";\n "])), theme.styles.global.mainMenu.iconBackground["default"], theme.animation.speed.fast, theme.animation.easing.primary.easeInOut);
|
|
12900
13043
|
});
|
|
12901
|
-
var ContextIndicator = styled__default.div(_templateObject6$
|
|
13044
|
+
var ContextIndicator = styled__default.div(_templateObject6$G || (_templateObject6$G = _taggedTemplateLiteralLoose(["\n width: 12px;\n height: 12px;\n flex: 0 0 14px;\n margin: 0 20px 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n\n svg {\n display: block;\n height: 12px;\n width: 12px;\n }\n\n opacity: 0;\n\n ", "\n\n"])), function (_ref4) {
|
|
12902
13045
|
var theme = _ref4.theme;
|
|
12903
|
-
return styled.css(_templateObject7$
|
|
13046
|
+
return styled.css(_templateObject7$D || (_templateObject7$D = _taggedTemplateLiteralLoose(["\n transition: opacity 0 ", ";\n "])), theme.animation.easing.primary.easeInOut);
|
|
12904
13047
|
});
|
|
12905
|
-
var ContextActionBaseCSS$1 = styled.css(_templateObject8$
|
|
12906
|
-
var StyledAnchor = styled__default.a(_templateObject9$
|
|
12907
|
-
var ExternalIconWrapper = styled__default.div(_templateObject10$
|
|
12908
|
-
var ContextWrapper = styled__default.div(_templateObject11$
|
|
13048
|
+
var ContextActionBaseCSS$1 = styled.css(_templateObject8$x || (_templateObject8$x = _taggedTemplateLiteralLoose(["\n -webkit-tap-highlight-color: transparent;\n border: none;\n background: none;\n display: flex;\n justify-content:left;\n align-items:center;\n flex-wrap: wrap;\n cursor: pointer;\n width: 100%;\n outline: none;\n padding: 0;\n text-decoration: none;\n"])));
|
|
13049
|
+
var StyledAnchor = styled__default.a(_templateObject9$q || (_templateObject9$q = _taggedTemplateLiteralLoose(["\n display: flex;\n text-decoration: none;\n"])));
|
|
13050
|
+
var ExternalIconWrapper = styled__default.div(_templateObject10$m || (_templateObject10$m = _taggedTemplateLiteralLoose(["\n margin-left: 15px;\n"])));
|
|
13051
|
+
var ContextWrapper = styled__default.div(_templateObject11$e || (_templateObject11$e = _taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n\n &:hover ", "{\n opacity: 1;\n ", ";\n ", "{\n [stroke]{\n stroke: var(--inverse);\n }\n }\n }\n"])), ContextActionBaseCSS$1, function (_ref5) {
|
|
12909
13052
|
var theme = _ref5.theme;
|
|
12910
|
-
return theme && styled.css(_templateObject12$
|
|
13053
|
+
return theme && styled.css(_templateObject12$b || (_templateObject12$b = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n ", ";\n "])), theme.fontFamily.ui, theme.typography.global.mainMenu.menuItem["default"]);
|
|
12911
13054
|
}, function (_ref6) {
|
|
12912
13055
|
var $menuOpen = _ref6.$menuOpen;
|
|
12913
13056
|
return $menuOpen && styled.css(_templateObject13$9 || (_templateObject13$9 = _taggedTemplateLiteralLoose(["\n ", "{\n opacity: 1;\n }\n"])), ContextTitle);
|
|
@@ -13139,27 +13282,27 @@ var useMenu = function useMenu(defaultMenuOpen, canAlwaysPin) {
|
|
|
13139
13282
|
};
|
|
13140
13283
|
};
|
|
13141
13284
|
|
|
13142
|
-
var _templateObject$
|
|
13143
|
-
var Submenu = styled__default.ul(_templateObject$
|
|
13144
|
-
var SubmenuHeader = styled__default.div(_templateObject2$
|
|
13145
|
-
var SubmenuItemTitle = styled__default.span(_templateObject3$
|
|
13285
|
+
var _templateObject$1r, _templateObject2$1g, _templateObject3$16, _templateObject4$10, _templateObject5$W, _templateObject6$H, _templateObject7$E, _templateObject8$y, _templateObject9$r, _templateObject10$n, _templateObject11$f, _templateObject12$c, _templateObject13$a, _templateObject14$8, _templateObject15$6;
|
|
13286
|
+
var Submenu = styled__default.ul(_templateObject$1r || (_templateObject$1r = _taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n margin-left: 40px;\n padding: 0;\n\n"])));
|
|
13287
|
+
var SubmenuHeader = styled__default.div(_templateObject2$1g || (_templateObject2$1g = _taggedTemplateLiteralLoose(["\n display: block;\n height: 40px;\n margin-left: 40px;\n"])));
|
|
13288
|
+
var SubmenuItemTitle = styled__default.span(_templateObject3$16 || (_templateObject3$16 = _taggedTemplateLiteralLoose(["\n display: block;\n ", ";\n\n"])), function (_ref) {
|
|
13146
13289
|
var theme = _ref.theme;
|
|
13147
|
-
return theme && styled.css(_templateObject4$
|
|
13290
|
+
return theme && styled.css(_templateObject4$10 || (_templateObject4$10 = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n ", "\n "])), theme.fontFamily.ui, theme.typography.global.mainMenu.subheader);
|
|
13148
13291
|
});
|
|
13149
|
-
var SubmenuItemLink = styled__default(reactRouterDom.Link)(_templateObject5$
|
|
13150
|
-
var ExternalIconWrapper$1 = styled__default.div(_templateObject6$
|
|
13151
|
-
var SubmenuItemAnchor = styled__default.a(_templateObject7$
|
|
13152
|
-
var SubmenuItem = styled__default.li(_templateObject8$
|
|
13292
|
+
var SubmenuItemLink = styled__default(reactRouterDom.Link)(_templateObject5$W || (_templateObject5$W = _taggedTemplateLiteralLoose(["\n ", ";\n display: block;\n"])), resetButtonStyles);
|
|
13293
|
+
var ExternalIconWrapper$1 = styled__default.div(_templateObject6$H || (_templateObject6$H = _taggedTemplateLiteralLoose(["\n margin-left: 15px;\n"])));
|
|
13294
|
+
var SubmenuItemAnchor = styled__default.a(_templateObject7$E || (_templateObject7$E = _taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n align-items: center;\n"])), resetButtonStyles);
|
|
13295
|
+
var SubmenuItem = styled__default.li(_templateObject8$y || (_templateObject8$y = _taggedTemplateLiteralLoose(["\n display: block;\n height: 30px;\n padding-left: 40px;\n position: relative;\n\n &::after {\n display: block;\n content: '';\n height: 1px;\n width: 14px;\n position: absolute;\n left: 0;\n top: 10px;\n background: ", ";\n }\n\n ", ", ", "{\n\n ", ";\n\n\n\n }\n"])), function (_ref2) {
|
|
13153
13296
|
var colors = _ref2.theme.colors;
|
|
13154
13297
|
return colors.divider;
|
|
13155
13298
|
}, SubmenuItemLink, SubmenuItemAnchor, function (_ref3) {
|
|
13156
13299
|
var theme = _ref3.theme,
|
|
13157
13300
|
isActive = _ref3.isActive;
|
|
13158
|
-
return theme && styled.css(_templateObject9$
|
|
13301
|
+
return theme && styled.css(_templateObject9$r || (_templateObject9$r = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n ", ";\n\n &:hover {\n ", ";\n }\n\n ", "\n\n "])), theme.fontFamily.ui, theme.typography.global.mainMenu.subItem["default"], theme.typography.global.mainMenu.subItem.hover, isActive && styled.css(_templateObject10$n || (_templateObject10$n = _taggedTemplateLiteralLoose(["\n &, &:hover {\n ", ";\n }\n "])), theme.typography.global.mainMenu.subItem.active));
|
|
13159
13302
|
});
|
|
13160
|
-
var SubmenuContainer = styled__default.div(_templateObject11$
|
|
13303
|
+
var SubmenuContainer = styled__default.div(_templateObject11$f || (_templateObject11$f = _taggedTemplateLiteralLoose(["\n ", ";\n\n position: relative;\n overflow: hidden;\n\n &::after {\n display: block;\n content: '';\n width: 1px;\n position: absolute;\n left: 40px;\n top: 0;\n bottom: 35px;\n background: ", ";\n }\n\n"])), function (_ref4) {
|
|
13161
13304
|
var theme = _ref4.theme;
|
|
13162
|
-
return theme && styled.css(_templateObject12$
|
|
13305
|
+
return theme && styled.css(_templateObject12$c || (_templateObject12$c = _taggedTemplateLiteralLoose(["\n transition:\n max-height ", " ", ",\n opacity ", " ", ";\n "])), theme.animation.speed.normal, theme.animation.easing.primary.easeOut, theme.animation.speed.fast, theme.animation.easing.primary.easeOut);
|
|
13163
13306
|
}, function (_ref5) {
|
|
13164
13307
|
var colors = _ref5.theme.colors;
|
|
13165
13308
|
return colors.divider;
|
|
@@ -13286,24 +13429,24 @@ var generateSubmenus = function generateSubmenus(submenu, onClickCallback) {
|
|
|
13286
13429
|
return output;
|
|
13287
13430
|
};
|
|
13288
13431
|
|
|
13289
|
-
var _templateObject$
|
|
13290
|
-
var Logo = styled__default(reactRouterDom.Link)(_templateObject$
|
|
13291
|
-
var LogoMark = styled__default.div(_templateObject2$
|
|
13292
|
-
var LogoType = styled__default.div(_templateObject3$
|
|
13293
|
-
var SVGObject = styled__default.object(_templateObject4
|
|
13294
|
-
var SVGObjectText = styled__default.object(_templateObject5$
|
|
13295
|
-
var NavigationContainer = styled__default.div(_templateObject6$
|
|
13296
|
-
var MenuFooter = styled__default.div(_templateObject7$
|
|
13432
|
+
var _templateObject$1s, _templateObject2$1h, _templateObject3$17, _templateObject4$11, _templateObject5$X, _templateObject6$I, _templateObject7$F, _templateObject8$z, _templateObject9$s, _templateObject10$o, _templateObject11$g, _templateObject12$d, _templateObject13$b, _templateObject14$9, _templateObject15$7;
|
|
13433
|
+
var Logo = styled__default(reactRouterDom.Link)(_templateObject$1s || (_templateObject$1s = _taggedTemplateLiteralLoose(["\n height: 50px;\n margin: 0 20px 55px 15px;\n display: flex;\n\n object {\n pointer-events: none;\n }\n"])));
|
|
13434
|
+
var LogoMark = styled__default.div(_templateObject2$1h || (_templateObject2$1h = _taggedTemplateLiteralLoose(["\n height: 50px;\n flex: 0 0 50px;\n margin-right: 15px;\n display: flex;\n justify-content: center;\n align-items: center;\n\n"])));
|
|
13435
|
+
var LogoType = styled__default.div(_templateObject3$17 || (_templateObject3$17 = _taggedTemplateLiteralLoose(["\n opacity: 0;\n flex: 1;\n height: 50px;\n display: flex;\n justify-content: left;\n align-items: center;\n"])));
|
|
13436
|
+
var SVGObject = styled__default.object(_templateObject4$11 || (_templateObject4$11 = _taggedTemplateLiteralLoose([""])));
|
|
13437
|
+
var SVGObjectText = styled__default.object(_templateObject5$X || (_templateObject5$X = _taggedTemplateLiteralLoose(["\n max-width: 180px;\n"])));
|
|
13438
|
+
var NavigationContainer = styled__default.div(_templateObject6$I || (_templateObject6$I = _taggedTemplateLiteralLoose([""])));
|
|
13439
|
+
var MenuFooter = styled__default.div(_templateObject7$F || (_templateObject7$F = _taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n flex-direction: column;\n flex: 1;\n justify-content: flex-end;\n"])), function (_ref) {
|
|
13297
13440
|
var theme = _ref.theme;
|
|
13298
|
-
return theme && styled.css(_templateObject8$
|
|
13441
|
+
return theme && styled.css(_templateObject8$z || (_templateObject8$z = _taggedTemplateLiteralLoose(["\n ", "\n "])), theme.styles.global.mainMenu.footerBackground);
|
|
13299
13442
|
});
|
|
13300
|
-
var FooterItemContainer = styled__default.div(_templateObject9$
|
|
13301
|
-
var PushContainer = styled__default.div(_templateObject10$
|
|
13443
|
+
var FooterItemContainer = styled__default.div(_templateObject9$s || (_templateObject9$s = _taggedTemplateLiteralLoose(["\n min-height: 70px;\n"])));
|
|
13444
|
+
var PushContainer = styled__default.div(_templateObject10$o || (_templateObject10$o = _taggedTemplateLiteralLoose(["\n position: relative;\n height: 100%;\n ", ";\n"])), function (_ref2) {
|
|
13302
13445
|
var theme = _ref2.theme,
|
|
13303
13446
|
isPinned = _ref2.isPinned;
|
|
13304
|
-
return theme && styled.css(_templateObject11$
|
|
13447
|
+
return theme && styled.css(_templateObject11$g || (_templateObject11$g = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), isPinned ? theme.dimensions.global.mainMenu.width.open : theme.dimensions.global.mainMenu.width.closed);
|
|
13305
13448
|
});
|
|
13306
|
-
var Container$
|
|
13449
|
+
var Container$W = styled__default.div(_templateObject12$d || (_templateObject12$d = _taggedTemplateLiteralLoose(["\n z-index: 99;\n position: fixed;\n top: 0;\n left: 0;\n ", "\n\n box-sizing: border-box;\n height: 100%;\n padding: 20px 0 0 0;\n overflow: hidden;\n"])), function (_ref3) {
|
|
13307
13450
|
var theme = _ref3.theme,
|
|
13308
13451
|
open = _ref3.open,
|
|
13309
13452
|
desktopSize = _ref3.desktopSize;
|
|
@@ -13384,7 +13527,7 @@ var MainMenu = function MainMenu(_ref5) {
|
|
|
13384
13527
|
}, [checkedInItems, content]);
|
|
13385
13528
|
return React__default.createElement(PushContainer, {
|
|
13386
13529
|
isPinned: menuState.isMenuPinned
|
|
13387
|
-
}, ReactDom.createPortal(React__default.createElement(Container$
|
|
13530
|
+
}, ReactDom.createPortal(React__default.createElement(Container$W, {
|
|
13388
13531
|
open: menuState.isMenuOpen,
|
|
13389
13532
|
desktopSize: menuState.desktopSize,
|
|
13390
13533
|
onPointerEnter: menuState.isMenuPinned ? function () {} : autoMenuOpen,
|
|
@@ -13431,26 +13574,26 @@ var MainMenu = function MainMenu(_ref5) {
|
|
|
13431
13574
|
})) : null))), document.body));
|
|
13432
13575
|
};
|
|
13433
13576
|
|
|
13434
|
-
var _templateObject$
|
|
13435
|
-
var MetaConatiner = styled__default.div(_templateObject$
|
|
13436
|
-
var LabelTitle = styled__default.div(_templateObject2$
|
|
13577
|
+
var _templateObject$1t, _templateObject2$1i, _templateObject3$18, _templateObject4$12, _templateObject5$Y, _templateObject6$J, _templateObject7$G, _templateObject8$A, _templateObject9$t, _templateObject10$p, _templateObject11$h;
|
|
13578
|
+
var MetaConatiner = styled__default.div(_templateObject$1t || (_templateObject$1t = _taggedTemplateLiteralLoose(["\n margin: 10px 10px;\n border: 1px solid var(--grey-3);\n background-color: var(--grey-a2);\n border-radius: 5px;\n &:active {\n box-shadow: 4px 4px var(--grey-a2);\n }\n"])));
|
|
13579
|
+
var LabelTitle = styled__default.div(_templateObject2$1i || (_templateObject2$1i = _taggedTemplateLiteralLoose(["\n max-width: 130px;\n overflow-wrap: initial;\n white-space: break-spaces;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n opacity: 0.76;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: 0.29px;\n color: var(--grey-11);\n font-family: ", ";\n margin-top: 2px;\n"])), function (_ref) {
|
|
13437
13580
|
var theme = _ref.theme;
|
|
13438
13581
|
return theme.fontFamily.ui;
|
|
13439
13582
|
});
|
|
13440
|
-
var LabelContent = styled__default.div(_templateObject3$
|
|
13441
|
-
var LabelNotes = styled__default.div(_templateObject4$
|
|
13583
|
+
var LabelContent = styled__default.div(_templateObject3$18 || (_templateObject3$18 = _taggedTemplateLiteralLoose(["\n font-size: 10px;\n padding-left: 10px;\n max-width: 200px;\n overflow-wrap: initial;\n white-space: break-spaces;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 4px 0 5px 0;\n white-space: nowrap;\n font-weight: 500;\n letter-spacing: 0.29px;\n color: var(--grey-8);\n"])));
|
|
13584
|
+
var LabelNotes = styled__default.div(_templateObject4$12 || (_templateObject4$12 = _taggedTemplateLiteralLoose(["\n padding-left: 10px;\n max-width: 200px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 5px 0 8px 0;\n max-height: 23px;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: 0.29px;\n color: var(--grey-8);\n ", "\n"])), function (_ref2) {
|
|
13442
13585
|
var theme = _ref2.theme;
|
|
13443
|
-
return theme && styled.css(_templateObject5$
|
|
13586
|
+
return theme && styled.css(_templateObject5$Y || (_templateObject5$Y = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n "])), theme.fontFamily.data);
|
|
13444
13587
|
});
|
|
13445
|
-
var TitleContainer = styled__default.div(_templateObject6$
|
|
13446
|
-
var Container$
|
|
13447
|
-
var TitleBox = styled__default.div(_templateObject8$
|
|
13448
|
-
var IconBox = styled__default.div(_templateObject9$
|
|
13449
|
-
var CopyTextBox = styled__default.pre(_templateObject10$
|
|
13588
|
+
var TitleContainer = styled__default.div(_templateObject6$J || (_templateObject6$J = _taggedTemplateLiteralLoose(["\n display: flex;\n gap:6px;\n flex-direction: row;\n align-items: center;\n margin-left: 10px;\n margin: 3px 0 5px 10px;\n"])));
|
|
13589
|
+
var Container$X = styled__default.div(_templateObject7$G || (_templateObject7$G = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
13590
|
+
var TitleBox = styled__default.div(_templateObject8$A || (_templateObject8$A = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
13591
|
+
var IconBox = styled__default.div(_templateObject9$t || (_templateObject9$t = _taggedTemplateLiteralLoose(["\n padding: 1px 5px 0 0;\n opacity: 0;\n ", ":hover & {\n opacity: 1;\n cursor: pointer;\n }\n"])), Container$X);
|
|
13592
|
+
var CopyTextBox = styled__default.pre(_templateObject10$p || (_templateObject10$p = _taggedTemplateLiteralLoose(["\n padding: 5px;\n font-size: 10px;\n line-height: 1.2;\n box-shadow: 2px 2px 4px (195deg 16% 72% / 72%);\n border: 1px solid var(--grey-8);\n background-color: var(--grey-2);\n border-radius: 5px;\n opacity: 0.76;\n font-weight: 500;\n color: var(--grey-11);\n position: absolute;\n max-width: 170px;\n white-space: pre-wrap;\n font-family: ", ";\n right:10px;\n margin-top: -23px;\n"])), function (_ref3) {
|
|
13450
13593
|
var theme = _ref3.theme;
|
|
13451
13594
|
return theme.fontFamily.data;
|
|
13452
13595
|
});
|
|
13453
|
-
var CopyBox = styled__default.div(_templateObject11$
|
|
13596
|
+
var CopyBox = styled__default.div(_templateObject11$h || (_templateObject11$h = _taggedTemplateLiteralLoose(["\n"])));
|
|
13454
13597
|
|
|
13455
13598
|
var UserDrawerMeta = function UserDrawerMeta(_ref4) {
|
|
13456
13599
|
var item = _ref4.item,
|
|
@@ -13495,7 +13638,7 @@ var UserDrawerMeta = function UserDrawerMeta(_ref4) {
|
|
|
13495
13638
|
var onLeaveMeatInfo = React.useCallback(function () {
|
|
13496
13639
|
setOnHoverColorValue('dimmed');
|
|
13497
13640
|
}, []);
|
|
13498
|
-
return React__default.createElement(React.Fragment, null, title !== '' && React__default.createElement(Container$
|
|
13641
|
+
return React__default.createElement(React.Fragment, null, title !== '' && React__default.createElement(Container$X, {
|
|
13499
13642
|
onClick: onUserDrawerMetaClick
|
|
13500
13643
|
}, React__default.createElement(MetaConatiner, null, React__default.createElement(TitleBox, null, React__default.createElement(TitleContainer, null, React__default.createElement(Icon, {
|
|
13501
13644
|
icon: icon,
|
|
@@ -13520,20 +13663,20 @@ var UserDrawerMeta = function UserDrawerMeta(_ref4) {
|
|
|
13520
13663
|
}, notes) : null)));
|
|
13521
13664
|
};
|
|
13522
13665
|
|
|
13523
|
-
var _templateObject$
|
|
13524
|
-
var Container$
|
|
13666
|
+
var _templateObject$1u, _templateObject2$1j, _templateObject3$19, _templateObject4$13;
|
|
13667
|
+
var Container$Y = styled__default.div(_templateObject$1u || (_templateObject$1u = _taggedTemplateLiteralLoose(["\n padding: 16px 10px 14px 23px;\n display: flex;\n flex-direction: row;\n border-top: 1px solid ", ";\n align-items: center;\n cursor: pointer;\n svg {\n margin-top: 7px;\n }\n"])), function (_ref) {
|
|
13525
13668
|
var theme = _ref.theme;
|
|
13526
13669
|
return theme.colors.divider;
|
|
13527
13670
|
});
|
|
13528
|
-
var ColumnContainer = styled__default.div(_templateObject2$
|
|
13529
|
-
var Title$8 = styled__default.div(_templateObject3$
|
|
13671
|
+
var ColumnContainer = styled__default.div(_templateObject2$1j || (_templateObject2$1j = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n padding-left: 14px;\n align-items: flex-start;\n"])));
|
|
13672
|
+
var Title$8 = styled__default.div(_templateObject3$19 || (_templateObject3$19 = _taggedTemplateLiteralLoose(["\n opacity: 0.76;\n font-family: ", ";\n font-size: 12px;\n font-weight: 500;\n letter-spacing: 0.34px;\n color: ", ";\n"])), function (_ref2) {
|
|
13530
13673
|
var theme = _ref2.theme;
|
|
13531
13674
|
return theme.fontFamily.ui;
|
|
13532
13675
|
}, function (_ref3) {
|
|
13533
13676
|
var theme = _ref3.theme;
|
|
13534
13677
|
return theme.typography.global.mainMenu.subheader.color;
|
|
13535
13678
|
});
|
|
13536
|
-
var SubTitle$1 = styled__default.div(_templateObject4$
|
|
13679
|
+
var SubTitle$1 = styled__default.div(_templateObject4$13 || (_templateObject4$13 = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n font-size: 10px;\n font-weight: 500;\n letter-spacing: 0.29px;\n color: ", ";\n padding-top: 2px;\n opacity: 0.5;\n"])), function (_ref4) {
|
|
13537
13680
|
var theme = _ref4.theme;
|
|
13538
13681
|
return theme.fontFamily.ui;
|
|
13539
13682
|
}, function (_ref5) {
|
|
@@ -13548,7 +13691,7 @@ var DrawerBottomMenu = function DrawerBottomMenu(_ref6) {
|
|
|
13548
13691
|
subTitle = _ref6.subTitle,
|
|
13549
13692
|
_ref6$onClickCallback = _ref6.onClickCallback,
|
|
13550
13693
|
onClickCallback = _ref6$onClickCallback === void 0 ? function () {} : _ref6$onClickCallback;
|
|
13551
|
-
return React__default.createElement(Container$
|
|
13694
|
+
return React__default.createElement(Container$Y, {
|
|
13552
13695
|
onClick: onClickCallback
|
|
13553
13696
|
}, React__default.createElement(Icon, {
|
|
13554
13697
|
icon: icon,
|
|
@@ -13557,28 +13700,28 @@ var DrawerBottomMenu = function DrawerBottomMenu(_ref6) {
|
|
|
13557
13700
|
}), React__default.createElement(ColumnContainer, null, React__default.createElement(Title$8, null, title), React__default.createElement(SubTitle$1, null, subTitle)));
|
|
13558
13701
|
};
|
|
13559
13702
|
|
|
13560
|
-
var _templateObject$
|
|
13561
|
-
var DrawerTop = styled__default.div(_templateObject$
|
|
13562
|
-
var DrawerBottom = styled__default.div(_templateObject2$
|
|
13703
|
+
var _templateObject$1v, _templateObject2$1k, _templateObject3$1a, _templateObject4$14, _templateObject5$Z, _templateObject6$K, _templateObject7$H, _templateObject8$B, _templateObject9$u, _templateObject10$q, _templateObject11$i, _templateObject12$e, _templateObject13$c, _templateObject14$a, _templateObject15$8, _templateObject16$6, _templateObject17$6, _templateObject18$4, _templateObject19$4;
|
|
13704
|
+
var DrawerTop = styled__default.div(_templateObject$1v || (_templateObject$1v = _taggedTemplateLiteralLoose([""])));
|
|
13705
|
+
var DrawerBottom = styled__default.div(_templateObject2$1k || (_templateObject2$1k = _taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref) {
|
|
13563
13706
|
var theme = _ref.theme;
|
|
13564
|
-
return styled.css(_templateObject3$
|
|
13707
|
+
return styled.css(_templateObject3$1a || (_templateObject3$1a = _taggedTemplateLiteralLoose(["\n width: 100%;\n position: fixed;\n bottom: 50px;\n\n @media ", " {\n position: static;\n bottom: 0;\n }\n "])), theme.deviceMediaQuery.medium);
|
|
13565
13708
|
});
|
|
13566
|
-
var DrawerHeader = styled__default.h2(_templateObject4$
|
|
13709
|
+
var DrawerHeader = styled__default.h2(_templateObject4$14 || (_templateObject4$14 = _taggedTemplateLiteralLoose(["\n ", ";\n padding: 0;\n margin: 0 0 5px;\n"])), function (_ref2) {
|
|
13567
13710
|
var theme = _ref2.theme;
|
|
13568
13711
|
return theme.typography.global.mainMenu.subheader;
|
|
13569
13712
|
});
|
|
13570
|
-
var CurrentUser = styled__default.div(_templateObject5$
|
|
13713
|
+
var CurrentUser = styled__default.div(_templateObject5$Z || (_templateObject5$Z = _taggedTemplateLiteralLoose(["\n padding: 20px 20px 15px;\n\n ", ";\n"])), function (_ref3) {
|
|
13571
13714
|
var theme = _ref3.theme;
|
|
13572
|
-
return styled.css(_templateObject6$
|
|
13715
|
+
return styled.css(_templateObject6$K || (_templateObject6$K = _taggedTemplateLiteralLoose(["\n border-bottom: ", " 1px solid;\n ", ";\n "])), theme.styles.global.mainMenu.lines.backgroundColor, theme.typography.global.mainMenu.identity);
|
|
13573
13716
|
});
|
|
13574
|
-
var UserOptions = styled__default.div(_templateObject7$
|
|
13717
|
+
var UserOptions = styled__default.div(_templateObject7$H || (_templateObject7$H = _taggedTemplateLiteralLoose(["\n padding: 20px 20px 10px 20px;\n ", ";\n\n"])), function (_ref4) {
|
|
13575
13718
|
var theme = _ref4.theme;
|
|
13576
|
-
return styled.css(_templateObject8$
|
|
13719
|
+
return styled.css(_templateObject8$B || (_templateObject8$B = _taggedTemplateLiteralLoose(["\n border-bottom: ", " 1px solid;\n "])), theme.styles.global.mainMenu.lines.backgroundColor);
|
|
13577
13720
|
});
|
|
13578
|
-
var Logout = styled__default.div(_templateObject9$
|
|
13579
|
-
var LinkMenu = styled__default.ul(_templateObject10$
|
|
13580
|
-
var LinkMenuItem = styled__default.li(_templateObject11$
|
|
13581
|
-
var IconWrapperFooter = styled__default.div(_templateObject12$
|
|
13721
|
+
var Logout = styled__default.div(_templateObject9$u || (_templateObject9$u = _taggedTemplateLiteralLoose(["\n padding: 0 20px;\n"])));
|
|
13722
|
+
var LinkMenu = styled__default.ul(_templateObject10$q || (_templateObject10$q = _taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 12px 0 0 0;\n list-style: none;\n"])));
|
|
13723
|
+
var LinkMenuItem = styled__default.li(_templateObject11$i || (_templateObject11$i = _taggedTemplateLiteralLoose(["\n padding: 10px 0;\n"])));
|
|
13724
|
+
var IconWrapperFooter = styled__default.div(_templateObject12$e || (_templateObject12$e = _taggedTemplateLiteralLoose(["\n width: 5px;\n display: flex;\n justify-content: center;\n align-items: center;\n > div {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n padding-right: 20px;\n"])));
|
|
13582
13725
|
var LinkMenuItemA = styled__default(reactRouterDom.Link)(_templateObject13$c || (_templateObject13$c = _taggedTemplateLiteralLoose(["\n ", ";\n display: block;\n width: 100%;\n\n ", ";\n\n ", ";\n"])), resetButtonStyles, function (_ref5) {
|
|
13583
13726
|
var theme = _ref5.theme;
|
|
13584
13727
|
return styled.css(_templateObject14$a || (_templateObject14$a = _taggedTemplateLiteralLoose(["\n ", ";\n\n &:hover {\n ", ";\n }\n "])), theme.typography.global.mainMenu.subItem["default"], theme.typography.global.mainMenu.subItem.hover);
|
|
@@ -13718,37 +13861,37 @@ var UserMenu = function UserMenu(_ref12) {
|
|
|
13718
13861
|
}, title)) : null));
|
|
13719
13862
|
};
|
|
13720
13863
|
|
|
13721
|
-
var _templateObject$
|
|
13722
|
-
var Container$
|
|
13723
|
-
var ImgWrapper = styled__default.div(_templateObject2$
|
|
13724
|
-
var EmptyImg = styled__default.div(_templateObject3$
|
|
13725
|
-
var Image$2 = styled__default.div(_templateObject4$
|
|
13864
|
+
var _templateObject$1w, _templateObject2$1l, _templateObject3$1b, _templateObject4$15, _templateObject5$_, _templateObject6$L, _templateObject7$I, _templateObject8$C;
|
|
13865
|
+
var Container$Z = styled__default.div(_templateObject$1w || (_templateObject$1w = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 18px 20px 12px 20px;\n height: 122px;\n"])));
|
|
13866
|
+
var ImgWrapper = styled__default.div(_templateObject2$1l || (_templateObject2$1l = _taggedTemplateLiteralLoose(["\n border-radius: 5px;\n overflow: hidden;\n height: 40px;\n width: 40px;\n flex-shrink: 0;\n"])));
|
|
13867
|
+
var EmptyImg = styled__default.div(_templateObject3$1b || (_templateObject3$1b = _taggedTemplateLiteralLoose(["\n background-color: var(--grey-5);\n width: 100%;\n height: 100%;\n"])));
|
|
13868
|
+
var Image$2 = styled__default.div(_templateObject4$15 || (_templateObject4$15 = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n background-image: url(", ");\n background-position: center center;\n background-size: cover;\n background-repeat: no-repeat;\n display: ", ";\n"])), function (p) {
|
|
13726
13869
|
return p.image;
|
|
13727
13870
|
}, function (p) {
|
|
13728
13871
|
return p.image ? 'block' : 'none';
|
|
13729
13872
|
});
|
|
13730
|
-
var InfoContainer = styled__default.div(_templateObject5$
|
|
13731
|
-
var Title$9 = styled__default.div(_templateObject6$
|
|
13732
|
-
var Message = styled__default.div(_templateObject7$
|
|
13733
|
-
var TimeMsg = styled__default.div(_templateObject8$
|
|
13873
|
+
var InfoContainer = styled__default.div(_templateObject5$_ || (_templateObject5$_ = _taggedTemplateLiteralLoose(["\n margin-left: 20px;\n"])));
|
|
13874
|
+
var Title$9 = styled__default.div(_templateObject6$L || (_templateObject6$L = _taggedTemplateLiteralLoose(["\n font-size: 16px;\n font-weight: 500;\n color: var(--grey-11);\n"])));
|
|
13875
|
+
var Message = styled__default.div(_templateObject7$I || (_templateObject7$I = _taggedTemplateLiteralLoose(["\n font-size: 13px;\n font-weight: 500;\n overflow: hidden;\n color: var(--grey-11);\n margin: 4px 0;\n height: 30px;\n text-overflow: ellipsis;\n overflow: hidden;\n display: inline-block;\n vertical-align: middle;\n"])));
|
|
13876
|
+
var TimeMsg = styled__default.div(_templateObject8$C || (_templateObject8$C = _taggedTemplateLiteralLoose(["\n font-size: 13px;\n font-weight: 500;\n color: var(--grey-12);\n margin-top: 15px;\n"])));
|
|
13734
13877
|
|
|
13735
13878
|
var NotificationItem = function NotificationItem(_ref) {
|
|
13736
13879
|
var imgUrl = _ref.imgUrl,
|
|
13737
13880
|
title = _ref.title,
|
|
13738
13881
|
message = _ref.message,
|
|
13739
13882
|
time = _ref.time;
|
|
13740
|
-
return React__default.createElement(Container$
|
|
13883
|
+
return React__default.createElement(Container$Z, null, React__default.createElement(ImgWrapper, null, imgUrl ? React__default.createElement(Image$2, {
|
|
13741
13884
|
image: imgUrl
|
|
13742
13885
|
}) : React__default.createElement(EmptyImg, null)), React__default.createElement(InfoContainer, null, React__default.createElement(Title$9, null, title), React__default.createElement(Message, null, message), React__default.createElement(TimeMsg, null, time)));
|
|
13743
13886
|
};
|
|
13744
13887
|
|
|
13745
|
-
var _templateObject$
|
|
13746
|
-
var Container$
|
|
13747
|
-
var StatusContainer = styled__default.h2(_templateObject2$
|
|
13888
|
+
var _templateObject$1x, _templateObject2$1m, _templateObject3$1c;
|
|
13889
|
+
var Container$_ = styled__default.div(_templateObject$1x || (_templateObject$1x = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
13890
|
+
var StatusContainer = styled__default.h2(_templateObject2$1m || (_templateObject2$1m = _taggedTemplateLiteralLoose(["\n text-transform: uppercase;\n padding: 10px 0 10px 20px;\n font-size: 14px;\n font-weight: 500;\n color: var(--grey-12);\n border-bottom: ", " 1px solid;\n margin: 0;\n"])), function (_ref) {
|
|
13748
13891
|
var theme = _ref.theme;
|
|
13749
13892
|
return theme.colors.divider;
|
|
13750
13893
|
});
|
|
13751
|
-
var NotificationWrapper = styled__default.div(_templateObject3$
|
|
13894
|
+
var NotificationWrapper = styled__default.div(_templateObject3$1c || (_templateObject3$1c = _taggedTemplateLiteralLoose(["\n border-bottom: ", " 1px solid;\n"])), function (_ref2) {
|
|
13752
13895
|
var colors = _ref2.theme.colors;
|
|
13753
13896
|
return colors.divider;
|
|
13754
13897
|
});
|
|
@@ -13772,21 +13915,21 @@ var NotificationsHistory = function NotificationsHistory(_ref3) {
|
|
|
13772
13915
|
unreadNotificationsText = _ref3$unreadNotificat === void 0 ? 'Read' : _ref3$unreadNotificat;
|
|
13773
13916
|
|
|
13774
13917
|
if (read.length === 0 && unread.length === 0) {
|
|
13775
|
-
return React__default.createElement(Container$
|
|
13918
|
+
return React__default.createElement(Container$_, null, React__default.createElement(StatusContainer, null, noNotificationsText));
|
|
13776
13919
|
}
|
|
13777
13920
|
|
|
13778
|
-
return React__default.createElement(Container$
|
|
13921
|
+
return React__default.createElement(Container$_, null, unread && React__default.createElement(React.Fragment, null, React__default.createElement(StatusContainer, null, readNotificationsText), renderNotifications(unread, 'unread')), read && React__default.createElement(React.Fragment, null, React__default.createElement(StatusContainer, null, unreadNotificationsText), renderNotifications(read, 'read')));
|
|
13779
13922
|
};
|
|
13780
13923
|
|
|
13781
|
-
var _templateObject$
|
|
13782
|
-
var Container
|
|
13924
|
+
var _templateObject$1y, _templateObject2$1n, _templateObject3$1d, _templateObject4$16, _templateObject5$$, _templateObject6$M, _templateObject7$J, _templateObject8$D, _templateObject9$v, _templateObject10$r, _templateObject11$j, _templateObject12$f, _templateObject13$d, _templateObject14$b;
|
|
13925
|
+
var Container$$ = styled__default.div(_templateObject$1y || (_templateObject$1y = _taggedTemplateLiteralLoose(["\n z-index: 9;\n position: sticky;\n top: 0;\n align-self: flex-start;\n height: 65px;\n width: 100%;\n display: flex;\n justify-content: space-between;\n\n ", "\n"])), function (_ref) {
|
|
13783
13926
|
var theme = _ref.theme,
|
|
13784
13927
|
colors = _ref.theme.colors;
|
|
13785
|
-
return colors && styled.css(_templateObject2$
|
|
13928
|
+
return colors && styled.css(_templateObject2$1n || (_templateObject2$1n = _taggedTemplateLiteralLoose(["\n border-bottom: ", " 1px solid;\n background-color:", ";\n "])), theme.styles.global.mainMenu.lines.backgroundColor, theme.styles.global.mainMenu.background.backgroundColor);
|
|
13786
13929
|
});
|
|
13787
|
-
var SearchBar = styled__default.div(_templateObject3$
|
|
13788
|
-
var IconWrapper$4 = styled__default.div(_templateObject4$
|
|
13789
|
-
var SearchInput = styled__default.input(_templateObject5
|
|
13930
|
+
var SearchBar = styled__default.div(_templateObject3$1d || (_templateObject3$1d = _taggedTemplateLiteralLoose(["\n margin-left: 25px;\n flex: 0 1 500px;\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
|
|
13931
|
+
var IconWrapper$4 = styled__default.div(_templateObject4$16 || (_templateObject4$16 = _taggedTemplateLiteralLoose(["\n flex: 0 40px;\n width: 5px;\n display: flex;\n justify-content: center;\n align-items: center;\n > div {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n"])));
|
|
13932
|
+
var SearchInput = styled__default.input(_templateObject5$$ || (_templateObject5$$ = _taggedTemplateLiteralLoose(["\n ", ";\n font-family: ", ";\n flex: 1;\n height: 35px;\n line-height: 35px;\n border: none;\n outline: none;\n background: transparent;\n\n ", ";\n\n &::placeholder {\n font-style: italic;\n ", ";\n }\n"])), removeAutoFillStyle, function (_ref2) {
|
|
13790
13933
|
var theme = _ref2.theme;
|
|
13791
13934
|
return theme.fontFamily.data;
|
|
13792
13935
|
}, function (_ref3) {
|
|
@@ -13796,19 +13939,19 @@ var SearchInput = styled__default.input(_templateObject5$Z || (_templateObject5$
|
|
|
13796
13939
|
var typography = _ref4.theme.typography;
|
|
13797
13940
|
return typography.global.topBar.search.placeholder;
|
|
13798
13941
|
});
|
|
13799
|
-
var ButtonArea = styled__default.div(_templateObject6$
|
|
13942
|
+
var ButtonArea = styled__default.div(_templateObject6$M || (_templateObject6$M = _taggedTemplateLiteralLoose(["\n height: inherit;\n padding-right: 10px;\n display: flex;\n"])));
|
|
13800
13943
|
var DrawerToggle = styled__default.button.attrs({
|
|
13801
13944
|
type: 'button'
|
|
13802
|
-
})(_templateObject7$
|
|
13945
|
+
})(_templateObject7$J || (_templateObject7$J = _taggedTemplateLiteralLoose(["\n width: 60px;\n margin: 0 5px;\n height: inherit;\n background: none;\n border: none;\n outline: none;\n cursor: pointer;\n\n ", ";\n\n ", "\n"])), function (_ref5) {
|
|
13803
13946
|
var theme = _ref5.theme;
|
|
13804
|
-
return styled.css(_templateObject8$
|
|
13947
|
+
return styled.css(_templateObject8$D || (_templateObject8$D = _taggedTemplateLiteralLoose(["\n border-bottom: 5px solid transparent;\n /*", ";*/\n\n &:hover {\n border-bottom-color: ", ";\n }\n\n transition: border ", " ", ";\n "])), theme.colors.menu.indicator, theme.colors.menu.hover, theme.animation.speed.normal, theme.animation.easing.primary.easeInOut);
|
|
13805
13948
|
}, function (_ref6) {
|
|
13806
13949
|
var isActive = _ref6.isActive,
|
|
13807
13950
|
theme = _ref6.theme;
|
|
13808
|
-
return isActive && styled.css(_templateObject9$
|
|
13951
|
+
return isActive && styled.css(_templateObject9$v || (_templateObject9$v = _taggedTemplateLiteralLoose(["\n &, &:hover {\n border-bottom-color: ", ";\n }\n "])), theme.colors.menu.active);
|
|
13809
13952
|
});
|
|
13810
|
-
var DrawerPortalWrapper = styled__default.div(_templateObject10$
|
|
13811
|
-
var Drawer = styled__default.div(_templateObject11$
|
|
13953
|
+
var DrawerPortalWrapper = styled__default.div(_templateObject10$r || (_templateObject10$r = _taggedTemplateLiteralLoose([""])));
|
|
13954
|
+
var Drawer = styled__default.div(_templateObject11$j || (_templateObject11$j = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n\n position: fixed;\n right: -10px;\n top: 65px;\n bottom: 0;\n background: ", ";\n border-left: ", " 1px solid;\n width: ", ";\n opacity: 0;\n visibility: hidden;\n z-index: 100;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n ", ";\n\n ", "\n"])), function (_ref7) {
|
|
13812
13955
|
var theme = _ref7.theme;
|
|
13813
13956
|
return theme.fontFamily.ui;
|
|
13814
13957
|
}, function (_ref8) {
|
|
@@ -13822,7 +13965,7 @@ var Drawer = styled__default.div(_templateObject11$i || (_templateObject11$i = _
|
|
|
13822
13965
|
return baseWidth ? baseWidth : "200px";
|
|
13823
13966
|
}, function (_ref11) {
|
|
13824
13967
|
var theme = _ref11.theme;
|
|
13825
|
-
return styled.css(_templateObject12$
|
|
13968
|
+
return styled.css(_templateObject12$f || (_templateObject12$f = _taggedTemplateLiteralLoose(["\n transition:\n opacity ", " ", ",\n right ", " ", ";\n "])), theme.animation.speed.normal, theme.animation.easing.primary.easeInOut, theme.animation.speed.normal, theme.animation.easing.primary.easeInOut);
|
|
13826
13969
|
}, function (_ref12) {
|
|
13827
13970
|
var isOpen = _ref12.isOpen;
|
|
13828
13971
|
return isOpen && styled.css(_templateObject13$d || (_templateObject13$d = _taggedTemplateLiteralLoose(["\n right: 0;\n opacity: 1;\n visibility: visible;\n "])));
|
|
@@ -13895,7 +14038,7 @@ var TopBar = function TopBar(_ref13) {
|
|
|
13895
14038
|
});
|
|
13896
14039
|
};
|
|
13897
14040
|
|
|
13898
|
-
return React__default.createElement(Container
|
|
14041
|
+
return React__default.createElement(Container$$, null, hasSearch ? React__default.createElement(SearchBar, null, React__default.createElement(IconWrapper$4, null, React__default.createElement(Icon, {
|
|
13899
14042
|
icon: 'Search',
|
|
13900
14043
|
size: 18,
|
|
13901
14044
|
color: 'dimmed'
|
|
@@ -13961,28 +14104,8 @@ var TopBar = function TopBar(_ref13) {
|
|
|
13961
14104
|
}, customDrawer.customComponent)), document.body));
|
|
13962
14105
|
};
|
|
13963
14106
|
|
|
13964
|
-
var
|
|
13965
|
-
|
|
13966
|
-
setSelected: function setSelected() {}
|
|
13967
|
-
});
|
|
13968
|
-
|
|
13969
|
-
var Tabs = function Tabs(_ref) {
|
|
13970
|
-
var children = _ref.children;
|
|
13971
|
-
|
|
13972
|
-
var _useState = React.useState(''),
|
|
13973
|
-
selected = _useState[0],
|
|
13974
|
-
setSelected = _useState[1];
|
|
13975
|
-
|
|
13976
|
-
return React__default.createElement(TabContext.Provider, {
|
|
13977
|
-
value: {
|
|
13978
|
-
selected: selected,
|
|
13979
|
-
setSelected: setSelected
|
|
13980
|
-
}
|
|
13981
|
-
}, children);
|
|
13982
|
-
};
|
|
13983
|
-
|
|
13984
|
-
var _templateObject$1u;
|
|
13985
|
-
var TabListWrapper = styled__default.div(_templateObject$1u || (_templateObject$1u = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n"])));
|
|
14107
|
+
var _templateObject$1z;
|
|
14108
|
+
var TabListWrapper = styled__default.div(_templateObject$1z || (_templateObject$1z = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n"])));
|
|
13986
14109
|
|
|
13987
14110
|
var TabList = function TabList(_ref) {
|
|
13988
14111
|
var children = _ref.children,
|
|
@@ -13999,11 +14122,11 @@ var TabList = function TabList(_ref) {
|
|
|
13999
14122
|
|
|
14000
14123
|
var _excluded$G = ["children", "tabFor", "onClick"];
|
|
14001
14124
|
|
|
14002
|
-
var _templateObject$
|
|
14003
|
-
var TabComponent = styled__default.div(_templateObject$
|
|
14004
|
-
var TabLabel = styled__default.label(_templateObject2$
|
|
14125
|
+
var _templateObject$1A, _templateObject2$1o, _templateObject3$1e;
|
|
14126
|
+
var TabComponent = styled__default.div(_templateObject$1A || (_templateObject$1A = _taggedTemplateLiteralLoose(["\n margin-right: 39px;\n display: flex;\n align-items: center;\n line-height: 20px;\n"])));
|
|
14127
|
+
var TabLabel = styled__default.label(_templateObject2$1o || (_templateObject2$1o = _taggedTemplateLiteralLoose(["\n height: 40px;\n ", "\n font-size: 15px;\n font-weight: ", ";\n letter-spacing: 0.09px;\n color: ", ";\n cursor: pointer;\n border-bottom: ", ";\n padding-top: 6px;\n padding-bottom: 14px;\n flex-shrink: 0;\n user-select: none;\n"])), function (_ref) {
|
|
14005
14128
|
var theme = _ref.theme;
|
|
14006
|
-
return styled.css(_templateObject3$
|
|
14129
|
+
return styled.css(_templateObject3$1e || (_templateObject3$1e = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n "])), theme.fontFamily.ui);
|
|
14007
14130
|
}, function (_ref2) {
|
|
14008
14131
|
var active = _ref2.active;
|
|
14009
14132
|
return active ? '600' : '500';
|
|
@@ -14038,8 +14161,8 @@ var Tab = function Tab(_ref5) {
|
|
|
14038
14161
|
|
|
14039
14162
|
var _excluded$H = ["children", "tabId"];
|
|
14040
14163
|
|
|
14041
|
-
var _templateObject$
|
|
14042
|
-
var Container$
|
|
14164
|
+
var _templateObject$1B;
|
|
14165
|
+
var Container$10 = styled__default.div(_templateObject$1B || (_templateObject$1B = _taggedTemplateLiteralLoose(["\n"])));
|
|
14043
14166
|
|
|
14044
14167
|
var TabContent = function TabContent(_ref) {
|
|
14045
14168
|
var children = _ref.children,
|
|
@@ -14049,20 +14172,20 @@ var TabContent = function TabContent(_ref) {
|
|
|
14049
14172
|
var _useContext = React.useContext(TabContext),
|
|
14050
14173
|
selected = _useContext.selected;
|
|
14051
14174
|
|
|
14052
|
-
return selected === tabId ? React__default.createElement(Container$
|
|
14175
|
+
return selected === tabId ? React__default.createElement(Container$10, Object.assign({}, props), children) : null;
|
|
14053
14176
|
};
|
|
14054
14177
|
|
|
14055
14178
|
var _excluded$I = ["tabFor", "icon", "closeId", "counter", "status"];
|
|
14056
14179
|
|
|
14057
|
-
var _templateObject$
|
|
14058
|
-
var Container
|
|
14059
|
-
var LinkTab = styled__default.div(_templateObject2$
|
|
14180
|
+
var _templateObject$1C, _templateObject2$1p, _templateObject3$1f, _templateObject4$17;
|
|
14181
|
+
var Container$11 = styled__default.button(_templateObject$1C || (_templateObject$1C = _taggedTemplateLiteralLoose(["\n ", "\n flex-basis: auto;\n flex-grow: 1;\n"])), resetButtonStyles);
|
|
14182
|
+
var LinkTab = styled__default.div(_templateObject2$1p || (_templateObject2$1p = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_ref) {
|
|
14060
14183
|
var theme = _ref.theme;
|
|
14061
|
-
return styled.css(_templateObject3$
|
|
14184
|
+
return styled.css(_templateObject3$1f || (_templateObject3$1f = _taggedTemplateLiteralLoose(["\n transition: border ", " ", ";\n border-bottom: 5px solid ", ";\n\n ", " {\n [stroke]{\n stroke: var(--dimmed);\n }\n }\n\n &:hover {\n border-bottom-color: ", ";\n ", " {\n [stroke]{\n stroke: ", ";\n }\n }\n }\n "])), theme.animation.speed.normal, theme.animation.easing.primary.easeInOut, theme.colors.menu.indicator, IconWrapper, theme.colors.menu.hover, IconWrapper, theme.colors.menu.hover);
|
|
14062
14185
|
}, function (_ref2) {
|
|
14063
14186
|
var isActive = _ref2.isActive,
|
|
14064
14187
|
theme = _ref2.theme;
|
|
14065
|
-
return isActive && styled.css(_templateObject4$
|
|
14188
|
+
return isActive && styled.css(_templateObject4$17 || (_templateObject4$17 = _taggedTemplateLiteralLoose(["\n &, &:hover {\n border-bottom-color: ", ";\n ", " {\n [stroke]{\n stroke: ", ";\n }\n }\n }\n "])), theme.colors.menu.active, IconWrapper, theme.colors.menu.active);
|
|
14066
14189
|
});
|
|
14067
14190
|
|
|
14068
14191
|
var MobileTab = function MobileTab(_ref3) {
|
|
@@ -14081,7 +14204,7 @@ var MobileTab = function MobileTab(_ref3) {
|
|
|
14081
14204
|
var newValue = selected === tabId ? closeId : tabId;
|
|
14082
14205
|
setSelected(newValue);
|
|
14083
14206
|
}, [closeId, selected, setSelected]);
|
|
14084
|
-
return React__default.createElement(Container
|
|
14207
|
+
return React__default.createElement(Container$11, Object.assign({}, props, {
|
|
14085
14208
|
onClick: function onClick() {
|
|
14086
14209
|
return onChangeTab(tabFor);
|
|
14087
14210
|
}
|
|
@@ -14096,23 +14219,23 @@ var MobileTab = function MobileTab(_ref3) {
|
|
|
14096
14219
|
|
|
14097
14220
|
var _excluded$J = ["icon", "title", "subtitle", "tabFor"];
|
|
14098
14221
|
|
|
14099
|
-
var _templateObject$
|
|
14100
|
-
var Container$
|
|
14222
|
+
var _templateObject$1D, _templateObject2$1q, _templateObject3$1g, _templateObject4$18, _templateObject5$10, _templateObject6$N;
|
|
14223
|
+
var Container$12 = styled__default.div(_templateObject$1D || (_templateObject$1D = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-right: 22px;\n padding-bottom: 7px;\n height: 60px;\n cursor: pointer;\n\n ", ";\n ", " {\n margin-left: 2px;\n flex-shrink: 0;\n }\n"])), function (_ref) {
|
|
14101
14224
|
var active = _ref.active;
|
|
14102
|
-
return active ? styled.css(_templateObject2$
|
|
14225
|
+
return active ? styled.css(_templateObject2$1q || (_templateObject2$1q = _taggedTemplateLiteralLoose(["\n border-bottom: 3px solid var(--primary-11);\n "]))) : styled.css(_templateObject3$1g || (_templateObject3$1g = _taggedTemplateLiteralLoose(["\n border-bottom: 3px solid transparent;\n "])));
|
|
14103
14226
|
}, IconWrapper);
|
|
14104
|
-
var Title$a = styled__default.div(_templateObject4$
|
|
14227
|
+
var Title$a = styled__default.div(_templateObject4$18 || (_templateObject4$18 = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n font-family: ", ";\n letter-spacing: 0.09px;\n font-weight: 500;\n color: ", ";\n margin-bottom: 5px;\n flex-shrink: 0;\n white-space: nowrap;\n text-overflow: ellipsis;\n"])), function (_ref2) {
|
|
14105
14228
|
var theme = _ref2.theme;
|
|
14106
14229
|
return theme.fontFamily.ui;
|
|
14107
14230
|
}, function (_ref3) {
|
|
14108
14231
|
var active = _ref3.active;
|
|
14109
14232
|
return active ? 'var(--primary-11)' : 'var(--grey-11)';
|
|
14110
14233
|
});
|
|
14111
|
-
var SubTitle$2 = styled__default.div(_templateObject5$
|
|
14234
|
+
var SubTitle$2 = styled__default.div(_templateObject5$10 || (_templateObject5$10 = _taggedTemplateLiteralLoose(["\n font-size: 12px;\n font-family: ", ";\n font-style: italic;\n color: var(--grey-a10);\n flex-shrink: 0;\n white-space: nowrap;\n text-overflow: ellipsis;\n"])), function (_ref4) {
|
|
14112
14235
|
var theme = _ref4.theme;
|
|
14113
14236
|
return theme.fontFamily.data;
|
|
14114
14237
|
});
|
|
14115
|
-
var TextGroup$1 = styled__default.div(_templateObject6$
|
|
14238
|
+
var TextGroup$1 = styled__default.div(_templateObject6$N || (_templateObject6$N = _taggedTemplateLiteralLoose(["\n margin-left: 12px;\n margin-right: 20px;\n"])));
|
|
14116
14239
|
|
|
14117
14240
|
var TabWithIcon = function TabWithIcon(_ref5) {
|
|
14118
14241
|
var icon = _ref5.icon,
|
|
@@ -14129,7 +14252,7 @@ var TabWithIcon = function TabWithIcon(_ref5) {
|
|
|
14129
14252
|
setSelected(tabId);
|
|
14130
14253
|
}, [setSelected]);
|
|
14131
14254
|
var active = selected === tabFor;
|
|
14132
|
-
return React__default.createElement(Container$
|
|
14255
|
+
return React__default.createElement(Container$12, Object.assign({}, {
|
|
14133
14256
|
active: active
|
|
14134
14257
|
}, props, {
|
|
14135
14258
|
onClick: function onClick() {
|
|
@@ -14146,9 +14269,9 @@ var TabWithIcon = function TabWithIcon(_ref5) {
|
|
|
14146
14269
|
}), title), subtitle && React__default.createElement(SubTitle$2, null, subtitle)));
|
|
14147
14270
|
};
|
|
14148
14271
|
|
|
14149
|
-
var _templateObject$
|
|
14150
|
-
var Container$
|
|
14151
|
-
var TabListWrapper$1 = styled__default.div(_templateObject2$
|
|
14272
|
+
var _templateObject$1E, _templateObject2$1r;
|
|
14273
|
+
var Container$13 = styled__default.div(_templateObject$1E || (_templateObject$1E = _taggedTemplateLiteralLoose([""])));
|
|
14274
|
+
var TabListWrapper$1 = styled__default.div(_templateObject2$1r || (_templateObject2$1r = _taggedTemplateLiteralLoose(["\n padding-top: 10px;\n padding-left: ", ";\n box-shadow: 0 -5px 5px 0 var(--black-a1);\n border-bottom: 1px solid var(--grey-6);\n overflow-y: auto;\n scrollbar-width: none; /* Firefox */\n -ms-overflow-style: none; /* Internet Explorer 10+ */\n &::-webkit-scrollbar { /* WebKit */\n width: 0;\n height: 0;\n }\n"])), function (_ref) {
|
|
14152
14275
|
var paddingLeft = _ref.paddingLeft;
|
|
14153
14276
|
return paddingLeft ? paddingLeft : '87px';
|
|
14154
14277
|
});
|
|
@@ -14157,7 +14280,7 @@ var TabsWithIconBar = function TabsWithIconBar(_ref2) {
|
|
|
14157
14280
|
var defaultTabId = _ref2.defaultTabId,
|
|
14158
14281
|
tabList = _ref2.tabList,
|
|
14159
14282
|
paddingLeft = _ref2.paddingLeft;
|
|
14160
|
-
return React__default.createElement(Container$
|
|
14283
|
+
return React__default.createElement(Container$13, null, React__default.createElement(Tabs, null, React__default.createElement(TabListWrapper$1, Object.assign({}, {
|
|
14161
14284
|
paddingLeft: paddingLeft
|
|
14162
14285
|
}), React__default.createElement(TabList, Object.assign({}, {
|
|
14163
14286
|
defaultTabId: defaultTabId
|
|
@@ -14186,13 +14309,13 @@ var TabsWithIconBar = function TabsWithIconBar(_ref2) {
|
|
|
14186
14309
|
|
|
14187
14310
|
var _excluded$K = ["closeId", "closeText"];
|
|
14188
14311
|
|
|
14189
|
-
var _templateObject$
|
|
14190
|
-
var StyledButton$7 = styled__default.button(_templateObject$
|
|
14312
|
+
var _templateObject$1F, _templateObject2$1s, _templateObject3$1h, _templateObject4$19;
|
|
14313
|
+
var StyledButton$7 = styled__default.button(_templateObject$1F || (_templateObject$1F = _taggedTemplateLiteralLoose(["\n ", "\n\n ", ";\n \n height: ", "px;\n position: fixed;\n bottom: 0;\n font-size: 14px;\n outline: none;\n\n width: 100%;\n text-align: center;\n white-space: nowrap;\n padding: 0 40px;\n\n"])), resetButtonStyles, function (_ref) {
|
|
14191
14314
|
var theme = _ref.theme;
|
|
14192
|
-
return styled.css(_templateObject2$
|
|
14315
|
+
return styled.css(_templateObject2$1s || (_templateObject2$1s = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n ", ";\n ", ";\n border-top: 1px solid ", ";\n "])), theme.fontFamily.ui, theme.typography.global.mainMenu.menuItem["default"], theme.styles.global.mainMenu.background, theme.colors.divider);
|
|
14193
14316
|
}, MOBILE_CLOSE_HEIGHT);
|
|
14194
|
-
var IconContainer$2 = styled__default.div(_templateObject3$
|
|
14195
|
-
var TextWrapper$1 = styled__default.div(_templateObject4$
|
|
14317
|
+
var IconContainer$2 = styled__default.div(_templateObject3$1h || (_templateObject3$1h = _taggedTemplateLiteralLoose(["\n height: inherit;\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n margin: 0 20px;\n\n svg {\n display:block;\n }\n"])));
|
|
14318
|
+
var TextWrapper$1 = styled__default.div(_templateObject4$19 || (_templateObject4$19 = _taggedTemplateLiteralLoose(["\n text-transform: uppercase;\n"])));
|
|
14196
14319
|
|
|
14197
14320
|
var CloseButton$1 = function CloseButton(_ref2) {
|
|
14198
14321
|
var closeId = _ref2.closeId,
|
|
@@ -14214,9 +14337,9 @@ var CloseButton$1 = function CloseButton(_ref2) {
|
|
|
14214
14337
|
})), React__default.createElement(TextWrapper$1, null, closeText));
|
|
14215
14338
|
};
|
|
14216
14339
|
|
|
14217
|
-
var _templateObject$
|
|
14218
|
-
var Container$
|
|
14219
|
-
var ContentWrapper = styled__default.div(_templateObject2$
|
|
14340
|
+
var _templateObject$1G, _templateObject2$1t;
|
|
14341
|
+
var Container$14 = styled__default.div(_templateObject$1G || (_templateObject$1G = _taggedTemplateLiteralLoose(["\n position: relative;\n min-height: calc(100vh - ", "px);\n width: 100%;\n overflow-y: scroll;\n"])), MOBILE_NAVBAR_HEIGHT + MOBILE_CLOSE_HEIGHT);
|
|
14342
|
+
var ContentWrapper = styled__default.div(_templateObject2$1t || (_templateObject2$1t = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n"])));
|
|
14220
14343
|
|
|
14221
14344
|
var MobileNavbarContent = function MobileNavbarContent(_ref) {
|
|
14222
14345
|
var closeId = _ref.closeId,
|
|
@@ -14225,14 +14348,14 @@ var MobileNavbarContent = function MobileNavbarContent(_ref) {
|
|
|
14225
14348
|
var _useContext = React.useContext(TabContext),
|
|
14226
14349
|
selected = _useContext.selected;
|
|
14227
14350
|
|
|
14228
|
-
return selected === closeId ? null : React__default.createElement(Container$
|
|
14351
|
+
return selected === closeId ? null : React__default.createElement(Container$14, null, React__default.createElement(ContentWrapper, null, children));
|
|
14229
14352
|
};
|
|
14230
14353
|
|
|
14231
|
-
var _templateObject$
|
|
14232
|
-
var Container$
|
|
14233
|
-
var ItemWrapper = styled__default.div(_templateObject2$
|
|
14354
|
+
var _templateObject$1H, _templateObject2$1u, _templateObject3$1i;
|
|
14355
|
+
var Container$15 = styled__default.div(_templateObject$1H || (_templateObject$1H = _taggedTemplateLiteralLoose([""])));
|
|
14356
|
+
var ItemWrapper = styled__default.div(_templateObject2$1u || (_templateObject2$1u = _taggedTemplateLiteralLoose(["\n padding: 14px 0;\n ", ";\n"])), function (_ref) {
|
|
14234
14357
|
var theme = _ref.theme;
|
|
14235
|
-
return styled.css(_templateObject3$
|
|
14358
|
+
return styled.css(_templateObject3$1i || (_templateObject3$1i = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", "\n "])), theme.colors.divider);
|
|
14236
14359
|
});
|
|
14237
14360
|
|
|
14238
14361
|
var MobileMenu = function MobileMenu(_ref2) {
|
|
@@ -14275,7 +14398,7 @@ var MobileMenu = function MobileMenu(_ref2) {
|
|
|
14275
14398
|
var handleCloseMenu = React.useCallback(function () {
|
|
14276
14399
|
setSelected(closeId);
|
|
14277
14400
|
}, [closeId, setSelected]);
|
|
14278
|
-
return React__default.createElement(Container$
|
|
14401
|
+
return React__default.createElement(Container$15, null, content.items.map(function (item, key) {
|
|
14279
14402
|
return React__default.createElement(ItemWrapper, {
|
|
14280
14403
|
key: key,
|
|
14281
14404
|
"data-key": key
|
|
@@ -14303,10 +14426,10 @@ var MobileMenu = function MobileMenu(_ref2) {
|
|
|
14303
14426
|
})));
|
|
14304
14427
|
};
|
|
14305
14428
|
|
|
14306
|
-
var _templateObject$
|
|
14307
|
-
var Logo$1 = styled__default(reactRouterDom.Link)(_templateObject$
|
|
14308
|
-
var LogoMark$1 = styled__default.div(_templateObject2$
|
|
14309
|
-
var SVGObject$1 = styled__default.object(_templateObject3$
|
|
14429
|
+
var _templateObject$1I, _templateObject2$1v, _templateObject3$1j;
|
|
14430
|
+
var Logo$1 = styled__default(reactRouterDom.Link)(_templateObject$1I || (_templateObject$1I = _taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n flex-basis: 0;\n flex-grow: 1;\n justify-content: center;\n align-items: center;\n object {\n pointer-events: none;\n height: 25px;\n }\n"])), resetButtonStyles);
|
|
14431
|
+
var LogoMark$1 = styled__default.div(_templateObject2$1v || (_templateObject2$1v = _taggedTemplateLiteralLoose(["\n margin-right: 15px;\n"])));
|
|
14432
|
+
var SVGObject$1 = styled__default.object(_templateObject3$1j || (_templateObject3$1j = _taggedTemplateLiteralLoose([""])));
|
|
14310
14433
|
|
|
14311
14434
|
var MobileLogoLink = function MobileLogoLink(_ref) {
|
|
14312
14435
|
var _ref$home = _ref.home,
|
|
@@ -14330,8 +14453,8 @@ var MobileLogoLink = function MobileLogoLink(_ref) {
|
|
|
14330
14453
|
|
|
14331
14454
|
var _excluded$L = ["closeId", "hasLanguage", "hasLogout", "logoutLink", "hasCurrentUser", "userSubmenu", "userDrawerBespoke", "loggedInUser", "onLogout", "onLanguageToggle"];
|
|
14332
14455
|
|
|
14333
|
-
var _templateObject$
|
|
14334
|
-
var Container$
|
|
14456
|
+
var _templateObject$1J;
|
|
14457
|
+
var Container$16 = styled__default.div(_templateObject$1J || (_templateObject$1J = _taggedTemplateLiteralLoose(["\n background: ", ";\n z-index: 100;\n display: flex;\n flex-direction: column;\n"])), function (_ref) {
|
|
14335
14458
|
var theme = _ref.theme;
|
|
14336
14459
|
return theme.styles.global.mainMenu.background;
|
|
14337
14460
|
});
|
|
@@ -14355,7 +14478,7 @@ var MobileUserMenu = function MobileUserMenu(_ref2) {
|
|
|
14355
14478
|
var handleCloseMenu = React.useCallback(function () {
|
|
14356
14479
|
setSelected(closeId);
|
|
14357
14480
|
}, [closeId, setSelected]);
|
|
14358
|
-
return React__default.createElement(Container$
|
|
14481
|
+
return React__default.createElement(Container$16, null, React__default.createElement(UserMenu, Object.assign({}, _extends({
|
|
14359
14482
|
hasLanguage: hasLanguage,
|
|
14360
14483
|
hasLogout: hasLogout,
|
|
14361
14484
|
logoutLink: logoutLink,
|
|
@@ -14372,17 +14495,17 @@ var MobileUserMenu = function MobileUserMenu(_ref2) {
|
|
|
14372
14495
|
|
|
14373
14496
|
var _excluded$M = ["content", "home", "logoMark", "supportUrl", "defaultMenuOpen", "closeText", "hasLanguage", "hasLogout", "logoutLink", "hasCurrentUser", "hasNotifications", "userSubmenu", "userDrawerBespoke", "loggedInUser", "notificationsHistory", "customDrawer", "onLogout", "onLanguageToggle"];
|
|
14374
14497
|
|
|
14375
|
-
var _templateObject$
|
|
14498
|
+
var _templateObject$1K, _templateObject2$1w;
|
|
14376
14499
|
var CLOSE_ID = 'closeMenu';
|
|
14377
14500
|
var NOTI_TAB = 'notifications';
|
|
14378
14501
|
var USER_TAB = 'user';
|
|
14379
14502
|
var MENU_TAB = 'menu';
|
|
14380
14503
|
var CUSTOM_TAB = 'custom';
|
|
14381
|
-
var Container$
|
|
14504
|
+
var Container$17 = styled__default.nav(_templateObject$1K || (_templateObject$1K = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n position: sticky;\n top: 0;\n left: 0;\n width: 100%;\n z-index: 99;\n"])), function (_ref) {
|
|
14382
14505
|
var theme = _ref.theme;
|
|
14383
14506
|
return theme.styles.global.mainMenu.background.backgroundColor;
|
|
14384
14507
|
});
|
|
14385
|
-
var HeaderContainer = styled__default.div(_templateObject2$
|
|
14508
|
+
var HeaderContainer = styled__default.div(_templateObject2$1w || (_templateObject2$1w = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n height: ", "px;\n border-bottom: ", " 1px solid;\n\n ", " {\n flex-basis: 0;\n flex-grow: 3;\n }\n"])), MOBILE_NAVBAR_HEIGHT, function (_ref2) {
|
|
14386
14509
|
var theme = _ref2.theme;
|
|
14387
14510
|
return theme.colors.divider;
|
|
14388
14511
|
}, TabListWrapper);
|
|
@@ -14409,7 +14532,7 @@ var MobileNavbar = function MobileNavbar(_ref3) {
|
|
|
14409
14532
|
onLanguageToggle = _ref3.onLanguageToggle,
|
|
14410
14533
|
props = _objectWithoutPropertiesLoose(_ref3, _excluded$M);
|
|
14411
14534
|
|
|
14412
|
-
return React__default.createElement(Container$
|
|
14535
|
+
return React__default.createElement(Container$17, null, React__default.createElement(Tabs, null, React__default.createElement(HeaderContainer, null, React__default.createElement(MobileLogoLink, Object.assign({}, {
|
|
14413
14536
|
home: home,
|
|
14414
14537
|
logoMark: logoMark
|
|
14415
14538
|
}, {
|
|
@@ -14466,7 +14589,7 @@ var MobileNavbar = function MobileNavbar(_ref3) {
|
|
|
14466
14589
|
})))));
|
|
14467
14590
|
};
|
|
14468
14591
|
|
|
14469
|
-
var _excluded$N = ["content", "home", "openWidth", "logoMark", "logoText", "supportUrl", "defaultMenuOpen", "canAlwaysPin", "paddingOverride", "maxWidth", "children", "onMenuToggle"];
|
|
14592
|
+
var _excluded$N = ["content", "home", "openWidth", "logoMark", "logoText", "supportUrl", "defaultMenuOpen", "canAlwaysPin", "paddingOverride", "maxWidth", "legacyLayout", "children", "onMenuToggle"];
|
|
14470
14593
|
|
|
14471
14594
|
var GlobalUI = function GlobalUI(_ref) {
|
|
14472
14595
|
var content = _ref.content,
|
|
@@ -14479,6 +14602,7 @@ var GlobalUI = function GlobalUI(_ref) {
|
|
|
14479
14602
|
canAlwaysPin = _ref.canAlwaysPin,
|
|
14480
14603
|
paddingOverride = _ref.paddingOverride,
|
|
14481
14604
|
maxWidth = _ref.maxWidth,
|
|
14605
|
+
legacyLayout = _ref.legacyLayout,
|
|
14482
14606
|
children = _ref.children,
|
|
14483
14607
|
onMenuToggle = _ref.onMenuToggle,
|
|
14484
14608
|
props = _objectWithoutPropertiesLoose(_ref, _excluded$N);
|
|
@@ -14498,7 +14622,8 @@ var GlobalUI = function GlobalUI(_ref) {
|
|
|
14498
14622
|
onMenuToggle: onMenuToggle
|
|
14499
14623
|
})), React__default.createElement(MainContainer, null, React__default.createElement(TopBar, Object.assign({}, _extends({}, props))), React__default.createElement(ContentArea, Object.assign({}, {
|
|
14500
14624
|
maxWidth: maxWidth,
|
|
14501
|
-
paddingOverride: paddingOverride
|
|
14625
|
+
paddingOverride: paddingOverride,
|
|
14626
|
+
legacyLayout: legacyLayout
|
|
14502
14627
|
}), children))) : React__default.createElement(MobileLayout, null, React__default.createElement(MobileNavbar, Object.assign({}, _extends({
|
|
14503
14628
|
content: content,
|
|
14504
14629
|
home: home,
|
|
@@ -14510,16 +14635,16 @@ var GlobalUI = function GlobalUI(_ref) {
|
|
|
14510
14635
|
|
|
14511
14636
|
var _excluded$O = ["children"];
|
|
14512
14637
|
|
|
14513
|
-
var _templateObject$
|
|
14514
|
-
var Container$
|
|
14515
|
-
var LogoContainer = styled__default.div(_templateObject2$
|
|
14516
|
-
var LogoTopText = styled__default.div(_templateObject3$
|
|
14517
|
-
var LogoBottomText = styled__default.div(_templateObject4$
|
|
14518
|
-
var SidebarBox = styled__default.div(_templateObject5
|
|
14519
|
-
var SidebarHeading = styled__default.div(_templateObject6$
|
|
14520
|
-
var SidebarLinkHeading = styled__default.div(_templateObject7$
|
|
14521
|
-
var BackLink = styled__default(reactRouterDom.Link)(_templateObject8$
|
|
14522
|
-
var SLink = styled__default(reactRouterDom.Link)(_templateObject9$
|
|
14638
|
+
var _templateObject$1L, _templateObject2$1x, _templateObject3$1k, _templateObject4$1a, _templateObject5$11, _templateObject6$O, _templateObject7$K, _templateObject8$E, _templateObject9$w;
|
|
14639
|
+
var Container$18 = styled__default.div(_templateObject$1L || (_templateObject$1L = _taggedTemplateLiteralLoose(["\n width: 286px;\n border-right: 1px solid var(--grey-a7);\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n display: flex;\n flex-direction: column;\n"])));
|
|
14640
|
+
var LogoContainer = styled__default.div(_templateObject2$1x || (_templateObject2$1x = _taggedTemplateLiteralLoose(["\n height: 84px;\n color: var(--grey-11);\n border-bottom: 1px solid var(--grey-a7);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding-top: 18px;\n padding-bottom: 15px;\n"])));
|
|
14641
|
+
var LogoTopText = styled__default.div(_templateObject3$1k || (_templateObject3$1k = _taggedTemplateLiteralLoose(["\n height: 31px;\n font-family: Monorale;\n font-size: 18px;\n font-weight: 500;\n line-height: 1.72;\n letter-spacing: 4.5px;\n text-align: center;\n"])));
|
|
14642
|
+
var LogoBottomText = styled__default.div(_templateObject4$1a || (_templateObject4$1a = _taggedTemplateLiteralLoose(["\n height: 19px;\n font-family: Monorale;\n font-size: 16px;\n font-weight: 300;\n line-height: normal;\n letter-spacing: 14.11px;\n text-align: center;\n"])));
|
|
14643
|
+
var SidebarBox = styled__default.div(_templateObject5$11 || (_templateObject5$11 = _taggedTemplateLiteralLoose(["\n position: relative;\n border-bottom: 1px solid var(--grey-a7);\n padding: 22px 20px 21px 20px;\n"])));
|
|
14644
|
+
var SidebarHeading = styled__default.div(_templateObject6$O || (_templateObject6$O = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.35px;\n color: var(--grey-10);\n margin-bottom: 18px;\n"])));
|
|
14645
|
+
var SidebarLinkHeading = styled__default.div(_templateObject7$K || (_templateObject7$K = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.35px;\n color: var(--grey-10);\n"])));
|
|
14646
|
+
var BackLink$1 = styled__default(reactRouterDom.Link)(_templateObject8$E || (_templateObject8$E = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.35px;\n color: var(--grey-10);\n"])));
|
|
14647
|
+
var SLink = styled__default(reactRouterDom.Link)(_templateObject9$w || (_templateObject9$w = _taggedTemplateLiteralLoose(["\n position: absolute;\n right: 30px;\n top: 15px;\n /* width: 80px; */\n /* height: 30px; */\n font-size: 14px;\n font-weight: 600;\n text-align: center;\n color: var(--grey-9);\n border-radius: 3px;\n background-color: var(--primary-2);\n text-decoration: none;\n padding: 7px 20px;\n"])));
|
|
14523
14648
|
var SidebarLink = function SidebarLink(_ref) {
|
|
14524
14649
|
var title = _ref.title,
|
|
14525
14650
|
to = _ref.to;
|
|
@@ -14537,7 +14662,7 @@ var Sidebar = function Sidebar(_ref3) {
|
|
|
14537
14662
|
var children = _ref3.children,
|
|
14538
14663
|
props = _objectWithoutPropertiesLoose(_ref3, _excluded$O);
|
|
14539
14664
|
|
|
14540
|
-
return React__default.createElement(Container$
|
|
14665
|
+
return React__default.createElement(Container$18, Object.assign({}, props), children);
|
|
14541
14666
|
};
|
|
14542
14667
|
|
|
14543
14668
|
Object.defineProperty(exports, 'IconSVGs', {
|
|
@@ -14552,7 +14677,7 @@ exports.AlertBar = AlertBar;
|
|
|
14552
14677
|
exports.AlertWrapper = AlertWrapper;
|
|
14553
14678
|
exports.AreaUploadManager = AreaUploadManager;
|
|
14554
14679
|
exports.AvatarUploader = AvatarUploader;
|
|
14555
|
-
exports.BackLink = BackLink;
|
|
14680
|
+
exports.BackLink = BackLink$1;
|
|
14556
14681
|
exports.BasicSearchInput = BasicSearchInput;
|
|
14557
14682
|
exports.Button = Button;
|
|
14558
14683
|
exports.ButtonWithIcon = ButtonWithIcon;
|
|
@@ -14561,7 +14686,8 @@ exports.CameraPanelWrapper = CameraPanelWrapper;
|
|
|
14561
14686
|
exports.CameraPanels = CameraPanels;
|
|
14562
14687
|
exports.Checkbox = Checkbox;
|
|
14563
14688
|
exports.ConfirmationModal = ConfirmationModal;
|
|
14564
|
-
exports.Content = Content;
|
|
14689
|
+
exports.Content = Content$1;
|
|
14690
|
+
exports.ContentLayout = ContentLayout;
|
|
14565
14691
|
exports.Controls = Controls;
|
|
14566
14692
|
exports.CropTool = CropTool;
|
|
14567
14693
|
exports.DatePicker = DatePicker;
|
|
@@ -14577,6 +14703,7 @@ exports.FilterInputs = FilterInputs;
|
|
|
14577
14703
|
exports.FilterLayout = FilterLayout;
|
|
14578
14704
|
exports.FiltersResults = FiltersResults;
|
|
14579
14705
|
exports.Form = Form;
|
|
14706
|
+
exports.FullWidthContentBlock = FullWidthContentBlock;
|
|
14580
14707
|
exports.GlobalUI = GlobalUI;
|
|
14581
14708
|
exports.Icon = Icon;
|
|
14582
14709
|
exports.IconButton = IconButton$2;
|
|
@@ -14637,10 +14764,12 @@ exports.TagListWrapper = TagListWrapper;
|
|
|
14637
14764
|
exports.TextArea = TextArea;
|
|
14638
14765
|
exports.TextAreaField = TextAreaField;
|
|
14639
14766
|
exports.TextField = TextField;
|
|
14767
|
+
exports.ThemeVariables = GlobalStyle;
|
|
14640
14768
|
exports.TopBar = TopBar;
|
|
14641
14769
|
exports.TypeTable = TypeTable;
|
|
14770
|
+
exports.UtilityHeader = UtilityHeader;
|
|
14642
14771
|
exports.WebRTCClient = WebRTCPlayer;
|
|
14643
|
-
exports.defaultTheme =
|
|
14772
|
+
exports.defaultTheme = index;
|
|
14644
14773
|
exports.isDateInterval = isDateInterval;
|
|
14645
14774
|
exports.isFilterItem = isFilterItem;
|
|
14646
14775
|
exports.resetButtonStyles = resetButtonStyles;
|