cozy-ui 121.5.0 → 121.7.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/CHANGELOG.md +15 -0
- package/assets/icons/twake/illus/chat-text.svg +1 -0
- package/assets/icons/twake/illus/drive-text.svg +1 -0
- package/assets/icons/twake/illus/mail-text.svg +1 -0
- package/assets/icons/twake/illus/notes-text.svg +1 -0
- package/assets/icons/twake/illus/pass-text.svg +1 -0
- package/assets/icons/twake/illus/store-text.svg +1 -0
- package/assets/icons/twake/illus/twake-text.svg +1 -0
- package/assets/icons/twake/illus/workplace-text.svg +1 -0
- package/assets/icons/ui/cloud-rainbow.svg +1 -0
- package/assets/icons/ui/mosaic.svg +1 -0
- package/assets/icons/ui/person-add.svg +1 -0
- package/package.json +1 -1
- package/react/AppTitle/Readme.md +15 -2
- package/react/AppTitle/index.jsx +91 -10
- package/react/AppTitle/styles.styl +8 -0
- package/react/Icon/Readme.md +8 -2
- package/react/Icons/ChatText.jsx +73 -0
- package/react/Icons/CloudRainbow.jsx +63 -0
- package/react/Icons/DriveText.jsx +88 -0
- package/react/Icons/MailText.jsx +73 -0
- package/react/Icons/Mosaic.jsx +16 -0
- package/react/Icons/NotesText.jsx +88 -0
- package/react/Icons/PassText.jsx +15 -0
- package/react/Icons/PersonAdd.jsx +12 -0
- package/react/Icons/StoreText.jsx +88 -0
- package/react/Icons/TwakeText.jsx +14 -0
- package/react/Icons/WorkplaceText.jsx +15 -0
- package/transpiled/react/AppTitle/index.js +84 -8
- package/transpiled/react/Icon/icons-sprite.js +1 -1
- package/transpiled/react/Icons/ChatText.js +72 -0
- package/transpiled/react/Icons/CloudRainbow.js +66 -0
- package/transpiled/react/Icons/DriveText.js +87 -0
- package/transpiled/react/Icons/MailText.js +72 -0
- package/transpiled/react/Icons/Mosaic.js +15 -0
- package/transpiled/react/Icons/NotesText.js +87 -0
- package/transpiled/react/Icons/PassText.js +15 -0
- package/transpiled/react/Icons/PersonAdd.js +13 -0
- package/transpiled/react/Icons/StoreText.js +92 -0
- package/transpiled/react/Icons/TwakeText.js +18 -0
- package/transpiled/react/Icons/WorkplaceText.js +15 -0
- package/transpiled/react/stylesheet.css +1 -1
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/illus/mail-text.svg` to regenerate;
|
|
2
|
+
import React from 'react'
|
|
3
|
+
|
|
4
|
+
function SvgMailText(props) {
|
|
5
|
+
return (
|
|
6
|
+
<svg viewBox="0 0 311 125" fill="none" {...props}>
|
|
7
|
+
<path
|
|
8
|
+
d="M0 5.046h29.266l24.389 51.973c6.84 14.465 11.213 24.949 13.12 31.453 1.569-6.055 5.886-16.54 12.95-31.453l24.557-51.973h28.257v117.738h-23.043v-47.6c0-7.737.112-14.016.337-18.838.224-4.822.672-9.924 1.345-15.306l-39.19 81.744H60.551L21.36 41.04c.673 5.382 1.121 10.484 1.346 15.306.224 4.822.336 11.1.336 18.838v47.6H0V5.046z"
|
|
9
|
+
fill="url(#mail-text_svg__paint0_linear_59620_156)"
|
|
10
|
+
/>
|
|
11
|
+
<path
|
|
12
|
+
d="M187.488 124.97c-7.849 0-15.081-2.018-21.697-6.055-6.616-4.149-11.886-9.699-15.811-16.651-3.812-6.952-5.718-14.577-5.718-22.875s1.906-15.923 5.718-22.875c3.925-7.064 9.195-12.67 15.811-16.82 6.616-4.148 13.848-6.223 21.697-6.223 7.177 0 12.951 1.346 17.325 4.037 4.485 2.691 7.961 6.56 10.428 11.605V35.322h22.538v87.463h-22.034v-14.297c-2.579 5.27-6.111 9.363-10.596 12.278-4.373 2.804-10.26 4.205-17.661 4.205zm-20.52-45.75c0 4.486 1.009 8.69 3.028 12.615 2.13 3.813 4.99 6.897 8.578 9.251 3.7 2.243 7.905 3.364 12.615 3.364 4.821 0 9.082-1.121 12.783-3.364 3.812-2.242 6.727-5.27 8.746-9.082 2.018-3.813 3.027-8.018 3.027-12.615 0-4.597-1.009-8.802-3.027-12.615-2.019-3.924-4.934-7.008-8.746-9.25-3.701-2.355-7.962-3.533-12.783-3.533-4.71 0-8.915 1.178-12.615 3.532-3.7 2.243-6.56 5.27-8.578 9.083-2.019 3.812-3.028 8.017-3.028 12.615z"
|
|
13
|
+
fill="url(#mail-text_svg__paint1_linear_59620_156)"
|
|
14
|
+
/>
|
|
15
|
+
<path
|
|
16
|
+
d="M251.27 35.321h22.707v87.463H251.27V35.321zm-2.354-20.688c0-3.7 1.289-6.84 3.868-9.419 2.691-2.579 5.943-3.868 9.756-3.868 3.924 0 7.176 1.29 9.755 3.868 2.579 2.58 3.869 5.719 3.869 9.42 0 3.812-1.29 7.007-3.869 9.586-2.579 2.58-5.831 3.869-9.755 3.869-3.813 0-7.065-1.29-9.756-3.869-2.579-2.69-3.868-5.886-3.868-9.587z"
|
|
17
|
+
fill="url(#mail-text_svg__paint2_linear_59620_156)"
|
|
18
|
+
/>
|
|
19
|
+
<path
|
|
20
|
+
d="M287.406 0h22.707v122.784h-22.707V0z"
|
|
21
|
+
fill="url(#mail-text_svg__paint3_linear_59620_156)"
|
|
22
|
+
/>
|
|
23
|
+
<defs>
|
|
24
|
+
<linearGradient
|
|
25
|
+
id="mail-text_svg__paint0_linear_59620_156"
|
|
26
|
+
x1={35.555}
|
|
27
|
+
y1={-30.948}
|
|
28
|
+
x2={35.555}
|
|
29
|
+
y2={124.826}
|
|
30
|
+
gradientUnits="userSpaceOnUse"
|
|
31
|
+
>
|
|
32
|
+
<stop stopColor="#57B9FF" />
|
|
33
|
+
<stop offset={1} stopColor="#0B84FF" />
|
|
34
|
+
</linearGradient>
|
|
35
|
+
<linearGradient
|
|
36
|
+
id="mail-text_svg__paint1_linear_59620_156"
|
|
37
|
+
x1={35.555}
|
|
38
|
+
y1={-30.948}
|
|
39
|
+
x2={35.555}
|
|
40
|
+
y2={124.826}
|
|
41
|
+
gradientUnits="userSpaceOnUse"
|
|
42
|
+
>
|
|
43
|
+
<stop stopColor="#57B9FF" />
|
|
44
|
+
<stop offset={1} stopColor="#0B84FF" />
|
|
45
|
+
</linearGradient>
|
|
46
|
+
<linearGradient
|
|
47
|
+
id="mail-text_svg__paint2_linear_59620_156"
|
|
48
|
+
x1={35.555}
|
|
49
|
+
y1={-30.948}
|
|
50
|
+
x2={35.555}
|
|
51
|
+
y2={124.826}
|
|
52
|
+
gradientUnits="userSpaceOnUse"
|
|
53
|
+
>
|
|
54
|
+
<stop stopColor="#57B9FF" />
|
|
55
|
+
<stop offset={1} stopColor="#0B84FF" />
|
|
56
|
+
</linearGradient>
|
|
57
|
+
<linearGradient
|
|
58
|
+
id="mail-text_svg__paint3_linear_59620_156"
|
|
59
|
+
x1={35.555}
|
|
60
|
+
y1={-30.948}
|
|
61
|
+
x2={35.555}
|
|
62
|
+
y2={124.826}
|
|
63
|
+
gradientUnits="userSpaceOnUse"
|
|
64
|
+
>
|
|
65
|
+
<stop stopColor="#57B9FF" />
|
|
66
|
+
<stop offset={1} stopColor="#0B84FF" />
|
|
67
|
+
</linearGradient>
|
|
68
|
+
</defs>
|
|
69
|
+
</svg>
|
|
70
|
+
)
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
export default SvgMailText
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/mosaic.svg` to regenerate;
|
|
2
|
+
import React from 'react'
|
|
3
|
+
|
|
4
|
+
function SvgMosaic(props) {
|
|
5
|
+
return (
|
|
6
|
+
<svg viewBox="0 0 16 16" {...props}>
|
|
7
|
+
<path
|
|
8
|
+
fillRule="evenodd"
|
|
9
|
+
clipRule="evenodd"
|
|
10
|
+
d="M9.289 1.92l.02-.02.737-.737.02-.02c.241-.24.454-.453.645-.615a2.11 2.11 0 01.718-.426c.418-.136.87-.136 1.288 0 .286.093.515.253.718.426.191.162.404.374.644.615l.02.02.738.737.02.02c.24.241.454.454.615.645.173.203.333.432.426.718.136.419.136.87 0 1.288a2.117 2.117 0 01-.426.718c-.162.191-.374.404-.615.644l-.02.02-.737.738-.02.02c-.241.24-.454.454-.645.615a2.118 2.118 0 01-.718.426c-.418.136-.87.136-1.288 0a2.117 2.117 0 01-.718-.426 10.947 10.947 0 01-.644-.615l-.02-.02-.738-.737-.02-.02c-.24-.241-.454-.454-.615-.645a2.118 2.118 0 01-.426-.718 2.084 2.084 0 010-1.288 2.11 2.11 0 01.426-.718c.161-.191.374-.404.615-.644zm.576 1.657c-.11.129-.126.177-.13.189a.521.521 0 000 .322c.004.012.02.06.13.19.116.136.283.303.55.57l.737.737c.267.267.434.434.57.55.13.11.178.126.19.13a.521.521 0 00.322 0c.011-.004.06-.02.19-.13.136-.116.303-.283.57-.55l.737-.737c.267-.267.434-.434.55-.57.11-.13.126-.178.13-.19a.521.521 0 000-.322c-.004-.012-.02-.06-.13-.19a11.036 11.036 0 00-.55-.57l-.737-.737a10.98 10.98 0 00-.57-.55c-.13-.11-.178-.126-.19-.13a.521.521 0 00-.322 0c-.012.004-.06.02-.19.13a10.98 10.98 0 00-.57.55l-.737.737c-.267.267-.434.434-.55.57zM3.91 7.314h.028c.34 0 .641 0 .89-.02a2.12 2.12 0 00.81-.207c.392-.2.71-.519.91-.91a2.12 2.12 0 00.207-.81c.02-.249.02-.55.02-.89V3.376c0-.34 0-.64-.02-.89a2.119 2.119 0 00-.206-.808 2.085 2.085 0 00-.911-.911 2.118 2.118 0 00-.81-.207c-.249-.02-.55-.02-.89-.02H2.837c-.34 0-.64 0-.89.02a2.12 2.12 0 00-.809.207c-.392.2-.71.519-.91.91a2.118 2.118 0 00-.208.81c-.02.249-.02.55-.02.89v1.101c0 .34 0 .64.02.89.022.265.07.54.207.808.2.392.519.711.911.911.268.137.543.185.809.207.25.02.55.02.89.02H3.91zm1.018-1.62c-.011.006-.057.028-.226.042a11.01 11.01 0 01-.792.015H2.866c-.377 0-.614 0-.792-.015-.169-.014-.215-.036-.226-.042a.521.521 0 01-.228-.228c-.005-.01-.028-.057-.041-.226a10.986 10.986 0 01-.016-.792V3.406c0-.378.001-.614.016-.792.013-.17.036-.216.041-.226a.521.521 0 01.228-.228c.01-.006.057-.028.226-.042.178-.014.415-.015.792-.015H3.91c.377 0 .614 0 .792.015.169.014.215.036.226.042.098.05.178.13.228.228.005.01.027.057.041.226.015.178.015.414.015.792v1.042c0 .378 0 .614-.015.792-.014.17-.036.216-.041.226a.521.521 0 01-.228.228zM3.909 16h.028c.34 0 .642 0 .89-.02a2.12 2.12 0 00.81-.207c.392-.2.71-.519.91-.911.137-.268.186-.543.207-.809.02-.25.02-.55.02-.89v-1.101c0-.34 0-.64-.02-.89a2.119 2.119 0 00-.206-.809 2.085 2.085 0 00-.911-.91 2.117 2.117 0 00-.81-.207c-.248-.02-.55-.02-.89-.02H2.838c-.34 0-.64 0-.89.02-.266.021-.54.07-.809.206-.392.2-.71.52-.91.911a2.118 2.118 0 00-.208.81c-.02.248-.02.55-.02.89v1.099c0 .34 0 .64.02.89.022.266.07.54.207.809.2.392.519.71.911.91.268.137.543.186.809.208.25.02.55.02.89.02H3.91zm1.018-1.62c-.011.005-.057.028-.226.041a10.95 10.95 0 01-.792.016H2.866c-.377 0-.614-.001-.792-.016-.169-.013-.215-.036-.226-.041a.521.521 0 01-.228-.228c-.005-.01-.028-.057-.041-.226a10.985 10.985 0 01-.016-.792V12.09c0-.377.001-.614.016-.792.013-.168.036-.215.041-.226a.521.521 0 01.228-.228c.01-.005.057-.027.226-.041.178-.015.415-.015.792-.015H3.91c.377 0 .614 0 .792.015.169.014.215.036.226.041.098.05.178.13.228.228.005.01.027.057.041.226.015.178.015.415.015.793v1.042c0 .377 0 .614-.015.792-.014.169-.036.215-.041.226a.521.521 0 01-.228.228zM12.594 16h.03c.34 0 .64 0 .89-.02.265-.022.54-.07.808-.207.392-.2.711-.519.911-.911a2.12 2.12 0 00.207-.809c.02-.25.02-.55.02-.89v-1.101c0-.34 0-.64-.02-.89a2.12 2.12 0 00-.207-.809 2.085 2.085 0 00-.91-.91 2.117 2.117 0 00-.81-.207c-.249-.02-.55-.02-.89-.02h-1.101c-.34 0-.64 0-.89.02-.265.021-.54.07-.808.206-.392.2-.711.52-.911.911a2.118 2.118 0 00-.207.81c-.02.248-.02.55-.02.89v1.099c0 .34 0 .64.02.89.022.266.07.54.207.809.2.392.519.71.91.91.269.137.544.186.81.208.249.02.55.02.89.02h1.071zm1.018-1.62c-.01.005-.057.028-.226.041a10.6 10.6 0 01-.792.016h-1.042a10.6 10.6 0 01-.792-.016c-.17-.013-.216-.036-.226-.041a.521.521 0 01-.228-.228c-.006-.01-.028-.057-.042-.226a11.009 11.009 0 01-.015-.792V12.09c0-.377 0-.614.015-.792.014-.168.036-.215.042-.226a.521.521 0 01.228-.228c.01-.005.057-.027.226-.041.178-.015.414-.015.792-.015h1.042c.378 0 .614 0 .792.015.17.014.216.036.226.041.098.05.178.13.228.228.006.01.028.057.042.226.014.178.015.415.015.793v1.042c0 .377 0 .614-.015.792-.014.169-.036.215-.042.226a.521.521 0 01-.228.228z"
|
|
11
|
+
/>
|
|
12
|
+
</svg>
|
|
13
|
+
)
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export default SvgMosaic
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/illus/notes-text.svg` to regenerate;
|
|
2
|
+
import React from 'react'
|
|
3
|
+
|
|
4
|
+
function SvgNotesText(props) {
|
|
5
|
+
return (
|
|
6
|
+
<svg viewBox="0 0 479 136" fill="none" {...props}>
|
|
7
|
+
<path
|
|
8
|
+
d="M0 132.881V0h20.122l64.732 76.881c3.037 3.417 6.075 7.024 8.732 11.01-.759-5.695-.949-13.857-.949-21.64V0h24.298v132.881H99.661l-67.2-79.918c-3.037-3.417-6.075-7.024-8.732-11.01.76 5.694.949 13.857.949 21.64v69.288H0z"
|
|
9
|
+
fill="url(#notes-text_svg__paint0_linear_59620_144)"
|
|
10
|
+
/>
|
|
11
|
+
<path
|
|
12
|
+
d="M182.772 135.349c-30.562 0-52.583-23.159-52.583-51.634 0-28.474 22.021-51.824 52.583-51.824 30.563 0 52.583 23.35 52.583 51.824 0 28.475-22.02 51.634-52.583 51.634zm-26.956-51.634c0 15.376 10.631 28.285 26.956 28.285 16.326 0 26.956-12.909 26.956-28.285s-10.63-28.474-26.956-28.474c-16.325 0-26.956 13.098-26.956 28.474z"
|
|
13
|
+
fill="url(#notes-text_svg__paint1_linear_59620_144)"
|
|
14
|
+
/>
|
|
15
|
+
<path
|
|
16
|
+
d="M278.718 132.881c-19.552 0-30.183-9.112-30.183-30.563V56h-13.857V34.17h13.857V14.236l25.627-2.657v22.59h20.882V56h-20.882v44.99c0 6.264 3.038 9.112 7.973 9.112h10.631v22.779h-14.048z"
|
|
17
|
+
fill="url(#notes-text_svg__paint2_linear_59620_144)"
|
|
18
|
+
/>
|
|
19
|
+
<path
|
|
20
|
+
d="M348.282 135.349c-30.563 0-51.064-23.159-51.064-51.634 0-28.474 21.451-52.013 51.064-52.013 29.614 0 50.115 23.539 50.115 52.013 0 2.848-.19 5.885-.759 9.112h-73.844c2.847 11.58 11.58 19.742 24.488 19.742 11.01 0 19.553-5.695 24.108-13.288l19.933 14.997c-7.973 12.339-24.488 21.071-44.041 21.071zm-24.488-61.695h48.786c-2.847-11.01-12.149-19.932-24.678-19.932-12.149 0-21.261 8.163-24.108 19.932z"
|
|
21
|
+
fill="url(#notes-text_svg__paint3_linear_59620_144)"
|
|
22
|
+
/>
|
|
23
|
+
<path
|
|
24
|
+
d="M440.657 135.349c-16.705 0-30.183-5.695-41.004-17.275l17.275-15.756c7.213 8.163 14.807 12.15 23.159 12.15 8.732 0 13.668-4.366 13.668-10.251 0-5.126-2.468-7.973-18.034-11.58-26.386-6.264-30.373-18.224-30.373-30.752 0-17.275 13.668-30.183 36.827-30.183 15.946 0 26.577 3.986 36.638 17.084l-18.604 14.238c-4.746-7.594-10.82-10.63-17.464-10.63-7.024 0-12.339 2.657-12.339 8.731 0 3.417 1.519 6.455 13.288 9.492 28.664 7.403 35.308 18.034 35.308 32.84 0 18.224-16.515 31.892-38.345 31.892z"
|
|
25
|
+
fill="url(#notes-text_svg__paint4_linear_59620_144)"
|
|
26
|
+
/>
|
|
27
|
+
<defs>
|
|
28
|
+
<linearGradient
|
|
29
|
+
id="notes-text_svg__paint0_linear_59620_144"
|
|
30
|
+
x1={236.012}
|
|
31
|
+
y1={7.974}
|
|
32
|
+
x2={236.012}
|
|
33
|
+
y2={132.881}
|
|
34
|
+
gradientUnits="userSpaceOnUse"
|
|
35
|
+
>
|
|
36
|
+
<stop stopColor="#FFC953" />
|
|
37
|
+
<stop offset={1} stopColor="#FFB81E" />
|
|
38
|
+
</linearGradient>
|
|
39
|
+
<linearGradient
|
|
40
|
+
id="notes-text_svg__paint1_linear_59620_144"
|
|
41
|
+
x1={236.012}
|
|
42
|
+
y1={7.974}
|
|
43
|
+
x2={236.012}
|
|
44
|
+
y2={132.881}
|
|
45
|
+
gradientUnits="userSpaceOnUse"
|
|
46
|
+
>
|
|
47
|
+
<stop stopColor="#FFC953" />
|
|
48
|
+
<stop offset={1} stopColor="#FFB81E" />
|
|
49
|
+
</linearGradient>
|
|
50
|
+
<linearGradient
|
|
51
|
+
id="notes-text_svg__paint2_linear_59620_144"
|
|
52
|
+
x1={236.012}
|
|
53
|
+
y1={7.974}
|
|
54
|
+
x2={236.012}
|
|
55
|
+
y2={132.881}
|
|
56
|
+
gradientUnits="userSpaceOnUse"
|
|
57
|
+
>
|
|
58
|
+
<stop stopColor="#FFC953" />
|
|
59
|
+
<stop offset={1} stopColor="#FFB81E" />
|
|
60
|
+
</linearGradient>
|
|
61
|
+
<linearGradient
|
|
62
|
+
id="notes-text_svg__paint3_linear_59620_144"
|
|
63
|
+
x1={236.012}
|
|
64
|
+
y1={7.974}
|
|
65
|
+
x2={236.012}
|
|
66
|
+
y2={132.881}
|
|
67
|
+
gradientUnits="userSpaceOnUse"
|
|
68
|
+
>
|
|
69
|
+
<stop stopColor="#FFC953" />
|
|
70
|
+
<stop offset={1} stopColor="#FFB81E" />
|
|
71
|
+
</linearGradient>
|
|
72
|
+
<linearGradient
|
|
73
|
+
id="notes-text_svg__paint4_linear_59620_144"
|
|
74
|
+
x1={236.012}
|
|
75
|
+
y1={7.974}
|
|
76
|
+
x2={236.012}
|
|
77
|
+
y2={132.881}
|
|
78
|
+
gradientUnits="userSpaceOnUse"
|
|
79
|
+
>
|
|
80
|
+
<stop stopColor="#FFC953" />
|
|
81
|
+
<stop offset={1} stopColor="#FFB81E" />
|
|
82
|
+
</linearGradient>
|
|
83
|
+
</defs>
|
|
84
|
+
</svg>
|
|
85
|
+
)
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
export default SvgNotesText
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/illus/pass-text.svg` to regenerate;
|
|
2
|
+
import React from 'react'
|
|
3
|
+
|
|
4
|
+
function SvgPassText(props) {
|
|
5
|
+
return (
|
|
6
|
+
<svg viewBox="0 0 370 136" fill="none" {...props}>
|
|
7
|
+
<path
|
|
8
|
+
d="M0 132.881V0h44.8c29.803 0 48.027 14.047 48.027 41.953 0 28.094-18.224 42.711-48.027 42.711H26.576v48.217H0zm26.576-72.135h16.705c14.427 0 22.59-5.885 22.59-18.604 0-12.529-8.163-18.413-22.59-18.413H26.576v37.017zm116.25 74.603c-27.145 0-48.786-22.97-48.786-51.444 0-28.475 21.641-51.824 48.786-51.824 17.085 0 26.007 7.024 31.322 17.654V34.17h25.438v98.712h-24.868v-16.135c-5.315 11.2-14.237 18.603-31.892 18.603zm-23.159-51.634c0 14.997 11.01 28.475 27.336 28.475 16.895 0 27.715-12.909 27.715-28.285s-10.82-28.664-27.715-28.664c-16.326 0-27.336 13.098-27.336 28.474zm128.935 51.634c-16.705 0-30.183-5.695-41.003-17.275l17.274-15.756c7.214 8.163 14.807 12.15 23.159 12.15 8.733 0 13.668-4.366 13.668-10.251 0-5.126-2.468-7.973-18.034-11.58-26.386-6.264-30.372-18.224-30.372-30.752 0-17.275 13.667-30.183 36.827-30.183 15.945 0 26.576 3.986 36.637 17.084l-18.604 14.238c-4.745-7.594-10.82-10.63-17.464-10.63-7.024 0-12.339 2.657-12.339 8.731 0 3.417 1.519 6.455 13.288 9.492 28.665 7.403 35.309 18.034 35.309 32.84 0 18.224-16.516 31.892-38.346 31.892zm82.124 0c-16.705 0-30.183-5.695-41.004-17.275l17.275-15.756c7.213 8.163 14.807 12.15 23.159 12.15 8.732 0 13.668-4.366 13.668-10.251 0-5.126-2.468-7.973-18.034-11.58-26.386-6.264-30.373-18.224-30.373-30.752 0-17.275 13.668-30.183 36.827-30.183 15.946 0 26.577 3.986 36.638 17.084l-18.604 14.238c-4.745-7.594-10.82-10.63-17.464-10.63-7.024 0-12.339 2.657-12.339 8.731 0 3.417 1.519 6.455 13.288 9.492 28.664 7.403 35.308 18.034 35.308 32.84 0 18.224-16.515 31.892-38.345 31.892z"
|
|
9
|
+
fill="#A4A5B8"
|
|
10
|
+
/>
|
|
11
|
+
</svg>
|
|
12
|
+
)
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export default SvgPassText
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/person-add.svg` to regenerate;
|
|
2
|
+
import React from 'react'
|
|
3
|
+
|
|
4
|
+
function SvgPersonAdd(props) {
|
|
5
|
+
return (
|
|
6
|
+
<svg viewBox="0 0 16 13" {...props}>
|
|
7
|
+
<path d="M12.768 5.398h-.905a.753.753 0 01-.553-.222.745.745 0 01-.223-.55.76.76 0 01.223-.554.746.746 0 01.553-.226h.905v-.904c0-.22.073-.404.221-.553a.745.745 0 01.55-.223.76.76 0 01.555.223c.15.149.226.333.226.553v.904h.904c.22 0 .404.074.553.222a.745.745 0 01.223.55.76.76 0 01-.223.554.746.746 0 01-.553.226h-.904v.905a.75.75 0 01-.222.552.745.745 0 01-.55.224.759.759 0 01-.554-.224.746.746 0 01-.226-.552v-.905zm-6.706.825c-.868 0-1.604-.302-2.208-.906-.604-.604-.906-1.34-.906-2.208 0-.868.302-1.603.906-2.205C4.458.3 5.194 0 6.062 0 6.93 0 7.665.301 8.27.904c.604.602.906 1.337.906 2.205 0 .868-.302 1.604-.906 2.208-.604.604-1.34.906-2.208.906zM0 10.753v-.36c0-.383.094-.734.281-1.055.188-.32.446-.576.774-.766.76-.44 1.563-.778 2.409-1.013a9.646 9.646 0 012.598-.353c.893 0 1.762.117 2.607.35.846.234 1.646.57 2.4 1.01.328.191.586.446.773.765.188.32.282.673.282 1.061v.36c0 .471-.166.872-.497 1.203a1.64 1.64 0 01-1.203.497h-8.73c-.472 0-.871-.166-1.2-.497A1.643 1.643 0 010 10.753z" />
|
|
8
|
+
</svg>
|
|
9
|
+
)
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export default SvgPersonAdd
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/illus/store-text.svg` to regenerate;
|
|
2
|
+
import React from 'react'
|
|
3
|
+
|
|
4
|
+
function SvgStoreText(props) {
|
|
5
|
+
return (
|
|
6
|
+
<svg viewBox="0 0 440 138" fill="none" {...props}>
|
|
7
|
+
<path
|
|
8
|
+
d="M51.78 137.863c-21.07 0-39.294-8.352-50.874-28.664l22.97-14.617c6.834 13.668 17.844 19.553 29.423 19.553 12.34 0 19.933-6.075 19.933-15.187 0-13.288-14.048-17.464-30.373-21.64-20.502-5.316-33.6-17.275-33.6-37.397C9.259 15.992 28.052.237 56.147.237c20.691 0 33.98 9.111 43.85 24.678L77.219 38.962c-6.454-10.25-12.529-14.997-22.4-14.997-10.63 0-18.413 5.695-18.413 14.617 0 9.871 9.491 13.099 21.07 16.705 15.567 4.936 42.902 11.77 42.902 42.143 0 24.108-18.413 40.433-48.596 40.433z"
|
|
9
|
+
fill="url(#store-text_svg__paint0_linear_59617_306)"
|
|
10
|
+
/>
|
|
11
|
+
<path
|
|
12
|
+
d="M147.626 135.396c-19.553 0-30.183-9.112-30.183-30.563V58.514h-13.858v-21.83h13.858V16.752l25.627-2.658v22.59h20.881v21.83H143.07v44.99c0 6.265 3.037 9.112 7.973 9.112h10.63v22.78h-14.047z"
|
|
13
|
+
fill="url(#store-text_svg__paint1_linear_59617_306)"
|
|
14
|
+
/>
|
|
15
|
+
<path
|
|
16
|
+
d="M218.708 137.863c-30.562 0-52.583-23.159-52.583-51.633 0-28.475 22.021-51.824 52.583-51.824 30.563 0 52.583 23.35 52.583 51.824 0 28.474-22.02 51.633-52.583 51.633zM191.752 86.23c0 15.376 10.631 28.284 26.956 28.284 16.326 0 26.956-12.908 26.956-28.284 0-15.377-10.63-28.475-26.956-28.475-16.325 0-26.956 13.098-26.956 28.475z"
|
|
17
|
+
fill="url(#store-text_svg__paint2_linear_59617_306)"
|
|
18
|
+
/>
|
|
19
|
+
<path
|
|
20
|
+
d="M282.634 135.396V36.684h24.867v18.793c3.417-14.237 13.478-22.02 30.563-21.071v24.108h-3.607c-14.807 0-26.196 9.872-26.196 26.387v50.495h-25.627z"
|
|
21
|
+
fill="url(#store-text_svg__paint3_linear_59617_306)"
|
|
22
|
+
/>
|
|
23
|
+
<path
|
|
24
|
+
d="M389.038 137.863c-30.563 0-51.064-23.159-51.064-51.633 0-28.475 21.45-52.014 51.064-52.014 29.613 0 50.115 23.54 50.115 52.014 0 2.847-.19 5.884-.759 9.111H364.55c2.847 11.58 11.579 19.743 24.488 19.743 11.01 0 19.552-5.695 24.108-13.288l19.932 14.996c-7.972 12.339-24.488 21.071-44.04 21.071zM364.55 76.169h48.786c-2.847-11.01-12.149-19.932-24.678-19.932-12.149 0-21.261 8.162-24.108 19.932z"
|
|
25
|
+
fill="url(#store-text_svg__paint4_linear_59617_306)"
|
|
26
|
+
/>
|
|
27
|
+
<defs>
|
|
28
|
+
<linearGradient
|
|
29
|
+
id="store-text_svg__paint0_linear_59617_306"
|
|
30
|
+
x1={417.866}
|
|
31
|
+
y1={296.396}
|
|
32
|
+
x2={48.603}
|
|
33
|
+
y2={-221.128}
|
|
34
|
+
gradientUnits="userSpaceOnUse"
|
|
35
|
+
>
|
|
36
|
+
<stop offset={0.45} stopColor="#3D74FE" />
|
|
37
|
+
<stop offset={1} stopColor="#91CFFF" />
|
|
38
|
+
</linearGradient>
|
|
39
|
+
<linearGradient
|
|
40
|
+
id="store-text_svg__paint1_linear_59617_306"
|
|
41
|
+
x1={417.866}
|
|
42
|
+
y1={296.396}
|
|
43
|
+
x2={48.603}
|
|
44
|
+
y2={-221.128}
|
|
45
|
+
gradientUnits="userSpaceOnUse"
|
|
46
|
+
>
|
|
47
|
+
<stop offset={0.45} stopColor="#3D74FE" />
|
|
48
|
+
<stop offset={1} stopColor="#91CFFF" />
|
|
49
|
+
</linearGradient>
|
|
50
|
+
<linearGradient
|
|
51
|
+
id="store-text_svg__paint2_linear_59617_306"
|
|
52
|
+
x1={417.866}
|
|
53
|
+
y1={296.396}
|
|
54
|
+
x2={48.603}
|
|
55
|
+
y2={-221.128}
|
|
56
|
+
gradientUnits="userSpaceOnUse"
|
|
57
|
+
>
|
|
58
|
+
<stop offset={0.45} stopColor="#3D74FE" />
|
|
59
|
+
<stop offset={1} stopColor="#91CFFF" />
|
|
60
|
+
</linearGradient>
|
|
61
|
+
<linearGradient
|
|
62
|
+
id="store-text_svg__paint3_linear_59617_306"
|
|
63
|
+
x1={417.866}
|
|
64
|
+
y1={296.396}
|
|
65
|
+
x2={48.603}
|
|
66
|
+
y2={-221.128}
|
|
67
|
+
gradientUnits="userSpaceOnUse"
|
|
68
|
+
>
|
|
69
|
+
<stop offset={0.45} stopColor="#3D74FE" />
|
|
70
|
+
<stop offset={1} stopColor="#91CFFF" />
|
|
71
|
+
</linearGradient>
|
|
72
|
+
<linearGradient
|
|
73
|
+
id="store-text_svg__paint4_linear_59617_306"
|
|
74
|
+
x1={417.866}
|
|
75
|
+
y1={296.396}
|
|
76
|
+
x2={48.603}
|
|
77
|
+
y2={-221.128}
|
|
78
|
+
gradientUnits="userSpaceOnUse"
|
|
79
|
+
>
|
|
80
|
+
<stop offset={0.45} stopColor="#3D74FE" />
|
|
81
|
+
<stop offset={1} stopColor="#91CFFF" />
|
|
82
|
+
</linearGradient>
|
|
83
|
+
</defs>
|
|
84
|
+
</svg>
|
|
85
|
+
)
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
export default SvgStoreText
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/illus/twake-text.svg` to regenerate;
|
|
2
|
+
import React from 'react'
|
|
3
|
+
|
|
4
|
+
function SvgTwakeText(props) {
|
|
5
|
+
return (
|
|
6
|
+
<svg viewBox="0 0 86 23" fill="none" {...props}>
|
|
7
|
+
<path d="M6.495 5.381H.635V1.69h15.822v3.692h-5.86V22.2H6.495V5.38z" />
|
|
8
|
+
<path d="M13.606 6.963h4.63l1.963 8.644c.215.88.37 1.65.469 2.315.136-.84.302-1.621.498-2.344l2.227-8.615h4.541l2.374 8.615c.195.723.36 1.504.498 2.344.097-.664.254-1.436.468-2.315l2.11-8.644h4.307L32.945 22.2h-4.278l-2.49-8.673a13.054 13.054 0 01-.528-2.286c-.137.899-.293 1.66-.47 2.286L22.896 22.2h-4.542L13.606 6.963zm31.16 15.617a7.12 7.12 0 01-3.78-1.054 8.014 8.014 0 01-2.754-2.9c-.664-1.212-.997-2.54-.997-3.986 0-1.445.333-2.774.997-3.985.683-1.23 1.601-2.207 2.754-2.93a6.977 6.977 0 013.78-1.084c1.25 0 2.256.234 3.018.703.781.47 1.387 1.143 1.816 2.022V6.963h3.927V22.2h-3.839v-2.49c-.449.917-1.064 1.63-1.846 2.138-.761.489-1.787.733-3.076.733zm-3.575-7.97c0 .782.176 1.515.527 2.198.372.665.87 1.202 1.495 1.612.644.39 1.377.586 2.197.586.84 0 1.583-.195 2.227-.586a3.955 3.955 0 001.524-1.582 4.623 4.623 0 00.527-2.198c0-.8-.176-1.533-.527-2.197a3.907 3.907 0 00-1.524-1.612c-.644-.41-1.387-.615-2.227-.615-.82 0-1.553.205-2.197.615a4.014 4.014 0 00-1.495 1.582 4.624 4.624 0 00-.527 2.198zm18.642.353V22.2h-3.956V.81h3.956v12.306l5.713-6.153h5.626l-7.179 7.091 7.208 8.146h-5.245l-6.123-7.237z" />
|
|
9
|
+
<path d="M77.594 22.58c-1.543 0-2.91-.35-4.102-1.054a7.632 7.632 0 01-2.783-2.9c-.665-1.212-.997-2.55-.997-4.015a8.13 8.13 0 011.026-4.014 7.792 7.792 0 012.813-2.93c1.21-.723 2.559-1.085 4.043-1.085 1.485 0 2.813.362 3.985 1.085a7.362 7.362 0 012.755 2.93c.664 1.21.996 2.549.996 4.014 0 .488-.04.957-.117 1.406H73.815c.234.918.673 1.66 1.318 2.227.664.547 1.485.82 2.461.82.82 0 1.553-.185 2.198-.556a4.465 4.465 0 001.523-1.494l3.077 2.314c-.625.977-1.543 1.768-2.754 2.374-1.211.586-2.56.879-4.044.879zm3.75-9.522a4.28 4.28 0 00-1.376-2.198c-.684-.586-1.495-.879-2.432-.879-.918 0-1.72.284-2.403.85-.664.567-1.104 1.309-1.319 2.227h7.53z" />
|
|
10
|
+
</svg>
|
|
11
|
+
)
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export default SvgTwakeText
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/illus/workplace-text.svg` to regenerate;
|
|
2
|
+
import React from 'react'
|
|
3
|
+
|
|
4
|
+
function SvgWorkplaceText(props) {
|
|
5
|
+
return (
|
|
6
|
+
<svg viewBox="0 0 890 173" fill="none" {...props}>
|
|
7
|
+
<path
|
|
8
|
+
d="M745.671 136.518c-13.532 0-24.788-4.491-33.769-13.472-8.862-8.981-13.293-20.058-13.293-33.23 0-13.173 4.431-24.25 13.293-33.231 8.981-8.981 20.237-13.472 33.769-13.472 9.101 0 17.244 2.156 24.429 6.467 7.305 4.31 12.993 10.178 17.064 17.603l-13.472 7.544c-2.634-5.269-6.406-9.46-11.316-12.574-4.79-3.113-10.358-4.67-16.705-4.67-9.221 0-16.765 3.114-22.633 9.34-5.867 6.228-8.801 13.892-8.801 22.993 0 9.1 2.934 16.765 8.801 22.991 5.868 6.227 13.412 9.341 22.633 9.341 6.347 0 11.915-1.557 16.705-4.67 4.91-3.114 8.682-7.305 11.316-12.574l13.472 7.544c-4.071 7.425-9.759 13.292-17.064 17.603-7.185 4.311-15.328 6.467-24.429 6.467zm-114.507-.002c-6.945 0-12.873-1.257-17.782-3.772-4.79-2.634-8.443-6.167-10.958-10.598-2.514-4.55-3.772-9.64-3.772-15.268 0-9.46 2.755-16.286 8.263-20.477 5.628-4.191 13.652-6.287 24.07-6.287h30.895v-6.466c0-8.143-1.856-13.772-5.568-16.885-3.593-3.114-9.041-4.67-16.346-4.67-6.826 0-11.795 1.317-14.909 3.951-3.113 2.515-4.85 5.39-5.209 8.622h-15.807c.359-5.149 2.096-9.7 5.209-13.651 3.114-4.072 7.365-7.305 12.754-9.7 5.388-2.395 11.675-3.592 18.86-3.592 7.544 0 14.071 1.197 19.579 3.592 5.509 2.275 9.76 5.928 12.754 10.957 2.993 4.91 4.49 11.436 4.49 19.58v51.911c.12 3.712.419 7.364.898 10.957h-13.831a97.401 97.401 0 01-.718-7.724c-.12-2.515-.18-5.329-.18-8.442-2.515 5.029-6.586 9.28-12.214 12.753-5.629 3.473-12.454 5.209-20.478 5.209zm3.413-14.37c5.03 0 9.58-.898 13.652-2.694 4.191-1.796 7.484-4.431 9.879-7.904 2.515-3.472 3.772-7.724 3.772-12.753v-6.466h-28.201c-5.868 0-10.478 1.197-13.831 3.592-3.353 2.275-5.029 5.928-5.029 10.957 0 4.431 1.556 8.083 4.67 10.957 3.233 2.874 8.263 4.311 15.088 4.311zm-73.792 12.572V0h15.448v134.718h-15.448zm-98.005 37.545h-15.448V44.909h15.448V58.74c3.113-4.55 7.484-8.262 13.112-11.136 5.748-2.994 11.915-4.49 18.502-4.49 12.454 0 22.872 4.55 31.254 13.65 8.503 9.102 12.754 20.119 12.754 33.052s-4.251 23.949-12.754 33.05c-8.382 9.101-18.8 13.652-31.254 13.652-6.587 0-12.754-1.437-18.502-4.311-5.628-2.994-9.999-6.766-13.112-11.316v51.372zm7.364-59.276c5.748 6.227 13.053 9.341 21.915 9.341 8.861 0 16.166-3.114 21.914-9.341 5.748-6.227 8.622-13.95 8.622-23.171s-2.874-16.945-8.622-23.172c-5.748-6.227-13.053-9.34-21.914-9.34-8.862 0-16.167 3.113-21.915 9.34-5.748 6.227-8.622 13.95-8.622 23.172 0 9.22 2.874 16.944 8.622 23.171zm-55.249 21.731l-48.678-44.906v44.906H350.77V0h15.447v79.933l39.158-35.027h20.478l-44.188 39.697 54.067 50.115h-20.837zm-131.719-.001V44.904h15.447v17.424c1.677-5.508 4.91-9.94 9.7-13.292 4.91-3.353 10.059-5.03 15.448-5.03 2.634 0 4.97.24 7.005.719V60.71c-2.155-.958-4.969-1.437-8.442-1.437-6.227 0-11.736 2.695-16.526 8.084-4.79 5.388-7.185 12.992-7.185 22.812v44.547h-15.447zm-68.743 1.801c-13.532 0-24.788-4.491-33.77-13.472-8.861-9.101-13.292-20.178-13.292-33.23 0-13.053 4.431-24.07 13.292-33.051 8.982-9.101 20.238-13.652 33.77-13.652 13.412 0 24.548 4.55 33.41 13.652 8.981 8.98 13.472 19.998 13.472 33.05 0 13.053-4.491 24.13-13.472 33.231-8.862 8.981-19.998 13.472-33.41 13.472zM191.8 112.807c5.868 6.227 13.412 9.341 22.633 9.341 9.22 0 16.705-3.114 22.453-9.341 5.748-6.226 8.622-13.89 8.622-22.991 0-9.101-2.874-16.765-8.622-22.992-5.748-6.227-13.233-9.34-22.453-9.34-9.221 0-16.765 3.113-22.633 9.34-5.748 6.227-8.622 13.89-8.622 22.992 0 9.1 2.874 16.765 8.622 22.991zm-79.714 21.909L80.831 48.137l-31.075 86.579H34.847L0 7.183h17.424l26.584 99.512L80.831 5.027l36.823 101.668 26.764-99.512h17.424l-34.847 127.533h-14.909zm734.429 1.802c-13.771 0-24.968-4.431-33.59-13.292-8.622-8.862-12.933-19.998-12.933-33.41 0-13.293 4.371-24.37 13.113-33.231 8.742-8.981 19.938-13.472 33.59-13.472 12.094 0 22.213 4.072 30.356 12.215 8.263 8.023 12.394 18.98 12.394 32.87 0 1.797-.06 3.354-.179 4.671H815.62c.239 8.383 3.233 15.388 8.981 21.016 5.867 5.628 13.232 8.443 22.094 8.443 12.573 0 21.914-5.21 28.021-15.628l12.214 8.443c-8.741 14.25-22.213 21.375-40.415 21.375zm-29.818-56.223h56.941c-1.197-7.184-4.371-12.873-9.52-17.064-5.029-4.31-11.017-6.466-17.962-6.466-7.066 0-13.412 2.155-19.041 6.466-5.508 4.191-8.981 9.88-10.418 17.064z"
|
|
9
|
+
fill="#DBDBDB"
|
|
10
|
+
/>
|
|
11
|
+
</svg>
|
|
12
|
+
)
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export default SvgWorkplaceText
|
|
@@ -1,26 +1,102 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
var _excluded = ["
|
|
4
|
-
import Typography from '@material-ui/core/Typography';
|
|
3
|
+
var _excluded = ["slug", "tag", "className", "children"];
|
|
5
4
|
import cx from 'classnames';
|
|
6
5
|
import PropTypes from 'prop-types';
|
|
7
6
|
import React from 'react';
|
|
8
7
|
var styles = {
|
|
9
|
-
"c-apptitle": "styles__c-apptitle___eqV9l"
|
|
8
|
+
"c-apptitle": "styles__c-apptitle___eqV9l",
|
|
9
|
+
"c-apptitle-light": "styles__c-apptitle-light___49VIZ",
|
|
10
|
+
"c-apptitle-dark": "styles__c-apptitle-dark___13RM5",
|
|
11
|
+
"c-apptitle-app-icon": "styles__c-apptitle-app-icon___oQp8q"
|
|
10
12
|
};
|
|
11
|
-
|
|
12
|
-
|
|
13
|
+
import Icon from "cozy-ui/transpiled/react/Icon";
|
|
14
|
+
import ChatIcon from "cozy-ui/transpiled/react/Icons/Chat";
|
|
15
|
+
import ChatTextIcon from "cozy-ui/transpiled/react/Icons/ChatText";
|
|
16
|
+
import DriveIcon from "cozy-ui/transpiled/react/Icons/Drive";
|
|
17
|
+
import DriveTextIcon from "cozy-ui/transpiled/react/Icons/DriveText";
|
|
18
|
+
import MailIcon from "cozy-ui/transpiled/react/Icons/Mail";
|
|
19
|
+
import MailTextIcon from "cozy-ui/transpiled/react/Icons/MailText";
|
|
20
|
+
import NotesIcon from "cozy-ui/transpiled/react/Icons/Notes";
|
|
21
|
+
import NotesTextIcon from "cozy-ui/transpiled/react/Icons/NotesText";
|
|
22
|
+
import PassIcon from "cozy-ui/transpiled/react/Icons/Pass";
|
|
23
|
+
import PassTextIcon from "cozy-ui/transpiled/react/Icons/PassText";
|
|
24
|
+
import StoreIcon from "cozy-ui/transpiled/react/Icons/Store";
|
|
25
|
+
import StoreTextIcon from "cozy-ui/transpiled/react/Icons/StoreText";
|
|
26
|
+
import TwakeTextIcon from "cozy-ui/transpiled/react/Icons/TwakeText";
|
|
27
|
+
import TwakeWorkplaceIcon from "cozy-ui/transpiled/react/Icons/TwakeWorkplace";
|
|
28
|
+
import WorkplaceTextIcon from "cozy-ui/transpiled/react/Icons/WorkplaceText";
|
|
29
|
+
import Typography from "cozy-ui/transpiled/react/Typography";
|
|
30
|
+
import { useCozyTheme } from "cozy-ui/transpiled/react/providers/CozyTheme";
|
|
31
|
+
var SLUG_TO_ICONS = {
|
|
32
|
+
chat: {
|
|
33
|
+
icon: ChatIcon,
|
|
34
|
+
text: ChatTextIcon
|
|
35
|
+
},
|
|
36
|
+
drive: {
|
|
37
|
+
icon: DriveIcon,
|
|
38
|
+
text: DriveTextIcon
|
|
39
|
+
},
|
|
40
|
+
mail: {
|
|
41
|
+
icon: MailIcon,
|
|
42
|
+
text: MailTextIcon
|
|
43
|
+
},
|
|
44
|
+
notes: {
|
|
45
|
+
icon: NotesIcon,
|
|
46
|
+
text: NotesTextIcon
|
|
47
|
+
},
|
|
48
|
+
pass: {
|
|
49
|
+
icon: PassIcon,
|
|
50
|
+
text: PassTextIcon
|
|
51
|
+
},
|
|
52
|
+
store: {
|
|
53
|
+
icon: StoreIcon,
|
|
54
|
+
text: StoreTextIcon
|
|
55
|
+
},
|
|
56
|
+
home: {
|
|
57
|
+
icon: TwakeWorkplaceIcon,
|
|
58
|
+
text: WorkplaceTextIcon
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
var AppTitle = function AppTitle(_ref) {
|
|
63
|
+
var slug = _ref.slug,
|
|
13
64
|
tag = _ref.tag,
|
|
14
65
|
className = _ref.className,
|
|
15
|
-
|
|
66
|
+
children = _ref.children,
|
|
67
|
+
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
16
68
|
|
|
17
|
-
|
|
69
|
+
var _useCozyTheme = useCozyTheme(),
|
|
70
|
+
isLight = _useCozyTheme.isLight;
|
|
71
|
+
|
|
72
|
+
var titleData = SLUG_TO_ICONS[slug];
|
|
73
|
+
if (!titleData) return /*#__PURE__*/React.createElement(Typography, _extends({
|
|
18
74
|
component: tag,
|
|
19
75
|
variant: "h4",
|
|
20
76
|
className: cx(styles['c-apptitle'], className)
|
|
21
|
-
},
|
|
77
|
+
}, otherProps), children);
|
|
78
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
79
|
+
className: "u-flex u-flex-items-center"
|
|
80
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
81
|
+
icon: titleData.icon,
|
|
82
|
+
size: "32",
|
|
83
|
+
className: styles['c-apptitle-app-icon']
|
|
84
|
+
}), /*#__PURE__*/React.createElement(Icon, {
|
|
85
|
+
icon: TwakeTextIcon,
|
|
86
|
+
width: "auto",
|
|
87
|
+
height: "22",
|
|
88
|
+
className: cx('u-mr-half', 'u-w-auto', isLight ? styles['c-app-title-light'] : styles['c-app-title-dark'])
|
|
89
|
+
}), /*#__PURE__*/React.createElement(Icon, {
|
|
90
|
+
icon: titleData.text,
|
|
91
|
+
width: "auto",
|
|
92
|
+
height: "22",
|
|
93
|
+
className: cx('u-w-auto', slug === 'home' ? 'u-mt-half' : undefined)
|
|
94
|
+
}));
|
|
22
95
|
};
|
|
96
|
+
|
|
23
97
|
AppTitle.propTypes = {
|
|
98
|
+
slug: PropTypes.string,
|
|
99
|
+
tag: PropTypes.string,
|
|
24
100
|
className: PropTypes.string
|
|
25
101
|
};
|
|
26
102
|
AppTitle.defaultProps = {
|