scorer-ui-kit 2.1.2 → 2.2.0
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/index.d.ts +5 -3
- package/dist/index.js +510 -384
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +503 -381
- 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) {
|
|
@@ -12802,8 +12808,8 @@ var Pagination = function Pagination(props) {
|
|
|
12802
12808
|
}))));
|
|
12803
12809
|
};
|
|
12804
12810
|
|
|
12805
|
-
var _templateObject$
|
|
12806
|
-
var Container$T = styled__default.div(_templateObject$
|
|
12811
|
+
var _templateObject$1l, _templateObject2$1a, _templateObject3$11, _templateObject4$X, _templateObject5$R;
|
|
12812
|
+
var Container$T = styled__default.div(_templateObject$1l || (_templateObject$1l = _taggedTemplateLiteralLoose([""])));
|
|
12807
12813
|
var Title$7 = styled__default.div(_templateObject2$1a || (_templateObject2$1a = _taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref) {
|
|
12808
12814
|
var typography = _ref.theme.typography;
|
|
12809
12815
|
return typography.modal.title;
|
|
@@ -12855,59 +12861,193 @@ var ConfirmationModal = function ConfirmationModal(_ref3) {
|
|
|
12855
12861
|
}, rightButtonText)));
|
|
12856
12862
|
};
|
|
12857
12863
|
|
|
12858
|
-
var _templateObject$
|
|
12864
|
+
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;
|
|
12865
|
+
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"])));
|
|
12866
|
+
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"])));
|
|
12867
|
+
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"])));
|
|
12868
|
+
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) {
|
|
12869
|
+
return props.$iconInGutter ? '-24px' : '0';
|
|
12870
|
+
}, BackLinkIcon, BackLinkIcon, function (_ref) {
|
|
12871
|
+
var $showDivider = _ref.$showDivider;
|
|
12872
|
+
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 "])));
|
|
12873
|
+
});
|
|
12874
|
+
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"])));
|
|
12875
|
+
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);
|
|
12876
|
+
var Breadcrumbs = styled__default.div(_templateObject8$w || (_templateObject8$w = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"])));
|
|
12877
|
+
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"])));
|
|
12878
|
+
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"])));
|
|
12879
|
+
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"])));
|
|
12880
|
+
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"])));
|
|
12881
|
+
|
|
12882
|
+
var UtilityHeader = function UtilityHeader(_ref2) {
|
|
12883
|
+
var _ref2$showBreadcrumbs = _ref2.showBreadcrumbs,
|
|
12884
|
+
showBreadcrumbs = _ref2$showBreadcrumbs === void 0 ? true : _ref2$showBreadcrumbs,
|
|
12885
|
+
_ref2$breadcrumbs = _ref2.breadcrumbs,
|
|
12886
|
+
breadcrumbs = _ref2$breadcrumbs === void 0 ? [] : _ref2$breadcrumbs,
|
|
12887
|
+
backLink = _ref2.backLink,
|
|
12888
|
+
_ref2$$iconInGutter = _ref2.$iconInGutter,
|
|
12889
|
+
$iconInGutter = _ref2$$iconInGutter === void 0 ? true : _ref2$$iconInGutter,
|
|
12890
|
+
_ref2$showShareLink = _ref2.showShareLink,
|
|
12891
|
+
showShareLink = _ref2$showShareLink === void 0 ? false : _ref2$showShareLink,
|
|
12892
|
+
shareLink = _ref2.shareLink;
|
|
12893
|
+
|
|
12894
|
+
var _useState = React.useState("Share"),
|
|
12895
|
+
copyActionText = _useState[0],
|
|
12896
|
+
setCopyActionText = _useState[1];
|
|
12897
|
+
|
|
12898
|
+
var _useCopyToClipboard = useCopyToClipboard(),
|
|
12899
|
+
copyToClipboard = _useCopyToClipboard.copyToClipboard;
|
|
12900
|
+
|
|
12901
|
+
var hasBreadcrumbs = showBreadcrumbs && breadcrumbs.length > 0;
|
|
12902
|
+
var clickHandlerShareLink = React.useCallback(function () {
|
|
12903
|
+
copyToClipboard(shareLink ? shareLink : window.location.href);
|
|
12904
|
+
setCopyActionText("Copied");
|
|
12905
|
+
setTimeout(function () {
|
|
12906
|
+
return setCopyActionText("Share");
|
|
12907
|
+
}, 2000);
|
|
12908
|
+
}, [shareLink, copyToClipboard]);
|
|
12909
|
+
return React__default.createElement(Container$U, null, React__default.createElement(LeftArea, null, backLink ? React__default.createElement(BackLink, Object.assign({
|
|
12910
|
+
to: backLink,
|
|
12911
|
+
"$showDivider": hasBreadcrumbs
|
|
12912
|
+
}, {
|
|
12913
|
+
$iconInGutter: $iconInGutter
|
|
12914
|
+
}), React__default.createElement(BackLinkIcon, null, React__default.createElement(Icon, {
|
|
12915
|
+
icon: "Back",
|
|
12916
|
+
size: 16,
|
|
12917
|
+
color: "grey-10"
|
|
12918
|
+
})), "Back") : null, hasBreadcrumbs ? React__default.createElement(Breadcrumbs, null, breadcrumbs.map(function (breadcrumb, index) {
|
|
12919
|
+
var text = breadcrumb.text,
|
|
12920
|
+
href = breadcrumb.href;
|
|
12921
|
+
var isLast = index === breadcrumbs.length - 1;
|
|
12922
|
+
return React__default.createElement(React__default.Fragment, {
|
|
12923
|
+
key: index
|
|
12924
|
+
}, React__default.createElement(Breadcrumb, null, React__default.createElement(BreadcrumbLink, {
|
|
12925
|
+
to: href
|
|
12926
|
+
}, text), !isLast ? React__default.createElement(BreadcrumbIcon, null, React__default.createElement(Icon, {
|
|
12927
|
+
icon: "Right",
|
|
12928
|
+
size: 6,
|
|
12929
|
+
color: 'grey-8'
|
|
12930
|
+
})) : null));
|
|
12931
|
+
})) : null), React__default.createElement(RightArea, null, showShareLink ? React__default.createElement(ExtraAction, {
|
|
12932
|
+
onClick: clickHandlerShareLink
|
|
12933
|
+
}, React__default.createElement(ExtraActionIcon, null, React__default.createElement(Icon, {
|
|
12934
|
+
icon: "Link",
|
|
12935
|
+
size: 16,
|
|
12936
|
+
color: "grey-10"
|
|
12937
|
+
})), copyActionText) : null));
|
|
12938
|
+
};
|
|
12939
|
+
|
|
12940
|
+
var TabContext = React__default.createContext({
|
|
12941
|
+
selected: '',
|
|
12942
|
+
setSelected: function setSelected() {}
|
|
12943
|
+
});
|
|
12944
|
+
|
|
12945
|
+
var Tabs = function Tabs(_ref) {
|
|
12946
|
+
var children = _ref.children;
|
|
12947
|
+
|
|
12948
|
+
var _useState = React.useState(''),
|
|
12949
|
+
selected = _useState[0],
|
|
12950
|
+
setSelected = _useState[1];
|
|
12951
|
+
|
|
12952
|
+
return React__default.createElement(TabContext.Provider, {
|
|
12953
|
+
value: {
|
|
12954
|
+
selected: selected,
|
|
12955
|
+
setSelected: setSelected
|
|
12956
|
+
}
|
|
12957
|
+
}, children);
|
|
12958
|
+
};
|
|
12959
|
+
|
|
12960
|
+
var _templateObject$1n, _templateObject2$1c, _templateObject3$13, _templateObject4$Z, _templateObject5$T;
|
|
12961
|
+
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"])));
|
|
12962
|
+
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"])));
|
|
12963
|
+
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"])));
|
|
12964
|
+
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"])));
|
|
12965
|
+
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"])));
|
|
12966
|
+
|
|
12967
|
+
var ContentLayout = function ContentLayout(_ref) {
|
|
12968
|
+
var _ref$layout = _ref.layout,
|
|
12969
|
+
layout = _ref$layout === void 0 ? 'default' : _ref$layout,
|
|
12970
|
+
_ref$HeaderContent = _ref.HeaderContent,
|
|
12971
|
+
HeaderContent = _ref$HeaderContent === void 0 ? {} : _ref$HeaderContent,
|
|
12972
|
+
children = _ref.children;
|
|
12973
|
+
var PageHeaderArea = HeaderContent.PageHeaderArea,
|
|
12974
|
+
TabsElementArea = HeaderContent.TabsElementArea,
|
|
12975
|
+
UtilityHeaderOptions = HeaderContent.UtilityHeaderOptions;
|
|
12976
|
+
var containerClass = 'content-layout-' + layout;
|
|
12977
|
+
return React__default.createElement(Container$V, {
|
|
12978
|
+
className: containerClass
|
|
12979
|
+
}, 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));
|
|
12980
|
+
};
|
|
12981
|
+
|
|
12982
|
+
var _templateObject$1o, _templateObject2$1d;
|
|
12983
|
+
var FullWidthContainer = styled__default.div(_templateObject$1o || (_templateObject$1o = _taggedTemplateLiteralLoose(["\n min-height: ", ";\n"])), function (_ref) {
|
|
12984
|
+
var $contentHeight = _ref.$contentHeight;
|
|
12985
|
+
return $contentHeight + 'px';
|
|
12986
|
+
});
|
|
12987
|
+
var FullWidthInner = styled__default.div(_templateObject2$1d || (_templateObject2$1d = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: 0;\n right: 0;\n input {width: 100%;}\n"])));
|
|
12988
|
+
|
|
12989
|
+
var FullWidthContentBlock = function FullWidthContentBlock(_ref2) {
|
|
12990
|
+
var children = _ref2.children;
|
|
12991
|
+
var innerElement = React.useRef(null);
|
|
12992
|
+
|
|
12993
|
+
var _useState = React.useState(0),
|
|
12994
|
+
contentHeight = _useState[0],
|
|
12995
|
+
setContentHeight = _useState[1];
|
|
12996
|
+
|
|
12997
|
+
React.useEffect(function () {
|
|
12998
|
+
if (innerElement && innerElement.current) {
|
|
12999
|
+
setContentHeight(innerElement.current.clientHeight);
|
|
13000
|
+
}
|
|
13001
|
+
}, [innerElement, children]);
|
|
13002
|
+
return React__default.createElement(FullWidthContainer, {
|
|
13003
|
+
"$contentHeight": contentHeight
|
|
13004
|
+
}, React__default.createElement(FullWidthInner, {
|
|
13005
|
+
ref: innerElement
|
|
13006
|
+
}, children));
|
|
13007
|
+
};
|
|
13008
|
+
|
|
13009
|
+
var _templateObject$1p, _templateObject2$1e, _templateObject3$14, _templateObject4$_, _templateObject5$U, _templateObject6$F, _templateObject7$C;
|
|
12859
13010
|
var MOBILE_CLOSE_HEIGHT = 50;
|
|
12860
13011
|
var MOBILE_NAVBAR_HEIGHT = 68;
|
|
12861
|
-
var Layout = styled__default.div(_templateObject$
|
|
13012
|
+
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
13013
|
var theme = _ref.theme;
|
|
12863
13014
|
return theme.styles.global.background;
|
|
12864
13015
|
});
|
|
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';
|
|
13016
|
+
var MobileLayout = styled__default.div(_templateObject2$1e || (_templateObject2$1e = _taggedTemplateLiteralLoose([""])));
|
|
13017
|
+
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) {
|
|
13018
|
+
var maxWidth = _ref2.maxWidth;
|
|
13019
|
+
return maxWidth && styled.css(_templateObject4$_ || (_templateObject4$_ = _taggedTemplateLiteralLoose(["\n & > div {\n max-width: ", ";\n }\n "])), maxWidth);
|
|
13020
|
+
});
|
|
13021
|
+
var MainContainer = styled__default.div(_templateObject5$U || (_templateObject5$U = _taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n"])));
|
|
13022
|
+
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) {
|
|
13023
|
+
var legacyLayout = _ref3.legacyLayout,
|
|
13024
|
+
paddingOverride = _ref3.paddingOverride,
|
|
13025
|
+
maxWidth = _ref3.maxWidth;
|
|
13026
|
+
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
13027
|
});
|
|
12888
13028
|
|
|
12889
|
-
var _templateObject$
|
|
12890
|
-
var ContextTitle = styled__default.div(_templateObject$
|
|
13029
|
+
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;
|
|
13030
|
+
var ContextTitle = styled__default.div(_templateObject$1q || (_templateObject$1q = _taggedTemplateLiteralLoose(["\n opacity: 0;\n\n ", "\n\n ", "\n"])), function (_ref) {
|
|
12891
13031
|
var theme = _ref.theme;
|
|
12892
|
-
return styled.css(_templateObject2$
|
|
13032
|
+
return styled.css(_templateObject2$1f || (_templateObject2$1f = _taggedTemplateLiteralLoose(["\n transition: opacity ", " ", ";\n "])), theme.animation.speed.fast, theme.animation.easing.primary.easeInOut);
|
|
12893
13033
|
}, function (_ref2) {
|
|
12894
13034
|
var compact = _ref2.compact;
|
|
12895
|
-
return compact && styled.css(_templateObject3$
|
|
13035
|
+
return compact && styled.css(_templateObject3$15 || (_templateObject3$15 = _taggedTemplateLiteralLoose(["\n font-size:14px;\n "])));
|
|
12896
13036
|
});
|
|
12897
|
-
var ContextIcon$1 = styled__default.div(_templateObject4
|
|
13037
|
+
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
13038
|
var theme = _ref3.theme;
|
|
12899
|
-
return styled.css(_templateObject5$
|
|
13039
|
+
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
13040
|
});
|
|
12901
|
-
var ContextIndicator = styled__default.div(_templateObject6$
|
|
13041
|
+
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
13042
|
var theme = _ref4.theme;
|
|
12903
|
-
return styled.css(_templateObject7$
|
|
13043
|
+
return styled.css(_templateObject7$D || (_templateObject7$D = _taggedTemplateLiteralLoose(["\n transition: opacity 0 ", ";\n "])), theme.animation.easing.primary.easeInOut);
|
|
12904
13044
|
});
|
|
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$
|
|
13045
|
+
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"])));
|
|
13046
|
+
var StyledAnchor = styled__default.a(_templateObject9$q || (_templateObject9$q = _taggedTemplateLiteralLoose(["\n display: flex;\n text-decoration: none;\n"])));
|
|
13047
|
+
var ExternalIconWrapper = styled__default.div(_templateObject10$m || (_templateObject10$m = _taggedTemplateLiteralLoose(["\n margin-left: 15px;\n"])));
|
|
13048
|
+
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
13049
|
var theme = _ref5.theme;
|
|
12910
|
-
return theme && styled.css(_templateObject12$
|
|
13050
|
+
return theme && styled.css(_templateObject12$b || (_templateObject12$b = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n ", ";\n "])), theme.fontFamily.ui, theme.typography.global.mainMenu.menuItem["default"]);
|
|
12911
13051
|
}, function (_ref6) {
|
|
12912
13052
|
var $menuOpen = _ref6.$menuOpen;
|
|
12913
13053
|
return $menuOpen && styled.css(_templateObject13$9 || (_templateObject13$9 = _taggedTemplateLiteralLoose(["\n ", "{\n opacity: 1;\n }\n"])), ContextTitle);
|
|
@@ -13139,27 +13279,27 @@ var useMenu = function useMenu(defaultMenuOpen, canAlwaysPin) {
|
|
|
13139
13279
|
};
|
|
13140
13280
|
};
|
|
13141
13281
|
|
|
13142
|
-
var _templateObject$
|
|
13143
|
-
var Submenu = styled__default.ul(_templateObject$
|
|
13144
|
-
var SubmenuHeader = styled__default.div(_templateObject2$
|
|
13145
|
-
var SubmenuItemTitle = styled__default.span(_templateObject3$
|
|
13282
|
+
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;
|
|
13283
|
+
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"])));
|
|
13284
|
+
var SubmenuHeader = styled__default.div(_templateObject2$1g || (_templateObject2$1g = _taggedTemplateLiteralLoose(["\n display: block;\n height: 40px;\n margin-left: 40px;\n"])));
|
|
13285
|
+
var SubmenuItemTitle = styled__default.span(_templateObject3$16 || (_templateObject3$16 = _taggedTemplateLiteralLoose(["\n display: block;\n ", ";\n\n"])), function (_ref) {
|
|
13146
13286
|
var theme = _ref.theme;
|
|
13147
|
-
return theme && styled.css(_templateObject4$
|
|
13287
|
+
return theme && styled.css(_templateObject4$10 || (_templateObject4$10 = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n ", "\n "])), theme.fontFamily.ui, theme.typography.global.mainMenu.subheader);
|
|
13148
13288
|
});
|
|
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$
|
|
13289
|
+
var SubmenuItemLink = styled__default(reactRouterDom.Link)(_templateObject5$W || (_templateObject5$W = _taggedTemplateLiteralLoose(["\n ", ";\n display: block;\n"])), resetButtonStyles);
|
|
13290
|
+
var ExternalIconWrapper$1 = styled__default.div(_templateObject6$H || (_templateObject6$H = _taggedTemplateLiteralLoose(["\n margin-left: 15px;\n"])));
|
|
13291
|
+
var SubmenuItemAnchor = styled__default.a(_templateObject7$E || (_templateObject7$E = _taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n align-items: center;\n"])), resetButtonStyles);
|
|
13292
|
+
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
13293
|
var colors = _ref2.theme.colors;
|
|
13154
13294
|
return colors.divider;
|
|
13155
13295
|
}, SubmenuItemLink, SubmenuItemAnchor, function (_ref3) {
|
|
13156
13296
|
var theme = _ref3.theme,
|
|
13157
13297
|
isActive = _ref3.isActive;
|
|
13158
|
-
return theme && styled.css(_templateObject9$
|
|
13298
|
+
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
13299
|
});
|
|
13160
|
-
var SubmenuContainer = styled__default.div(_templateObject11$
|
|
13300
|
+
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
13301
|
var theme = _ref4.theme;
|
|
13162
|
-
return theme && styled.css(_templateObject12$
|
|
13302
|
+
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
13303
|
}, function (_ref5) {
|
|
13164
13304
|
var colors = _ref5.theme.colors;
|
|
13165
13305
|
return colors.divider;
|
|
@@ -13286,24 +13426,24 @@ var generateSubmenus = function generateSubmenus(submenu, onClickCallback) {
|
|
|
13286
13426
|
return output;
|
|
13287
13427
|
};
|
|
13288
13428
|
|
|
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$
|
|
13429
|
+
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;
|
|
13430
|
+
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"])));
|
|
13431
|
+
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"])));
|
|
13432
|
+
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"])));
|
|
13433
|
+
var SVGObject = styled__default.object(_templateObject4$11 || (_templateObject4$11 = _taggedTemplateLiteralLoose([""])));
|
|
13434
|
+
var SVGObjectText = styled__default.object(_templateObject5$X || (_templateObject5$X = _taggedTemplateLiteralLoose(["\n max-width: 180px;\n"])));
|
|
13435
|
+
var NavigationContainer = styled__default.div(_templateObject6$I || (_templateObject6$I = _taggedTemplateLiteralLoose([""])));
|
|
13436
|
+
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
13437
|
var theme = _ref.theme;
|
|
13298
|
-
return theme && styled.css(_templateObject8$
|
|
13438
|
+
return theme && styled.css(_templateObject8$z || (_templateObject8$z = _taggedTemplateLiteralLoose(["\n ", "\n "])), theme.styles.global.mainMenu.footerBackground);
|
|
13299
13439
|
});
|
|
13300
|
-
var FooterItemContainer = styled__default.div(_templateObject9$
|
|
13301
|
-
var PushContainer = styled__default.div(_templateObject10$
|
|
13440
|
+
var FooterItemContainer = styled__default.div(_templateObject9$s || (_templateObject9$s = _taggedTemplateLiteralLoose(["\n min-height: 70px;\n"])));
|
|
13441
|
+
var PushContainer = styled__default.div(_templateObject10$o || (_templateObject10$o = _taggedTemplateLiteralLoose(["\n position: relative;\n height: 100%;\n ", ";\n"])), function (_ref2) {
|
|
13302
13442
|
var theme = _ref2.theme,
|
|
13303
13443
|
isPinned = _ref2.isPinned;
|
|
13304
|
-
return theme && styled.css(_templateObject11$
|
|
13444
|
+
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
13445
|
});
|
|
13306
|
-
var Container$
|
|
13446
|
+
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
13447
|
var theme = _ref3.theme,
|
|
13308
13448
|
open = _ref3.open,
|
|
13309
13449
|
desktopSize = _ref3.desktopSize;
|
|
@@ -13384,7 +13524,7 @@ var MainMenu = function MainMenu(_ref5) {
|
|
|
13384
13524
|
}, [checkedInItems, content]);
|
|
13385
13525
|
return React__default.createElement(PushContainer, {
|
|
13386
13526
|
isPinned: menuState.isMenuPinned
|
|
13387
|
-
}, ReactDom.createPortal(React__default.createElement(Container$
|
|
13527
|
+
}, ReactDom.createPortal(React__default.createElement(Container$W, {
|
|
13388
13528
|
open: menuState.isMenuOpen,
|
|
13389
13529
|
desktopSize: menuState.desktopSize,
|
|
13390
13530
|
onPointerEnter: menuState.isMenuPinned ? function () {} : autoMenuOpen,
|
|
@@ -13431,26 +13571,26 @@ var MainMenu = function MainMenu(_ref5) {
|
|
|
13431
13571
|
})) : null))), document.body));
|
|
13432
13572
|
};
|
|
13433
13573
|
|
|
13434
|
-
var _templateObject$
|
|
13435
|
-
var MetaConatiner = styled__default.div(_templateObject$
|
|
13436
|
-
var LabelTitle = styled__default.div(_templateObject2$
|
|
13574
|
+
var _templateObject$1t, _templateObject2$1i, _templateObject3$18, _templateObject4$12, _templateObject5$Y, _templateObject6$J, _templateObject7$G, _templateObject8$A, _templateObject9$t, _templateObject10$p, _templateObject11$h;
|
|
13575
|
+
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"])));
|
|
13576
|
+
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
13577
|
var theme = _ref.theme;
|
|
13438
13578
|
return theme.fontFamily.ui;
|
|
13439
13579
|
});
|
|
13440
|
-
var LabelContent = styled__default.div(_templateObject3$
|
|
13441
|
-
var LabelNotes = styled__default.div(_templateObject4$
|
|
13580
|
+
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"])));
|
|
13581
|
+
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
13582
|
var theme = _ref2.theme;
|
|
13443
|
-
return theme && styled.css(_templateObject5$
|
|
13583
|
+
return theme && styled.css(_templateObject5$Y || (_templateObject5$Y = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n "])), theme.fontFamily.data);
|
|
13444
13584
|
});
|
|
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$
|
|
13585
|
+
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"])));
|
|
13586
|
+
var Container$X = styled__default.div(_templateObject7$G || (_templateObject7$G = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
13587
|
+
var TitleBox = styled__default.div(_templateObject8$A || (_templateObject8$A = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
13588
|
+
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);
|
|
13589
|
+
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
13590
|
var theme = _ref3.theme;
|
|
13451
13591
|
return theme.fontFamily.data;
|
|
13452
13592
|
});
|
|
13453
|
-
var CopyBox = styled__default.div(_templateObject11$
|
|
13593
|
+
var CopyBox = styled__default.div(_templateObject11$h || (_templateObject11$h = _taggedTemplateLiteralLoose(["\n"])));
|
|
13454
13594
|
|
|
13455
13595
|
var UserDrawerMeta = function UserDrawerMeta(_ref4) {
|
|
13456
13596
|
var item = _ref4.item,
|
|
@@ -13495,7 +13635,7 @@ var UserDrawerMeta = function UserDrawerMeta(_ref4) {
|
|
|
13495
13635
|
var onLeaveMeatInfo = React.useCallback(function () {
|
|
13496
13636
|
setOnHoverColorValue('dimmed');
|
|
13497
13637
|
}, []);
|
|
13498
|
-
return React__default.createElement(React.Fragment, null, title !== '' && React__default.createElement(Container$
|
|
13638
|
+
return React__default.createElement(React.Fragment, null, title !== '' && React__default.createElement(Container$X, {
|
|
13499
13639
|
onClick: onUserDrawerMetaClick
|
|
13500
13640
|
}, React__default.createElement(MetaConatiner, null, React__default.createElement(TitleBox, null, React__default.createElement(TitleContainer, null, React__default.createElement(Icon, {
|
|
13501
13641
|
icon: icon,
|
|
@@ -13520,20 +13660,20 @@ var UserDrawerMeta = function UserDrawerMeta(_ref4) {
|
|
|
13520
13660
|
}, notes) : null)));
|
|
13521
13661
|
};
|
|
13522
13662
|
|
|
13523
|
-
var _templateObject$
|
|
13524
|
-
var Container$
|
|
13663
|
+
var _templateObject$1u, _templateObject2$1j, _templateObject3$19, _templateObject4$13;
|
|
13664
|
+
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
13665
|
var theme = _ref.theme;
|
|
13526
13666
|
return theme.colors.divider;
|
|
13527
13667
|
});
|
|
13528
|
-
var ColumnContainer = styled__default.div(_templateObject2$
|
|
13529
|
-
var Title$8 = styled__default.div(_templateObject3$
|
|
13668
|
+
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"])));
|
|
13669
|
+
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
13670
|
var theme = _ref2.theme;
|
|
13531
13671
|
return theme.fontFamily.ui;
|
|
13532
13672
|
}, function (_ref3) {
|
|
13533
13673
|
var theme = _ref3.theme;
|
|
13534
13674
|
return theme.typography.global.mainMenu.subheader.color;
|
|
13535
13675
|
});
|
|
13536
|
-
var SubTitle$1 = styled__default.div(_templateObject4$
|
|
13676
|
+
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
13677
|
var theme = _ref4.theme;
|
|
13538
13678
|
return theme.fontFamily.ui;
|
|
13539
13679
|
}, function (_ref5) {
|
|
@@ -13548,7 +13688,7 @@ var DrawerBottomMenu = function DrawerBottomMenu(_ref6) {
|
|
|
13548
13688
|
subTitle = _ref6.subTitle,
|
|
13549
13689
|
_ref6$onClickCallback = _ref6.onClickCallback,
|
|
13550
13690
|
onClickCallback = _ref6$onClickCallback === void 0 ? function () {} : _ref6$onClickCallback;
|
|
13551
|
-
return React__default.createElement(Container$
|
|
13691
|
+
return React__default.createElement(Container$Y, {
|
|
13552
13692
|
onClick: onClickCallback
|
|
13553
13693
|
}, React__default.createElement(Icon, {
|
|
13554
13694
|
icon: icon,
|
|
@@ -13557,28 +13697,28 @@ var DrawerBottomMenu = function DrawerBottomMenu(_ref6) {
|
|
|
13557
13697
|
}), React__default.createElement(ColumnContainer, null, React__default.createElement(Title$8, null, title), React__default.createElement(SubTitle$1, null, subTitle)));
|
|
13558
13698
|
};
|
|
13559
13699
|
|
|
13560
|
-
var _templateObject$
|
|
13561
|
-
var DrawerTop = styled__default.div(_templateObject$
|
|
13562
|
-
var DrawerBottom = styled__default.div(_templateObject2$
|
|
13700
|
+
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;
|
|
13701
|
+
var DrawerTop = styled__default.div(_templateObject$1v || (_templateObject$1v = _taggedTemplateLiteralLoose([""])));
|
|
13702
|
+
var DrawerBottom = styled__default.div(_templateObject2$1k || (_templateObject2$1k = _taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref) {
|
|
13563
13703
|
var theme = _ref.theme;
|
|
13564
|
-
return styled.css(_templateObject3$
|
|
13704
|
+
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
13705
|
});
|
|
13566
|
-
var DrawerHeader = styled__default.h2(_templateObject4$
|
|
13706
|
+
var DrawerHeader = styled__default.h2(_templateObject4$14 || (_templateObject4$14 = _taggedTemplateLiteralLoose(["\n ", ";\n padding: 0;\n margin: 0 0 5px;\n"])), function (_ref2) {
|
|
13567
13707
|
var theme = _ref2.theme;
|
|
13568
13708
|
return theme.typography.global.mainMenu.subheader;
|
|
13569
13709
|
});
|
|
13570
|
-
var CurrentUser = styled__default.div(_templateObject5$
|
|
13710
|
+
var CurrentUser = styled__default.div(_templateObject5$Z || (_templateObject5$Z = _taggedTemplateLiteralLoose(["\n padding: 20px 20px 15px;\n\n ", ";\n"])), function (_ref3) {
|
|
13571
13711
|
var theme = _ref3.theme;
|
|
13572
|
-
return styled.css(_templateObject6$
|
|
13712
|
+
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
13713
|
});
|
|
13574
|
-
var UserOptions = styled__default.div(_templateObject7$
|
|
13714
|
+
var UserOptions = styled__default.div(_templateObject7$H || (_templateObject7$H = _taggedTemplateLiteralLoose(["\n padding: 20px 20px 10px 20px;\n ", ";\n\n"])), function (_ref4) {
|
|
13575
13715
|
var theme = _ref4.theme;
|
|
13576
|
-
return styled.css(_templateObject8$
|
|
13716
|
+
return styled.css(_templateObject8$B || (_templateObject8$B = _taggedTemplateLiteralLoose(["\n border-bottom: ", " 1px solid;\n "])), theme.styles.global.mainMenu.lines.backgroundColor);
|
|
13577
13717
|
});
|
|
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$
|
|
13718
|
+
var Logout = styled__default.div(_templateObject9$u || (_templateObject9$u = _taggedTemplateLiteralLoose(["\n padding: 0 20px;\n"])));
|
|
13719
|
+
var LinkMenu = styled__default.ul(_templateObject10$q || (_templateObject10$q = _taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 12px 0 0 0;\n list-style: none;\n"])));
|
|
13720
|
+
var LinkMenuItem = styled__default.li(_templateObject11$i || (_templateObject11$i = _taggedTemplateLiteralLoose(["\n padding: 10px 0;\n"])));
|
|
13721
|
+
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
13722
|
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
13723
|
var theme = _ref5.theme;
|
|
13584
13724
|
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 +13858,37 @@ var UserMenu = function UserMenu(_ref12) {
|
|
|
13718
13858
|
}, title)) : null));
|
|
13719
13859
|
};
|
|
13720
13860
|
|
|
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$
|
|
13861
|
+
var _templateObject$1w, _templateObject2$1l, _templateObject3$1b, _templateObject4$15, _templateObject5$_, _templateObject6$L, _templateObject7$I, _templateObject8$C;
|
|
13862
|
+
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"])));
|
|
13863
|
+
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"])));
|
|
13864
|
+
var EmptyImg = styled__default.div(_templateObject3$1b || (_templateObject3$1b = _taggedTemplateLiteralLoose(["\n background-color: var(--grey-5);\n width: 100%;\n height: 100%;\n"])));
|
|
13865
|
+
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
13866
|
return p.image;
|
|
13727
13867
|
}, function (p) {
|
|
13728
13868
|
return p.image ? 'block' : 'none';
|
|
13729
13869
|
});
|
|
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$
|
|
13870
|
+
var InfoContainer = styled__default.div(_templateObject5$_ || (_templateObject5$_ = _taggedTemplateLiteralLoose(["\n margin-left: 20px;\n"])));
|
|
13871
|
+
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"])));
|
|
13872
|
+
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"])));
|
|
13873
|
+
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
13874
|
|
|
13735
13875
|
var NotificationItem = function NotificationItem(_ref) {
|
|
13736
13876
|
var imgUrl = _ref.imgUrl,
|
|
13737
13877
|
title = _ref.title,
|
|
13738
13878
|
message = _ref.message,
|
|
13739
13879
|
time = _ref.time;
|
|
13740
|
-
return React__default.createElement(Container$
|
|
13880
|
+
return React__default.createElement(Container$Z, null, React__default.createElement(ImgWrapper, null, imgUrl ? React__default.createElement(Image$2, {
|
|
13741
13881
|
image: imgUrl
|
|
13742
13882
|
}) : 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
13883
|
};
|
|
13744
13884
|
|
|
13745
|
-
var _templateObject$
|
|
13746
|
-
var Container$
|
|
13747
|
-
var StatusContainer = styled__default.h2(_templateObject2$
|
|
13885
|
+
var _templateObject$1x, _templateObject2$1m, _templateObject3$1c;
|
|
13886
|
+
var Container$_ = styled__default.div(_templateObject$1x || (_templateObject$1x = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
13887
|
+
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
13888
|
var theme = _ref.theme;
|
|
13749
13889
|
return theme.colors.divider;
|
|
13750
13890
|
});
|
|
13751
|
-
var NotificationWrapper = styled__default.div(_templateObject3$
|
|
13891
|
+
var NotificationWrapper = styled__default.div(_templateObject3$1c || (_templateObject3$1c = _taggedTemplateLiteralLoose(["\n border-bottom: ", " 1px solid;\n"])), function (_ref2) {
|
|
13752
13892
|
var colors = _ref2.theme.colors;
|
|
13753
13893
|
return colors.divider;
|
|
13754
13894
|
});
|
|
@@ -13772,21 +13912,21 @@ var NotificationsHistory = function NotificationsHistory(_ref3) {
|
|
|
13772
13912
|
unreadNotificationsText = _ref3$unreadNotificat === void 0 ? 'Read' : _ref3$unreadNotificat;
|
|
13773
13913
|
|
|
13774
13914
|
if (read.length === 0 && unread.length === 0) {
|
|
13775
|
-
return React__default.createElement(Container$
|
|
13915
|
+
return React__default.createElement(Container$_, null, React__default.createElement(StatusContainer, null, noNotificationsText));
|
|
13776
13916
|
}
|
|
13777
13917
|
|
|
13778
|
-
return React__default.createElement(Container$
|
|
13918
|
+
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
13919
|
};
|
|
13780
13920
|
|
|
13781
|
-
var _templateObject$
|
|
13782
|
-
var Container
|
|
13921
|
+
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;
|
|
13922
|
+
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
13923
|
var theme = _ref.theme,
|
|
13784
13924
|
colors = _ref.theme.colors;
|
|
13785
|
-
return colors && styled.css(_templateObject2$
|
|
13925
|
+
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
13926
|
});
|
|
13787
|
-
var SearchBar = styled__default.div(_templateObject3$
|
|
13788
|
-
var IconWrapper$4 = styled__default.div(_templateObject4$
|
|
13789
|
-
var SearchInput = styled__default.input(_templateObject5
|
|
13927
|
+
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"])));
|
|
13928
|
+
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"])));
|
|
13929
|
+
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
13930
|
var theme = _ref2.theme;
|
|
13791
13931
|
return theme.fontFamily.data;
|
|
13792
13932
|
}, function (_ref3) {
|
|
@@ -13796,19 +13936,19 @@ var SearchInput = styled__default.input(_templateObject5$Z || (_templateObject5$
|
|
|
13796
13936
|
var typography = _ref4.theme.typography;
|
|
13797
13937
|
return typography.global.topBar.search.placeholder;
|
|
13798
13938
|
});
|
|
13799
|
-
var ButtonArea = styled__default.div(_templateObject6$
|
|
13939
|
+
var ButtonArea = styled__default.div(_templateObject6$M || (_templateObject6$M = _taggedTemplateLiteralLoose(["\n height: inherit;\n padding-right: 10px;\n display: flex;\n"])));
|
|
13800
13940
|
var DrawerToggle = styled__default.button.attrs({
|
|
13801
13941
|
type: 'button'
|
|
13802
|
-
})(_templateObject7$
|
|
13942
|
+
})(_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
13943
|
var theme = _ref5.theme;
|
|
13804
|
-
return styled.css(_templateObject8$
|
|
13944
|
+
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
13945
|
}, function (_ref6) {
|
|
13806
13946
|
var isActive = _ref6.isActive,
|
|
13807
13947
|
theme = _ref6.theme;
|
|
13808
|
-
return isActive && styled.css(_templateObject9$
|
|
13948
|
+
return isActive && styled.css(_templateObject9$v || (_templateObject9$v = _taggedTemplateLiteralLoose(["\n &, &:hover {\n border-bottom-color: ", ";\n }\n "])), theme.colors.menu.active);
|
|
13809
13949
|
});
|
|
13810
|
-
var DrawerPortalWrapper = styled__default.div(_templateObject10$
|
|
13811
|
-
var Drawer = styled__default.div(_templateObject11$
|
|
13950
|
+
var DrawerPortalWrapper = styled__default.div(_templateObject10$r || (_templateObject10$r = _taggedTemplateLiteralLoose([""])));
|
|
13951
|
+
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
13952
|
var theme = _ref7.theme;
|
|
13813
13953
|
return theme.fontFamily.ui;
|
|
13814
13954
|
}, function (_ref8) {
|
|
@@ -13822,7 +13962,7 @@ var Drawer = styled__default.div(_templateObject11$i || (_templateObject11$i = _
|
|
|
13822
13962
|
return baseWidth ? baseWidth : "200px";
|
|
13823
13963
|
}, function (_ref11) {
|
|
13824
13964
|
var theme = _ref11.theme;
|
|
13825
|
-
return styled.css(_templateObject12$
|
|
13965
|
+
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
13966
|
}, function (_ref12) {
|
|
13827
13967
|
var isOpen = _ref12.isOpen;
|
|
13828
13968
|
return isOpen && styled.css(_templateObject13$d || (_templateObject13$d = _taggedTemplateLiteralLoose(["\n right: 0;\n opacity: 1;\n visibility: visible;\n "])));
|
|
@@ -13895,7 +14035,7 @@ var TopBar = function TopBar(_ref13) {
|
|
|
13895
14035
|
});
|
|
13896
14036
|
};
|
|
13897
14037
|
|
|
13898
|
-
return React__default.createElement(Container
|
|
14038
|
+
return React__default.createElement(Container$$, null, hasSearch ? React__default.createElement(SearchBar, null, React__default.createElement(IconWrapper$4, null, React__default.createElement(Icon, {
|
|
13899
14039
|
icon: 'Search',
|
|
13900
14040
|
size: 18,
|
|
13901
14041
|
color: 'dimmed'
|
|
@@ -13961,28 +14101,8 @@ var TopBar = function TopBar(_ref13) {
|
|
|
13961
14101
|
}, customDrawer.customComponent)), document.body));
|
|
13962
14102
|
};
|
|
13963
14103
|
|
|
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"])));
|
|
14104
|
+
var _templateObject$1z;
|
|
14105
|
+
var TabListWrapper = styled__default.div(_templateObject$1z || (_templateObject$1z = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n"])));
|
|
13986
14106
|
|
|
13987
14107
|
var TabList = function TabList(_ref) {
|
|
13988
14108
|
var children = _ref.children,
|
|
@@ -13999,11 +14119,11 @@ var TabList = function TabList(_ref) {
|
|
|
13999
14119
|
|
|
14000
14120
|
var _excluded$G = ["children", "tabFor", "onClick"];
|
|
14001
14121
|
|
|
14002
|
-
var _templateObject$
|
|
14003
|
-
var TabComponent = styled__default.div(_templateObject$
|
|
14004
|
-
var TabLabel = styled__default.label(_templateObject2$
|
|
14122
|
+
var _templateObject$1A, _templateObject2$1o, _templateObject3$1e;
|
|
14123
|
+
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"])));
|
|
14124
|
+
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
14125
|
var theme = _ref.theme;
|
|
14006
|
-
return styled.css(_templateObject3$
|
|
14126
|
+
return styled.css(_templateObject3$1e || (_templateObject3$1e = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n "])), theme.fontFamily.ui);
|
|
14007
14127
|
}, function (_ref2) {
|
|
14008
14128
|
var active = _ref2.active;
|
|
14009
14129
|
return active ? '600' : '500';
|
|
@@ -14038,8 +14158,8 @@ var Tab = function Tab(_ref5) {
|
|
|
14038
14158
|
|
|
14039
14159
|
var _excluded$H = ["children", "tabId"];
|
|
14040
14160
|
|
|
14041
|
-
var _templateObject$
|
|
14042
|
-
var Container$
|
|
14161
|
+
var _templateObject$1B;
|
|
14162
|
+
var Container$10 = styled__default.div(_templateObject$1B || (_templateObject$1B = _taggedTemplateLiteralLoose(["\n"])));
|
|
14043
14163
|
|
|
14044
14164
|
var TabContent = function TabContent(_ref) {
|
|
14045
14165
|
var children = _ref.children,
|
|
@@ -14049,20 +14169,20 @@ var TabContent = function TabContent(_ref) {
|
|
|
14049
14169
|
var _useContext = React.useContext(TabContext),
|
|
14050
14170
|
selected = _useContext.selected;
|
|
14051
14171
|
|
|
14052
|
-
return selected === tabId ? React__default.createElement(Container$
|
|
14172
|
+
return selected === tabId ? React__default.createElement(Container$10, Object.assign({}, props), children) : null;
|
|
14053
14173
|
};
|
|
14054
14174
|
|
|
14055
14175
|
var _excluded$I = ["tabFor", "icon", "closeId", "counter", "status"];
|
|
14056
14176
|
|
|
14057
|
-
var _templateObject$
|
|
14058
|
-
var Container
|
|
14059
|
-
var LinkTab = styled__default.div(_templateObject2$
|
|
14177
|
+
var _templateObject$1C, _templateObject2$1p, _templateObject3$1f, _templateObject4$17;
|
|
14178
|
+
var Container$11 = styled__default.button(_templateObject$1C || (_templateObject$1C = _taggedTemplateLiteralLoose(["\n ", "\n flex-basis: auto;\n flex-grow: 1;\n"])), resetButtonStyles);
|
|
14179
|
+
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
14180
|
var theme = _ref.theme;
|
|
14061
|
-
return styled.css(_templateObject3$
|
|
14181
|
+
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
14182
|
}, function (_ref2) {
|
|
14063
14183
|
var isActive = _ref2.isActive,
|
|
14064
14184
|
theme = _ref2.theme;
|
|
14065
|
-
return isActive && styled.css(_templateObject4$
|
|
14185
|
+
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
14186
|
});
|
|
14067
14187
|
|
|
14068
14188
|
var MobileTab = function MobileTab(_ref3) {
|
|
@@ -14081,7 +14201,7 @@ var MobileTab = function MobileTab(_ref3) {
|
|
|
14081
14201
|
var newValue = selected === tabId ? closeId : tabId;
|
|
14082
14202
|
setSelected(newValue);
|
|
14083
14203
|
}, [closeId, selected, setSelected]);
|
|
14084
|
-
return React__default.createElement(Container
|
|
14204
|
+
return React__default.createElement(Container$11, Object.assign({}, props, {
|
|
14085
14205
|
onClick: function onClick() {
|
|
14086
14206
|
return onChangeTab(tabFor);
|
|
14087
14207
|
}
|
|
@@ -14096,23 +14216,23 @@ var MobileTab = function MobileTab(_ref3) {
|
|
|
14096
14216
|
|
|
14097
14217
|
var _excluded$J = ["icon", "title", "subtitle", "tabFor"];
|
|
14098
14218
|
|
|
14099
|
-
var _templateObject$
|
|
14100
|
-
var Container$
|
|
14219
|
+
var _templateObject$1D, _templateObject2$1q, _templateObject3$1g, _templateObject4$18, _templateObject5$10, _templateObject6$N;
|
|
14220
|
+
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
14221
|
var active = _ref.active;
|
|
14102
|
-
return active ? styled.css(_templateObject2$
|
|
14222
|
+
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
14223
|
}, IconWrapper);
|
|
14104
|
-
var Title$a = styled__default.div(_templateObject4$
|
|
14224
|
+
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
14225
|
var theme = _ref2.theme;
|
|
14106
14226
|
return theme.fontFamily.ui;
|
|
14107
14227
|
}, function (_ref3) {
|
|
14108
14228
|
var active = _ref3.active;
|
|
14109
14229
|
return active ? 'var(--primary-11)' : 'var(--grey-11)';
|
|
14110
14230
|
});
|
|
14111
|
-
var SubTitle$2 = styled__default.div(_templateObject5$
|
|
14231
|
+
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
14232
|
var theme = _ref4.theme;
|
|
14113
14233
|
return theme.fontFamily.data;
|
|
14114
14234
|
});
|
|
14115
|
-
var TextGroup$1 = styled__default.div(_templateObject6$
|
|
14235
|
+
var TextGroup$1 = styled__default.div(_templateObject6$N || (_templateObject6$N = _taggedTemplateLiteralLoose(["\n margin-left: 12px;\n margin-right: 20px;\n"])));
|
|
14116
14236
|
|
|
14117
14237
|
var TabWithIcon = function TabWithIcon(_ref5) {
|
|
14118
14238
|
var icon = _ref5.icon,
|
|
@@ -14129,7 +14249,7 @@ var TabWithIcon = function TabWithIcon(_ref5) {
|
|
|
14129
14249
|
setSelected(tabId);
|
|
14130
14250
|
}, [setSelected]);
|
|
14131
14251
|
var active = selected === tabFor;
|
|
14132
|
-
return React__default.createElement(Container$
|
|
14252
|
+
return React__default.createElement(Container$12, Object.assign({}, {
|
|
14133
14253
|
active: active
|
|
14134
14254
|
}, props, {
|
|
14135
14255
|
onClick: function onClick() {
|
|
@@ -14146,9 +14266,9 @@ var TabWithIcon = function TabWithIcon(_ref5) {
|
|
|
14146
14266
|
}), title), subtitle && React__default.createElement(SubTitle$2, null, subtitle)));
|
|
14147
14267
|
};
|
|
14148
14268
|
|
|
14149
|
-
var _templateObject$
|
|
14150
|
-
var Container$
|
|
14151
|
-
var TabListWrapper$1 = styled__default.div(_templateObject2$
|
|
14269
|
+
var _templateObject$1E, _templateObject2$1r;
|
|
14270
|
+
var Container$13 = styled__default.div(_templateObject$1E || (_templateObject$1E = _taggedTemplateLiteralLoose([""])));
|
|
14271
|
+
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
14272
|
var paddingLeft = _ref.paddingLeft;
|
|
14153
14273
|
return paddingLeft ? paddingLeft : '87px';
|
|
14154
14274
|
});
|
|
@@ -14157,7 +14277,7 @@ var TabsWithIconBar = function TabsWithIconBar(_ref2) {
|
|
|
14157
14277
|
var defaultTabId = _ref2.defaultTabId,
|
|
14158
14278
|
tabList = _ref2.tabList,
|
|
14159
14279
|
paddingLeft = _ref2.paddingLeft;
|
|
14160
|
-
return React__default.createElement(Container$
|
|
14280
|
+
return React__default.createElement(Container$13, null, React__default.createElement(Tabs, null, React__default.createElement(TabListWrapper$1, Object.assign({}, {
|
|
14161
14281
|
paddingLeft: paddingLeft
|
|
14162
14282
|
}), React__default.createElement(TabList, Object.assign({}, {
|
|
14163
14283
|
defaultTabId: defaultTabId
|
|
@@ -14186,13 +14306,13 @@ var TabsWithIconBar = function TabsWithIconBar(_ref2) {
|
|
|
14186
14306
|
|
|
14187
14307
|
var _excluded$K = ["closeId", "closeText"];
|
|
14188
14308
|
|
|
14189
|
-
var _templateObject$
|
|
14190
|
-
var StyledButton$7 = styled__default.button(_templateObject$
|
|
14309
|
+
var _templateObject$1F, _templateObject2$1s, _templateObject3$1h, _templateObject4$19;
|
|
14310
|
+
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
14311
|
var theme = _ref.theme;
|
|
14192
|
-
return styled.css(_templateObject2$
|
|
14312
|
+
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
14313
|
}, MOBILE_CLOSE_HEIGHT);
|
|
14194
|
-
var IconContainer$2 = styled__default.div(_templateObject3$
|
|
14195
|
-
var TextWrapper$1 = styled__default.div(_templateObject4$
|
|
14314
|
+
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"])));
|
|
14315
|
+
var TextWrapper$1 = styled__default.div(_templateObject4$19 || (_templateObject4$19 = _taggedTemplateLiteralLoose(["\n text-transform: uppercase;\n"])));
|
|
14196
14316
|
|
|
14197
14317
|
var CloseButton$1 = function CloseButton(_ref2) {
|
|
14198
14318
|
var closeId = _ref2.closeId,
|
|
@@ -14214,9 +14334,9 @@ var CloseButton$1 = function CloseButton(_ref2) {
|
|
|
14214
14334
|
})), React__default.createElement(TextWrapper$1, null, closeText));
|
|
14215
14335
|
};
|
|
14216
14336
|
|
|
14217
|
-
var _templateObject$
|
|
14218
|
-
var Container$
|
|
14219
|
-
var ContentWrapper = styled__default.div(_templateObject2$
|
|
14337
|
+
var _templateObject$1G, _templateObject2$1t;
|
|
14338
|
+
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);
|
|
14339
|
+
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
14340
|
|
|
14221
14341
|
var MobileNavbarContent = function MobileNavbarContent(_ref) {
|
|
14222
14342
|
var closeId = _ref.closeId,
|
|
@@ -14225,14 +14345,14 @@ var MobileNavbarContent = function MobileNavbarContent(_ref) {
|
|
|
14225
14345
|
var _useContext = React.useContext(TabContext),
|
|
14226
14346
|
selected = _useContext.selected;
|
|
14227
14347
|
|
|
14228
|
-
return selected === closeId ? null : React__default.createElement(Container$
|
|
14348
|
+
return selected === closeId ? null : React__default.createElement(Container$14, null, React__default.createElement(ContentWrapper, null, children));
|
|
14229
14349
|
};
|
|
14230
14350
|
|
|
14231
|
-
var _templateObject$
|
|
14232
|
-
var Container$
|
|
14233
|
-
var ItemWrapper = styled__default.div(_templateObject2$
|
|
14351
|
+
var _templateObject$1H, _templateObject2$1u, _templateObject3$1i;
|
|
14352
|
+
var Container$15 = styled__default.div(_templateObject$1H || (_templateObject$1H = _taggedTemplateLiteralLoose([""])));
|
|
14353
|
+
var ItemWrapper = styled__default.div(_templateObject2$1u || (_templateObject2$1u = _taggedTemplateLiteralLoose(["\n padding: 14px 0;\n ", ";\n"])), function (_ref) {
|
|
14234
14354
|
var theme = _ref.theme;
|
|
14235
|
-
return styled.css(_templateObject3$
|
|
14355
|
+
return styled.css(_templateObject3$1i || (_templateObject3$1i = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", "\n "])), theme.colors.divider);
|
|
14236
14356
|
});
|
|
14237
14357
|
|
|
14238
14358
|
var MobileMenu = function MobileMenu(_ref2) {
|
|
@@ -14275,7 +14395,7 @@ var MobileMenu = function MobileMenu(_ref2) {
|
|
|
14275
14395
|
var handleCloseMenu = React.useCallback(function () {
|
|
14276
14396
|
setSelected(closeId);
|
|
14277
14397
|
}, [closeId, setSelected]);
|
|
14278
|
-
return React__default.createElement(Container$
|
|
14398
|
+
return React__default.createElement(Container$15, null, content.items.map(function (item, key) {
|
|
14279
14399
|
return React__default.createElement(ItemWrapper, {
|
|
14280
14400
|
key: key,
|
|
14281
14401
|
"data-key": key
|
|
@@ -14303,10 +14423,10 @@ var MobileMenu = function MobileMenu(_ref2) {
|
|
|
14303
14423
|
})));
|
|
14304
14424
|
};
|
|
14305
14425
|
|
|
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$
|
|
14426
|
+
var _templateObject$1I, _templateObject2$1v, _templateObject3$1j;
|
|
14427
|
+
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);
|
|
14428
|
+
var LogoMark$1 = styled__default.div(_templateObject2$1v || (_templateObject2$1v = _taggedTemplateLiteralLoose(["\n margin-right: 15px;\n"])));
|
|
14429
|
+
var SVGObject$1 = styled__default.object(_templateObject3$1j || (_templateObject3$1j = _taggedTemplateLiteralLoose([""])));
|
|
14310
14430
|
|
|
14311
14431
|
var MobileLogoLink = function MobileLogoLink(_ref) {
|
|
14312
14432
|
var _ref$home = _ref.home,
|
|
@@ -14330,8 +14450,8 @@ var MobileLogoLink = function MobileLogoLink(_ref) {
|
|
|
14330
14450
|
|
|
14331
14451
|
var _excluded$L = ["closeId", "hasLanguage", "hasLogout", "logoutLink", "hasCurrentUser", "userSubmenu", "userDrawerBespoke", "loggedInUser", "onLogout", "onLanguageToggle"];
|
|
14332
14452
|
|
|
14333
|
-
var _templateObject$
|
|
14334
|
-
var Container$
|
|
14453
|
+
var _templateObject$1J;
|
|
14454
|
+
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
14455
|
var theme = _ref.theme;
|
|
14336
14456
|
return theme.styles.global.mainMenu.background;
|
|
14337
14457
|
});
|
|
@@ -14355,7 +14475,7 @@ var MobileUserMenu = function MobileUserMenu(_ref2) {
|
|
|
14355
14475
|
var handleCloseMenu = React.useCallback(function () {
|
|
14356
14476
|
setSelected(closeId);
|
|
14357
14477
|
}, [closeId, setSelected]);
|
|
14358
|
-
return React__default.createElement(Container$
|
|
14478
|
+
return React__default.createElement(Container$16, null, React__default.createElement(UserMenu, Object.assign({}, _extends({
|
|
14359
14479
|
hasLanguage: hasLanguage,
|
|
14360
14480
|
hasLogout: hasLogout,
|
|
14361
14481
|
logoutLink: logoutLink,
|
|
@@ -14372,17 +14492,17 @@ var MobileUserMenu = function MobileUserMenu(_ref2) {
|
|
|
14372
14492
|
|
|
14373
14493
|
var _excluded$M = ["content", "home", "logoMark", "supportUrl", "defaultMenuOpen", "closeText", "hasLanguage", "hasLogout", "logoutLink", "hasCurrentUser", "hasNotifications", "userSubmenu", "userDrawerBespoke", "loggedInUser", "notificationsHistory", "customDrawer", "onLogout", "onLanguageToggle"];
|
|
14374
14494
|
|
|
14375
|
-
var _templateObject$
|
|
14495
|
+
var _templateObject$1K, _templateObject2$1w;
|
|
14376
14496
|
var CLOSE_ID = 'closeMenu';
|
|
14377
14497
|
var NOTI_TAB = 'notifications';
|
|
14378
14498
|
var USER_TAB = 'user';
|
|
14379
14499
|
var MENU_TAB = 'menu';
|
|
14380
14500
|
var CUSTOM_TAB = 'custom';
|
|
14381
|
-
var Container$
|
|
14501
|
+
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
14502
|
var theme = _ref.theme;
|
|
14383
14503
|
return theme.styles.global.mainMenu.background.backgroundColor;
|
|
14384
14504
|
});
|
|
14385
|
-
var HeaderContainer = styled__default.div(_templateObject2$
|
|
14505
|
+
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
14506
|
var theme = _ref2.theme;
|
|
14387
14507
|
return theme.colors.divider;
|
|
14388
14508
|
}, TabListWrapper);
|
|
@@ -14409,7 +14529,7 @@ var MobileNavbar = function MobileNavbar(_ref3) {
|
|
|
14409
14529
|
onLanguageToggle = _ref3.onLanguageToggle,
|
|
14410
14530
|
props = _objectWithoutPropertiesLoose(_ref3, _excluded$M);
|
|
14411
14531
|
|
|
14412
|
-
return React__default.createElement(Container$
|
|
14532
|
+
return React__default.createElement(Container$17, null, React__default.createElement(Tabs, null, React__default.createElement(HeaderContainer, null, React__default.createElement(MobileLogoLink, Object.assign({}, {
|
|
14413
14533
|
home: home,
|
|
14414
14534
|
logoMark: logoMark
|
|
14415
14535
|
}, {
|
|
@@ -14466,7 +14586,7 @@ var MobileNavbar = function MobileNavbar(_ref3) {
|
|
|
14466
14586
|
})))));
|
|
14467
14587
|
};
|
|
14468
14588
|
|
|
14469
|
-
var _excluded$N = ["content", "home", "openWidth", "logoMark", "logoText", "supportUrl", "defaultMenuOpen", "canAlwaysPin", "paddingOverride", "maxWidth", "children", "onMenuToggle"];
|
|
14589
|
+
var _excluded$N = ["content", "home", "openWidth", "logoMark", "logoText", "supportUrl", "defaultMenuOpen", "canAlwaysPin", "paddingOverride", "maxWidth", "legacyLayout", "children", "onMenuToggle"];
|
|
14470
14590
|
|
|
14471
14591
|
var GlobalUI = function GlobalUI(_ref) {
|
|
14472
14592
|
var content = _ref.content,
|
|
@@ -14479,6 +14599,7 @@ var GlobalUI = function GlobalUI(_ref) {
|
|
|
14479
14599
|
canAlwaysPin = _ref.canAlwaysPin,
|
|
14480
14600
|
paddingOverride = _ref.paddingOverride,
|
|
14481
14601
|
maxWidth = _ref.maxWidth,
|
|
14602
|
+
legacyLayout = _ref.legacyLayout,
|
|
14482
14603
|
children = _ref.children,
|
|
14483
14604
|
onMenuToggle = _ref.onMenuToggle,
|
|
14484
14605
|
props = _objectWithoutPropertiesLoose(_ref, _excluded$N);
|
|
@@ -14498,7 +14619,8 @@ var GlobalUI = function GlobalUI(_ref) {
|
|
|
14498
14619
|
onMenuToggle: onMenuToggle
|
|
14499
14620
|
})), React__default.createElement(MainContainer, null, React__default.createElement(TopBar, Object.assign({}, _extends({}, props))), React__default.createElement(ContentArea, Object.assign({}, {
|
|
14500
14621
|
maxWidth: maxWidth,
|
|
14501
|
-
paddingOverride: paddingOverride
|
|
14622
|
+
paddingOverride: paddingOverride,
|
|
14623
|
+
legacyLayout: legacyLayout
|
|
14502
14624
|
}), children))) : React__default.createElement(MobileLayout, null, React__default.createElement(MobileNavbar, Object.assign({}, _extends({
|
|
14503
14625
|
content: content,
|
|
14504
14626
|
home: home,
|
|
@@ -14510,16 +14632,16 @@ var GlobalUI = function GlobalUI(_ref) {
|
|
|
14510
14632
|
|
|
14511
14633
|
var _excluded$O = ["children"];
|
|
14512
14634
|
|
|
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$
|
|
14635
|
+
var _templateObject$1L, _templateObject2$1x, _templateObject3$1k, _templateObject4$1a, _templateObject5$11, _templateObject6$O, _templateObject7$K, _templateObject8$E, _templateObject9$w;
|
|
14636
|
+
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"])));
|
|
14637
|
+
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"])));
|
|
14638
|
+
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"])));
|
|
14639
|
+
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"])));
|
|
14640
|
+
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"])));
|
|
14641
|
+
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"])));
|
|
14642
|
+
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"])));
|
|
14643
|
+
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"])));
|
|
14644
|
+
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
14645
|
var SidebarLink = function SidebarLink(_ref) {
|
|
14524
14646
|
var title = _ref.title,
|
|
14525
14647
|
to = _ref.to;
|
|
@@ -14537,7 +14659,7 @@ var Sidebar = function Sidebar(_ref3) {
|
|
|
14537
14659
|
var children = _ref3.children,
|
|
14538
14660
|
props = _objectWithoutPropertiesLoose(_ref3, _excluded$O);
|
|
14539
14661
|
|
|
14540
|
-
return React__default.createElement(Container$
|
|
14662
|
+
return React__default.createElement(Container$18, Object.assign({}, props), children);
|
|
14541
14663
|
};
|
|
14542
14664
|
|
|
14543
14665
|
Object.defineProperty(exports, 'IconSVGs', {
|
|
@@ -14552,7 +14674,7 @@ exports.AlertBar = AlertBar;
|
|
|
14552
14674
|
exports.AlertWrapper = AlertWrapper;
|
|
14553
14675
|
exports.AreaUploadManager = AreaUploadManager;
|
|
14554
14676
|
exports.AvatarUploader = AvatarUploader;
|
|
14555
|
-
exports.BackLink = BackLink;
|
|
14677
|
+
exports.BackLink = BackLink$1;
|
|
14556
14678
|
exports.BasicSearchInput = BasicSearchInput;
|
|
14557
14679
|
exports.Button = Button;
|
|
14558
14680
|
exports.ButtonWithIcon = ButtonWithIcon;
|
|
@@ -14561,7 +14683,8 @@ exports.CameraPanelWrapper = CameraPanelWrapper;
|
|
|
14561
14683
|
exports.CameraPanels = CameraPanels;
|
|
14562
14684
|
exports.Checkbox = Checkbox;
|
|
14563
14685
|
exports.ConfirmationModal = ConfirmationModal;
|
|
14564
|
-
exports.Content = Content;
|
|
14686
|
+
exports.Content = Content$1;
|
|
14687
|
+
exports.ContentLayout = ContentLayout;
|
|
14565
14688
|
exports.Controls = Controls;
|
|
14566
14689
|
exports.CropTool = CropTool;
|
|
14567
14690
|
exports.DatePicker = DatePicker;
|
|
@@ -14577,6 +14700,7 @@ exports.FilterInputs = FilterInputs;
|
|
|
14577
14700
|
exports.FilterLayout = FilterLayout;
|
|
14578
14701
|
exports.FiltersResults = FiltersResults;
|
|
14579
14702
|
exports.Form = Form;
|
|
14703
|
+
exports.FullWidthContentBlock = FullWidthContentBlock;
|
|
14580
14704
|
exports.GlobalUI = GlobalUI;
|
|
14581
14705
|
exports.Icon = Icon;
|
|
14582
14706
|
exports.IconButton = IconButton$2;
|
|
@@ -14637,10 +14761,12 @@ exports.TagListWrapper = TagListWrapper;
|
|
|
14637
14761
|
exports.TextArea = TextArea;
|
|
14638
14762
|
exports.TextAreaField = TextAreaField;
|
|
14639
14763
|
exports.TextField = TextField;
|
|
14764
|
+
exports.ThemeVariables = GlobalStyle;
|
|
14640
14765
|
exports.TopBar = TopBar;
|
|
14641
14766
|
exports.TypeTable = TypeTable;
|
|
14767
|
+
exports.UtilityHeader = UtilityHeader;
|
|
14642
14768
|
exports.WebRTCClient = WebRTCPlayer;
|
|
14643
|
-
exports.defaultTheme =
|
|
14769
|
+
exports.defaultTheme = index;
|
|
14644
14770
|
exports.isDateInterval = isDateInterval;
|
|
14645
14771
|
exports.isFilterItem = isFilterItem;
|
|
14646
14772
|
exports.resetButtonStyles = resetButtonStyles;
|