Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions assets/icons/illus/calendar-app.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions assets/icons/illus/calendar-text.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion react/AppTitle/Readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ You can pass a child that will be used as default value is app is not supported.
```jsx
import AppTitle from 'cozy-ui/transpiled/react/AppTitle';

const slugs = ["chat", "contacts", "drive", "mail", "notes", "pass", "store", "photos", "home"];
const slugs = ["calendar", "chat", "contacts", "drive", "mail", "notes", "pass", "store", "photos", "home"];

<div class="u-flex u-flex-column">
{
Expand Down
6 changes: 6 additions & 0 deletions react/AppTitle/index.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,8 @@ import React from 'react'

import styles from './styles.styl'
import Icon from '../Icon'
import CalendarAppIcon from '../Icons/CalendarApp'
import CalendarTextIcon from '../Icons/CalendarText'
import ChatIcon from '../Icons/Chat'
import ChatTextIcon from '../Icons/ChatText'
import ContactsIcon from '../Icons/Contacts'
Expand All @@ -27,6 +29,10 @@ import Typography from '../Typography'
import { useCozyTheme } from '../providers/CozyTheme'

const SLUG_TO_ICONS = {
calendar: {
icon: CalendarAppIcon,
text: CalendarTextIcon
},
chat: {
icon: ChatIcon,
text: ChatTextIcon
Expand Down
2 changes: 2 additions & 0 deletions react/Icon/Readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -725,6 +725,7 @@ import AssistantColorIcon from 'cozy-ui/transpiled/react/Icons/AssistantColor'
import BottomSelectIcon from 'cozy-ui/transpiled/react/Icons/BottomSelect'
import CreditCardLargeIcon from 'cozy-ui/transpiled/react/Icons/CreditCardLarge'
import ChatIcon from 'cozy-ui/transpiled/react/Icons/Chat'
import CalendarAppIcon from 'cozy-ui/transpiled/react/Icons/CalendarApp'
import CheckWhiteIcon from 'cozy-ui/transpiled/react/Icons/CheckWhite'
import CloudBrokenIcon from 'cozy-ui/transpiled/react/Icons/CloudBroken'
import CloudSync2 from 'cozy-ui/transpiled/react/Icons/CloudSync2'
Expand Down Expand Up @@ -779,6 +780,7 @@ const icons = [
AssistantColorIcon,
BottomSelectIcon,
ChatIcon,
CalendarAppIcon,
CheckWhiteIcon,
CloudBrokenIcon,
CloudSync2,
Expand Down
67 changes: 67 additions & 0 deletions react/Icons/CalendarApp.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/illus/calendar-app.svg` to regenerate;
import React from 'react'

function SvgCalendarApp(props) {
return (
<svg viewBox="0 0 197 197" fill="none" {...props}>
<rect
width={197}
height={197}
rx={64.764}
fill="url(#calendar-app_svg__paint0_linear_60858_90)"
/>
<g filter="url(#calendar-app_svg__filter0_d_60858_90)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M66.58 38.931c-1.135-.607-2.478-.931-4.277-.931h-.57c-1.8 0-3.142.324-4.277.931a6.327 6.327 0 00-2.633 2.636c-.607 1.136-.93 2.481-.93 4.283l.005 2.637c-2.66.616-4.65 1.466-6.647 2.535-4.54 2.43-8.102 5.998-10.53 10.543C34.293 66.11 33 70.619 33 83.051v40.054c0 12.433 1.293 16.941 3.72 21.486 2.429 4.546 5.992 8.113 10.531 10.543 4.54 2.431 9.042 3.725 21.46 3.725h58.578c12.417 0 16.92-1.294 21.46-3.725 4.539-2.43 8.102-5.997 10.53-10.543 2.428-4.545 3.721-9.053 3.721-21.486V83.051c0-12.432-1.293-16.94-3.721-21.486-2.428-4.545-5.991-8.112-10.53-10.543-1.995-1.068-3.983-1.917-6.639-2.533l-.003-2.64c0-1.801-.323-3.146-.93-4.282a6.33 6.33 0 00-2.633-2.636c-1.135-.607-2.478-.931-4.277-.931h-.57c-1.799 0-3.142.324-4.277.931a6.33 6.33 0 00-2.633 2.636c-.607 1.136-.93 2.481-.93 4.283v1.447l-55.714-.01V45.85c0-1.802-.323-3.147-.93-4.283a6.327 6.327 0 00-2.633-2.636zM56.987 82.16h82.025c2.691 0 3.667.28 4.65.807a5.486 5.486 0 012.282 2.285c.526.985.806 1.961.806 4.655v41.968l-.063 1.165a10.692 10.692 0 01-10.639 9.527l-73.135-.161-1.476-.022c-3.66-.105-5.194-.591-6.738-1.42a9.707 9.707 0 01-4.026-4.041c-.93-1.741-1.423-3.467-1.423-8.227V89.907l.017-1.054c.068-1.919.338-2.757.79-3.601a5.483 5.483 0 012.28-2.285c.984-.526 1.96-.807 4.65-.807zm69.228 11.621h-5.359c-3.104 0-4.23.324-5.365.932a6.33 6.33 0 00-2.632 2.635c-.607 1.136-.93 2.264-.93 5.372v5.365c0 3.108.323 4.235.93 5.371a6.329 6.329 0 002.632 2.636c1.135.608 2.261.931 5.365.931h5.359c3.105 0 4.23-.323 5.365-.931a6.33 6.33 0 002.633-2.636c.606-1.136.93-2.263.93-5.371v-5.365c0-3.108-.324-4.236-.93-5.372a6.333 6.333 0 00-2.633-2.635c-1.135-.608-2.26-.932-5.365-.932z"
fill="#fff"
/>
</g>
<defs>
<linearGradient
id="calendar-app_svg__paint0_linear_60858_90"
x1={18.5}
y1={196}
x2={235}
y2={-27.5}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.287} stopColor="#FD813C" />
<stop offset={1} stopColor="#FFF500" />
</linearGradient>
<filter
id="calendar-app_svg__filter0_d_60858_90"
x={23}
y={30}
width={150}
height={140.859}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy={2} />
<feGaussianBlur stdDeviation={5} />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" />
<feBlend
in2="BackgroundImageFix"
result="effect1_dropShadow_60858_90"
/>
<feBlend
in="SourceGraphic"
in2="effect1_dropShadow_60858_90"
result="shape"
/>
</filter>
</defs>
</svg>
)
}

export default SvgCalendarApp
28 changes: 28 additions & 0 deletions react/Icons/CalendarText.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/illus/calendar-text.svg` to regenerate;
import React from 'react'

function SvgCalendarText(props) {
return (
<svg viewBox="0 0 680 123" fill="none" {...props}>
<path
d="M59.925 122.28c-11.168 0-21.345-2.633-30.54-7.9-9.083-5.376-16.253-12.617-21.506-21.724C2.628 83.55 0 73.566 0 62.704c0-10.972 2.514-21.011 7.55-30.118 5.145-9.216 12.26-16.457 21.342-21.724 9.086-5.376 19.428-8.064 31.033-8.064 9.303 0 17.29 1.48 23.967 4.443 6.785 2.853 12.808 7.406 18.061 13.66L85.701 35.055c-6.897-7.242-15.49-10.862-25.776-10.862-7.226 0-13.574 1.755-19.048 5.266-5.473 3.401-9.684 8.064-12.639 13.99-2.955 5.814-4.435 12.233-4.435 19.255 0 7.021 1.48 13.44 4.435 19.255 3.064 5.815 7.33 10.423 12.804 13.824 5.582 3.402 12.042 5.102 19.372 5.102 10.727 0 19.484-3.73 26.27-11.19l16.745 14.317c-4.596 5.596-10.614 10.039-18.057 13.331-7.334 3.291-15.815 4.937-25.447 4.937zm85.342 0c-7.663 0-14.725-1.975-21.181-5.925-6.456-4.059-11.601-9.49-15.435-16.293-3.721-6.802-5.581-14.263-5.581-22.382 0-8.12 1.86-15.58 5.581-22.383 3.834-6.911 8.979-12.397 15.435-16.457 6.456-4.06 13.518-6.09 21.181-6.09 7.001 0 12.639 1.317 16.91 3.95 4.374 2.634 7.771 6.419 10.177 11.356V34.561h21.998v85.579h-21.505v-13.989c-2.518 5.157-5.967 9.162-10.341 12.014-4.271 2.743-10.018 4.115-17.239 4.115zm-20.03-44.765c0 4.389.982 8.504 2.955 12.344 2.077 3.73 4.868 6.747 8.373 9.051 3.609 2.194 7.715 3.292 12.31 3.292 4.708 0 8.866-1.098 12.48-3.292 3.721-2.194 6.568-5.156 8.537-8.887 1.969-3.73 2.955-7.845 2.955-12.343 0-4.499-.986-8.613-2.955-12.344-1.969-3.84-4.816-6.857-8.537-9.051-3.614-2.304-7.772-3.456-12.48-3.456-4.595 0-8.701 1.152-12.31 3.456-3.613 2.194-6.404 5.157-8.373 8.887-1.973 3.73-2.955 7.845-2.955 12.343zM207.524 0h22.163v120.14h-22.163V0zm76.151 122.28c-8.645 0-16.308-1.975-22.985-5.925-6.677-4.059-11.873-9.49-15.595-16.293-3.721-6.802-5.581-14.318-5.581-22.547 0-8.119 1.912-15.634 5.746-22.546 3.829-6.913 9.082-12.399 15.759-16.458 6.789-4.06 14.34-6.09 22.656-6.09 8.321 0 15.763 2.03 22.328 6.09 6.676 4.06 11.821 9.545 15.434 16.458 3.721 6.802 5.582 14.318 5.582 22.546 0 2.743-.216 5.377-.658 7.9h-63.862c1.311 5.157 3.773 9.326 7.386 12.508 3.721 3.072 8.321 4.608 13.79 4.608 4.6 0 8.702-1.042 12.315-3.127 3.613-2.194 6.456-4.992 8.537-8.393l17.239 13.001c-3.501 5.486-8.646 9.93-15.435 13.331-6.784 3.291-14.335 4.937-22.656 4.937zm21.016-53.487c-1.315-4.937-3.885-9.052-7.715-12.344-3.833-3.29-8.372-4.936-13.63-4.936-5.14 0-9.632 1.59-13.461 4.772-3.721 3.182-6.183 7.351-7.386 12.508h42.192zM336.75 34.56h21.834v12.51c4.488-9.656 13.189-14.483 26.105-14.483 6.132 0 11.657 1.481 16.582 4.444 4.928 2.852 8.814 6.967 11.657 12.343 2.847 5.266 4.27 11.41 4.27 18.432v52.335h-22.167V73.236c0-7.131-1.64-12.453-4.924-15.963-3.284-3.512-7.772-5.267-13.462-5.267-5.036 0-9.251 1.81-12.643 5.431-3.393 3.51-5.089 8.777-5.089 15.8v46.903H336.75V34.561zm131.741 87.719c-7.663 0-14.721-1.975-21.177-5.925-6.46-4.059-11.605-9.49-15.434-16.293-3.721-6.802-5.582-14.263-5.582-22.382 0-8.12 1.861-15.58 5.582-22.383 3.829-6.911 8.974-12.397 15.434-16.457 6.456-4.06 13.514-6.09 21.177-6.09 7.005 0 12.643 1.317 16.91 3.95 4.271 2.524 7.607 6.2 10.017 11.027V0h22.163v120.14h-21.51v-13.989c-2.514 5.157-5.962 9.162-10.341 12.014-4.267 2.743-10.013 4.115-17.239 4.115zm-20.03-44.765c0 4.389.987 8.504 2.955 12.344 2.082 3.73 4.873 6.747 8.373 9.051 3.613 2.194 7.715 3.292 12.315 3.292 4.708 0 8.866-1.098 12.479-3.292 3.721-2.194 6.564-5.156 8.537-8.887 1.969-3.73 2.951-7.845 2.951-12.343 0-4.499-.982-8.613-2.951-12.344-1.973-3.84-4.816-6.857-8.537-9.051-3.613-2.304-7.771-3.456-12.479-3.456-4.6 0-8.702 1.152-12.315 3.456-3.613 2.194-6.404 5.157-8.373 8.887-1.968 3.73-2.955 7.845-2.955 12.343zm121.2 44.765c-7.663 0-14.721-1.975-21.181-5.925-6.456-4.059-11.601-9.49-15.43-16.293-3.721-6.802-5.582-14.263-5.582-22.382 0-8.12 1.861-15.58 5.582-22.383 3.829-6.911 8.974-12.397 15.43-16.457 6.46-4.06 13.518-6.09 21.181-6.09 7.005 0 12.639 1.317 16.91 3.95 4.379 2.634 7.771 6.419 10.177 11.356V34.561h22.003v85.579h-21.51v-13.989c-2.518 5.157-5.962 9.162-10.341 12.014-4.271 2.743-10.017 4.115-17.239 4.115zm-20.03-44.765c0 4.389.982 8.504 2.955 12.344 2.077 3.73 4.868 6.747 8.373 9.051 3.613 2.194 7.715 3.292 12.315 3.292 4.703 0 8.862-1.098 12.475-3.292 3.721-2.194 6.568-5.156 8.537-8.887 1.969-3.73 2.955-7.845 2.955-12.343 0-4.499-.986-8.613-2.955-12.344-1.969-3.84-4.816-6.857-8.537-9.051-3.613-2.304-7.772-3.456-12.475-3.456-4.6 0-8.702 1.152-12.315 3.456-3.613 2.194-6.404 5.157-8.373 8.887-1.973 3.73-2.955 7.845-2.955 12.343zm82.287-42.954h21.51v16.293c1.531-6.254 4.487-10.972 8.861-14.154 4.492-3.181 10.346-4.553 17.568-4.114v20.901h-3.12c-6.564 0-11.981 2.085-16.252 6.254-4.266 4.06-6.404 9.6-6.404 16.622v43.777h-22.163V34.561z"
fill="url(#calendar-text_svg__paint0_linear_60858_89)"
/>
<defs>
<linearGradient
id="calendar-text_svg__paint0_linear_60858_89"
x1={281}
y1={-75.5}
x2={281}
y2={171.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFB73D" />
<stop offset={1} stopColor="#F26C32" />
</linearGradient>
</defs>
</svg>
)
}

export default SvgCalendarText
Loading