cozy-ui 122.10.1 → 122.11.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/assets/icons/twake/illus/photos-text.svg +1 -0
- package/assets/icons/twake/illus/photos.svg +1 -0
- package/package.json +1 -1
- package/react/AppTitle/Readme.md +1 -1
- package/react/AppTitle/index.jsx +6 -0
- package/react/CozyDialogs/useCozyDialog.js +2 -1
- package/react/Icon/Readme.md +2 -0
- package/react/Icons/Photos.jsx +104 -0
- package/react/Icons/PhotosText.jsx +103 -0
- package/transpiled/react/AppTitle/index.js +6 -0
- package/transpiled/react/CozyDialogs/useCozyDialog.js +3 -3
- package/transpiled/react/Icon/icons-sprite-twake.d.ts +1 -1
- package/transpiled/react/Icon/icons-sprite-twake.js +1 -1
- package/transpiled/react/Icons/Photos.d.ts +2 -0
- package/transpiled/react/Icons/Photos.js +112 -0
- package/transpiled/react/Icons/PhotosText.d.ts +2 -0
- package/transpiled/react/Icons/PhotosText.js +108 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
## [122.11.1](https://github.com/cozy/cozy-ui/compare/v122.11.0...v122.11.1) (2025-04-28)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* Expose overriding DialogContent classes ([a4f6de6](https://github.com/cozy/cozy-ui/commit/a4f6de6))
|
|
7
|
+
|
|
8
|
+
# [122.11.0](https://github.com/cozy/cozy-ui/compare/v122.10.1...v122.11.0) (2025-04-24)
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Features
|
|
12
|
+
|
|
13
|
+
* Add Photos icon and title ([d89dcf9](https://github.com/cozy/cozy-ui/commit/d89dcf9))
|
|
14
|
+
|
|
1
15
|
## [122.10.1](https://github.com/cozy/cozy-ui/compare/v122.10.0...v122.10.1) (2025-04-17)
|
|
2
16
|
|
|
3
17
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="554" height="140" viewBox="0 0 554 140" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.91 137.248V6.039h44.237c29.428 0 47.422 13.87 47.422 41.424 0 27.742-17.994 42.175-47.422 42.175H27.152v47.61H.911ZM27.153 66.02h16.495c14.246 0 22.306-5.81 22.306-18.37 0-12.37-8.06-18.18-22.306-18.18H27.152v36.55Z" fill="url(#paint0_linear_12748_109)"/><path d="M101.909 137.248V.416h25.304v52.858c5.249-10.497 14.808-15.745 29.429-15.745 20.993 0 37.113 15.558 37.113 40.112v59.607H168.45V83.827c0-16.87-8.434-24.18-20.993-24.18-10.684 0-20.244 7.31-20.244 24.18v53.421h-25.304Z" fill="url(#paint1_linear_12748_109)"/><path d="M256.066 139.684c-30.178 0-51.921-22.868-51.921-50.984 0-28.116 21.743-51.171 51.921-51.171s51.921 23.055 51.921 51.171-21.743 50.984-51.921 50.984ZM229.449 88.7c0 15.183 10.497 27.929 26.617 27.929s26.616-12.746 26.616-27.929c0-15.182-10.496-28.116-26.616-28.116-16.12 0-26.617 12.934-26.617 28.116Z" fill="url(#paint2_linear_12748_109)"/><path d="M350.804 137.248c-19.306 0-29.803-8.998-29.803-30.178V61.334h-13.683V39.778h13.683v-19.68l25.304-2.625v22.305h20.619v21.556h-20.619v44.423c0 6.186 2.999 8.998 7.873 8.998h10.497v22.493h-13.871Z" fill="url(#paint3_linear_12748_109)"/><path d="M420.992 139.684c-30.178 0-51.921-22.868-51.921-50.984 0-28.116 21.743-51.171 51.921-51.171s51.921 23.055 51.921 51.171-21.743 50.984-51.921 50.984ZM394.375 88.7c0 15.183 10.497 27.929 26.617 27.929s26.616-12.746 26.616-27.929c0-15.182-10.496-28.116-26.616-28.116-16.12 0-26.617 12.934-26.617 28.116Z" fill="url(#paint4_linear_12748_109)"/><path d="M515.463 139.684c-16.494 0-29.803-5.623-40.487-17.057l17.057-15.557c7.123 8.06 14.621 11.996 22.868 11.996 8.622 0 13.496-4.311 13.496-10.122 0-5.061-2.437-7.873-17.807-11.434-26.054-6.186-29.991-17.994-29.991-30.365 0-17.057 13.496-29.803 36.364-29.803 15.745 0 26.242 3.936 36.176 16.87L534.77 68.268c-4.686-7.497-10.684-10.496-17.245-10.496-6.935 0-12.183 2.624-12.183 8.622 0 3.374 1.499 6.373 13.12 9.372 28.304 7.31 34.864 17.807 34.864 32.427 0 17.995-16.307 31.49-37.863 31.49Z" fill="url(#paint5_linear_12748_109)"/><defs><linearGradient id="paint0_linear_12748_109" x1="88.264" y1="215.251" x2="88.264" y2="-34.707" gradientUnits="userSpaceOnUse"><stop offset=".23" stop-color="#50BBC7"/><stop offset="1" stop-color="#73DEEA"/></linearGradient><linearGradient id="paint1_linear_12748_109" x1="88.264" y1="215.251" x2="88.264" y2="-34.707" gradientUnits="userSpaceOnUse"><stop offset=".23" stop-color="#50BBC7"/><stop offset="1" stop-color="#73DEEA"/></linearGradient><linearGradient id="paint2_linear_12748_109" x1="88.264" y1="215.251" x2="88.264" y2="-34.707" gradientUnits="userSpaceOnUse"><stop offset=".23" stop-color="#50BBC7"/><stop offset="1" stop-color="#73DEEA"/></linearGradient><linearGradient id="paint3_linear_12748_109" x1="88.264" y1="215.251" x2="88.264" y2="-34.707" gradientUnits="userSpaceOnUse"><stop offset=".23" stop-color="#50BBC7"/><stop offset="1" stop-color="#73DEEA"/></linearGradient><linearGradient id="paint4_linear_12748_109" x1="88.264" y1="215.251" x2="88.264" y2="-34.707" gradientUnits="userSpaceOnUse"><stop offset=".23" stop-color="#50BBC7"/><stop offset="1" stop-color="#73DEEA"/></linearGradient><linearGradient id="paint5_linear_12748_109" x1="88.264" y1="215.251" x2="88.264" y2="-34.707" gradientUnits="userSpaceOnUse"><stop offset=".23" stop-color="#50BBC7"/><stop offset="1" stop-color="#73DEEA"/></linearGradient></defs></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="32" height="32" rx="10" fill="url(#paint0_linear_4180_38328)"/><g filter="url(#filter0_d_4180_38328)" fill="#fff"><mask id="path-2-inside-1_4180_38328"><path d="M18.955 5.711c2.579 0 3.868 0 4.853.502a4.605 4.605 0 0 1 2.013 2.013c.502.985.502 2.274.502 4.853v5.988c0 2.579 0 3.868-.502 4.853a4.605 4.605 0 0 1-2.013 2.013c-.985.502-2.274.502-4.853.502h-5.988c-2.579 0-3.868 0-4.853-.502A4.606 4.606 0 0 1 6.1 23.92c-.502-.985-.502-2.274-.502-4.853v-5.988c0-2.579 0-3.868.502-4.853a4.605 4.605 0 0 1 2.013-2.013c.985-.502 2.274-.502 4.853-.502h5.988Z"/></mask><path d="M18.955 5.711V3.223 5.71Zm4.853.502-1.13 2.217 1.13-2.217Zm2.013 2.013-2.218 1.13 2.218-1.13Zm.502 4.853h2.488-2.488Zm0 5.988h2.488-2.488Zm-.502 4.853-2.218-1.13 2.218 1.13Zm-2.013 2.013-1.13-2.218 1.13 2.218Zm-4.853.502v2.488-2.488Zm-5.988 0v2.488-2.488Zm-4.853-.502 1.13-2.217-1.13 2.217ZM6.1 23.92l2.217-1.13-2.217 1.13ZM5.6 19.067H3.111h2.488Zm0-5.988H3.111h2.488Zm.502-4.853 2.217 1.13-2.217-1.13Zm2.013-2.013 1.13 2.217-1.13-2.217Zm4.853-.502V3.223 5.71ZM18.955 8.2c1.33 0 2.178.002 2.821.054.614.05.82.134.902.176l2.26-4.434c-.902-.46-1.834-.627-2.756-.702-.893-.073-1.979-.071-3.227-.071V8.2Zm3.723.23c.399.203.723.527.925.926l4.435-2.26a7.093 7.093 0 0 0-3.1-3.1l-2.26 4.434Zm.925.926c.043.083.127.288.177.902.052.643.054 1.49.054 2.821h4.977c0-1.248.002-2.334-.07-3.227-.076-.922-.243-1.854-.703-2.756l-4.434 2.26Zm.231 3.723v5.988h4.977v-5.988h-4.977Zm0 5.988c0 1.33-.002 2.178-.054 2.821-.05.614-.134.82-.177.902l4.435 2.26c.46-.902.627-1.834.702-2.756.073-.893.071-1.979.071-3.227h-4.977Zm-.23 3.724a2.117 2.117 0 0 1-.926.924l2.26 4.435a7.093 7.093 0 0 0 3.1-3.1l-4.434-2.26Zm-.926.925c-.083.042-.288.126-.902.176-.643.052-1.49.054-2.821.054v4.977c1.248 0 2.334.002 3.227-.07.922-.076 1.854-.243 2.756-.703l-2.26-4.434Zm-3.723.23h-5.988v4.977h5.988v-4.977Zm-5.988 0c-1.33 0-2.178-.002-2.822-.054-.614-.05-.818-.134-.901-.176l-2.26 4.434c.902.46 1.834.627 2.756.702.893.073 1.979.071 3.227.071v-4.977Zm-3.724-.23a2.117 2.117 0 0 1-.925-.925L3.884 25.05a7.094 7.094 0 0 0 3.1 3.1l2.26-4.434Zm-.925-.926c-.042-.083-.126-.288-.176-.902-.052-.643-.054-1.49-.054-2.821H3.11c0 1.248-.002 2.334.07 3.227.076.922.243 1.854.703 2.756l4.434-2.26Zm-.23-3.723v-5.988H3.11v5.988h4.977Zm0-5.988c0-1.33.002-2.178.054-2.821.05-.614.134-.82.176-.902l-4.434-2.26c-.46.902-.627 1.834-.702 2.756-.073.893-.071 1.979-.071 3.227h4.977Zm.23-3.723c.203-.399.527-.723.925-.926L6.984 3.996a7.094 7.094 0 0 0-3.1 3.1l4.434 2.26Zm.926-.926c.083-.042.287-.126.902-.176.643-.052 1.49-.054 2.821-.054V3.223c-1.248 0-2.334-.002-3.227.07-.922.076-1.854.243-2.756.703l2.26 4.434Zm3.723-.23h5.988V3.223h-5.988V8.2Z" mask="url(#path-2-inside-1_4180_38328)"/></g><g filter="url(#filter1_d_4180_38328)"><circle cx="13.5" cy="13.5" r="2.5" fill="#fff"/></g><path d="M7.538 23.26a.467.467 0 0 0 .377.74h17.162a.467.467 0 0 0 .376-.743l-5.205-7.071a1 1 0 0 0-1.654.063l-2.955 4.728a1 1 0 0 1-1.641.08l-1.682-2.194a1 1 0 0 0-1.603.021L7.538 23.26Z" fill="#fff"/><defs><filter id="filter0_d_4180_38328" x="3.967" y="4.406" width="23.987" height="23.987" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="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=".326"/><feGaussianBlur stdDeviation=".816"/><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_4180_38328"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_4180_38328" result="shape"/></filter><filter id="filter1_d_4180_38328" x="9.368" y="9.695" width="8.264" height="8.264" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="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=".326"/><feGaussianBlur stdDeviation=".816"/><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_4180_38328"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_4180_38328" result="shape"/></filter><linearGradient id="paint0_linear_4180_38328" x1="5.548" y1="29.127" x2="30.188" y2="1.958" gradientUnits="userSpaceOnUse"><stop offset=".23" stop-color="#50BBC7"/><stop offset="1" stop-color="#73DEEA"/></linearGradient></defs></svg>
|
package/package.json
CHANGED
package/react/AppTitle/Readme.md
CHANGED
|
@@ -8,7 +8,7 @@ You can pass a child that will be used as default value is app is not supported.
|
|
|
8
8
|
```jsx
|
|
9
9
|
import AppTitle from 'cozy-ui/transpiled/react/AppTitle';
|
|
10
10
|
|
|
11
|
-
const slugs = ["chat", "contacts", "drive", "mail", "notes", "pass", "store", "home"];
|
|
11
|
+
const slugs = ["chat", "contacts", "drive", "mail", "notes", "pass", "store", "photos", "home"];
|
|
12
12
|
|
|
13
13
|
<div class="u-flex u-flex-column">
|
|
14
14
|
{
|
package/react/AppTitle/index.jsx
CHANGED
|
@@ -18,6 +18,8 @@ import PassIcon from '../Icons/Pass'
|
|
|
18
18
|
import PassTextIcon from '../Icons/PassText'
|
|
19
19
|
import StoreIcon from '../Icons/Store'
|
|
20
20
|
import StoreTextIcon from '../Icons/StoreText'
|
|
21
|
+
import PhotosIcon from '../Icons/Photos'
|
|
22
|
+
import PhotosTextIcon from '../Icons/PhotosText'
|
|
21
23
|
import TwakeTextIcon from '../Icons/TwakeText'
|
|
22
24
|
import TwakeWorkplaceIcon from '../Icons/TwakeWorkplace'
|
|
23
25
|
import WorkplaceTextIcon from '../Icons/WorkplaceText'
|
|
@@ -53,6 +55,10 @@ const SLUG_TO_ICONS = {
|
|
|
53
55
|
icon: StoreIcon,
|
|
54
56
|
text: StoreTextIcon
|
|
55
57
|
},
|
|
58
|
+
photos: {
|
|
59
|
+
icon: PhotosIcon,
|
|
60
|
+
text: PhotosTextIcon
|
|
61
|
+
},
|
|
56
62
|
home: {
|
|
57
63
|
icon: TwakeWorkplaceIcon,
|
|
58
64
|
text: WorkplaceTextIcon
|
package/react/Icon/Readme.md
CHANGED
|
@@ -728,6 +728,7 @@ import PapersIcon from 'cozy-ui/transpiled/react/Icons/Papers'
|
|
|
728
728
|
import PassIcon from 'cozy-ui/transpiled/react/Icons/Pass'
|
|
729
729
|
import ShareGrey08Icon from 'cozy-ui/transpiled/react/Icons/ShareGrey08'
|
|
730
730
|
import StoreIcon from 'cozy-ui/transpiled/react/Icons/Store'
|
|
731
|
+
import PhotosIcon from 'cozy-ui/transpiled/react/Icons/Photos'
|
|
731
732
|
import TopSelectIcon from 'cozy-ui/transpiled/react/Icons/TopSelect'
|
|
732
733
|
import TrashDuotoneIcon from 'cozy-ui/transpiled/react/Icons/TrashDuotone'
|
|
733
734
|
import TwakeWorkplace from 'cozy-ui/transpiled/react/Icons/TwakeWorkplace'
|
|
@@ -778,6 +779,7 @@ const icons = [
|
|
|
778
779
|
...(isTwakeTheme() ? [PassIcon] : []),
|
|
779
780
|
ShareGrey08Icon,
|
|
780
781
|
...(isTwakeTheme() ? [StoreIcon] : []),
|
|
782
|
+
...(isTwakeTheme() ? [PhotosIcon] : []),
|
|
781
783
|
TopSelectIcon,
|
|
782
784
|
TrashDuotoneIcon,
|
|
783
785
|
...(isTwakeTheme() ? [TwakeWorkplace] : []),
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/illus/photos.svg` to regenerate;
|
|
2
|
+
import React from 'react'
|
|
3
|
+
|
|
4
|
+
function SvgPhotos(props) {
|
|
5
|
+
return (
|
|
6
|
+
<svg viewBox="0 0 32 32" fill="none" {...props}>
|
|
7
|
+
<rect
|
|
8
|
+
width={32}
|
|
9
|
+
height={32}
|
|
10
|
+
rx={10}
|
|
11
|
+
fill="url(#photos_svg__paint0_linear_4180_38328)"
|
|
12
|
+
/>
|
|
13
|
+
<g filter="url(#photos_svg__filter0_d_4180_38328)" fill="#fff">
|
|
14
|
+
<mask id="photos_svg__a">
|
|
15
|
+
<path d="M18.955 5.711c2.579 0 3.868 0 4.853.502a4.605 4.605 0 012.013 2.013c.502.985.502 2.274.502 4.853v5.988c0 2.579 0 3.868-.502 4.853a4.605 4.605 0 01-2.013 2.013c-.985.502-2.274.502-4.853.502h-5.988c-2.579 0-3.868 0-4.853-.502A4.606 4.606 0 016.1 23.92c-.502-.985-.502-2.274-.502-4.853v-5.988c0-2.579 0-3.868.502-4.853a4.605 4.605 0 012.013-2.013c.985-.502 2.274-.502 4.853-.502h5.988z" />
|
|
16
|
+
</mask>
|
|
17
|
+
<path
|
|
18
|
+
d="M18.955 5.711V3.223 5.71zm4.853.502l-1.13 2.217 1.13-2.217zm2.013 2.013l-2.218 1.13 2.218-1.13zm.502 4.853h2.488-2.488zm0 5.988h2.488-2.488zm-.502 4.853l-2.218-1.13 2.218 1.13zm-2.013 2.013l-1.13-2.218 1.13 2.218zm-4.853.502v2.488-2.488zm-5.988 0v2.488-2.488zm-4.853-.502l1.13-2.217-1.13 2.217zM6.1 23.92l2.217-1.13L6.1 23.92zm-.5-4.853H3.111h2.488zm0-5.988H3.111h2.488zm.502-4.853l2.217 1.13-2.217-1.13zm2.013-2.013l1.13 2.217-1.13-2.217zm4.853-.502V3.223 5.71zM18.955 8.2c1.33 0 2.178.002 2.821.054.614.05.82.134.902.176l2.26-4.434c-.902-.46-1.834-.627-2.756-.702-.893-.073-1.979-.071-3.227-.071V8.2zm3.723.23c.399.203.723.527.925.926l4.435-2.26a7.093 7.093 0 00-3.1-3.1l-2.26 4.434zm.925.926c.043.083.127.288.177.902.052.643.054 1.49.054 2.821h4.977c0-1.248.002-2.334-.07-3.227-.076-.922-.243-1.854-.703-2.756l-4.434 2.26zm.231 3.723v5.988h4.977v-5.988h-4.977zm0 5.988c0 1.33-.002 2.178-.054 2.821-.05.614-.134.82-.177.902l4.435 2.26c.46-.902.627-1.834.702-2.756.073-.893.071-1.979.071-3.227h-4.977zm-.23 3.724a2.117 2.117 0 01-.926.924l2.26 4.435a7.093 7.093 0 003.1-3.1l-4.434-2.26zm-.926.925c-.083.042-.288.126-.902.176-.643.052-1.49.054-2.821.054v4.977c1.248 0 2.334.002 3.227-.07.922-.076 1.854-.243 2.756-.703l-2.26-4.434zm-3.723.23h-5.988v4.977h5.988v-4.977zm-5.988 0c-1.33 0-2.178-.002-2.822-.054-.614-.05-.818-.134-.901-.176l-2.26 4.434c.902.46 1.834.627 2.756.702.893.073 1.979.071 3.227.071v-4.977zm-3.724-.23a2.117 2.117 0 01-.925-.925L3.884 25.05a7.094 7.094 0 003.1 3.1l2.26-4.434zm-.925-.926c-.042-.083-.126-.288-.176-.902-.052-.643-.054-1.49-.054-2.821H3.11c0 1.248-.002 2.334.07 3.227.076.922.243 1.854.703 2.756l4.434-2.26zm-.23-3.723v-5.988H3.11v5.988h4.977zm0-5.988c0-1.33.002-2.178.054-2.821.05-.614.134-.82.176-.902l-4.434-2.26c-.46.902-.627 1.834-.702 2.756-.073.893-.071 1.979-.071 3.227h4.977zm.23-3.723c.203-.399.527-.723.925-.926L6.984 3.996a7.094 7.094 0 00-3.1 3.1l4.434 2.26zm.926-.926c.083-.042.287-.126.902-.176.643-.052 1.49-.054 2.821-.054V3.223c-1.248 0-2.334-.002-3.227.07-.922.076-1.854.243-2.756.703l2.26 4.434zm3.723-.23h5.988V3.223h-5.988V8.2z"
|
|
19
|
+
mask="url(#photos_svg__a)"
|
|
20
|
+
/>
|
|
21
|
+
</g>
|
|
22
|
+
<g filter="url(#photos_svg__filter1_d_4180_38328)">
|
|
23
|
+
<circle cx={13.5} cy={13.5} r={2.5} fill="#fff" />
|
|
24
|
+
</g>
|
|
25
|
+
<path
|
|
26
|
+
d="M7.538 23.26a.467.467 0 00.377.74h17.162a.467.467 0 00.376-.743l-5.205-7.071a1 1 0 00-1.654.063l-2.955 4.728a1 1 0 01-1.641.08l-1.682-2.194a1 1 0 00-1.603.021L7.538 23.26z"
|
|
27
|
+
fill="#fff"
|
|
28
|
+
/>
|
|
29
|
+
<defs>
|
|
30
|
+
<filter
|
|
31
|
+
id="photos_svg__filter0_d_4180_38328"
|
|
32
|
+
x={3.967}
|
|
33
|
+
y={4.406}
|
|
34
|
+
width={23.987}
|
|
35
|
+
height={23.987}
|
|
36
|
+
filterUnits="userSpaceOnUse"
|
|
37
|
+
colorInterpolationFilters="sRGB"
|
|
38
|
+
>
|
|
39
|
+
<feFlood floodOpacity={0} result="BackgroundImageFix" />
|
|
40
|
+
<feColorMatrix
|
|
41
|
+
in="SourceAlpha"
|
|
42
|
+
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
43
|
+
result="hardAlpha"
|
|
44
|
+
/>
|
|
45
|
+
<feOffset dy={0.326} />
|
|
46
|
+
<feGaussianBlur stdDeviation={0.816} />
|
|
47
|
+
<feComposite in2="hardAlpha" operator="out" />
|
|
48
|
+
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" />
|
|
49
|
+
<feBlend
|
|
50
|
+
in2="BackgroundImageFix"
|
|
51
|
+
result="effect1_dropShadow_4180_38328"
|
|
52
|
+
/>
|
|
53
|
+
<feBlend
|
|
54
|
+
in="SourceGraphic"
|
|
55
|
+
in2="effect1_dropShadow_4180_38328"
|
|
56
|
+
result="shape"
|
|
57
|
+
/>
|
|
58
|
+
</filter>
|
|
59
|
+
<filter
|
|
60
|
+
id="photos_svg__filter1_d_4180_38328"
|
|
61
|
+
x={9.368}
|
|
62
|
+
y={9.695}
|
|
63
|
+
width={8.264}
|
|
64
|
+
height={8.264}
|
|
65
|
+
filterUnits="userSpaceOnUse"
|
|
66
|
+
colorInterpolationFilters="sRGB"
|
|
67
|
+
>
|
|
68
|
+
<feFlood floodOpacity={0} result="BackgroundImageFix" />
|
|
69
|
+
<feColorMatrix
|
|
70
|
+
in="SourceAlpha"
|
|
71
|
+
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
|
72
|
+
result="hardAlpha"
|
|
73
|
+
/>
|
|
74
|
+
<feOffset dy={0.326} />
|
|
75
|
+
<feGaussianBlur stdDeviation={0.816} />
|
|
76
|
+
<feComposite in2="hardAlpha" operator="out" />
|
|
77
|
+
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" />
|
|
78
|
+
<feBlend
|
|
79
|
+
in2="BackgroundImageFix"
|
|
80
|
+
result="effect1_dropShadow_4180_38328"
|
|
81
|
+
/>
|
|
82
|
+
<feBlend
|
|
83
|
+
in="SourceGraphic"
|
|
84
|
+
in2="effect1_dropShadow_4180_38328"
|
|
85
|
+
result="shape"
|
|
86
|
+
/>
|
|
87
|
+
</filter>
|
|
88
|
+
<linearGradient
|
|
89
|
+
id="photos_svg__paint0_linear_4180_38328"
|
|
90
|
+
x1={5.548}
|
|
91
|
+
y1={29.127}
|
|
92
|
+
x2={30.188}
|
|
93
|
+
y2={1.958}
|
|
94
|
+
gradientUnits="userSpaceOnUse"
|
|
95
|
+
>
|
|
96
|
+
<stop offset={0.23} stopColor="#50BBC7" />
|
|
97
|
+
<stop offset={1} stopColor="#73DEEA" />
|
|
98
|
+
</linearGradient>
|
|
99
|
+
</defs>
|
|
100
|
+
</svg>
|
|
101
|
+
)
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
export default SvgPhotos
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/illus/photos-text.svg` to regenerate;
|
|
2
|
+
import React from 'react'
|
|
3
|
+
|
|
4
|
+
function SvgPhotosText(props) {
|
|
5
|
+
return (
|
|
6
|
+
<svg viewBox="0 0 554 140" fill="none" {...props}>
|
|
7
|
+
<path
|
|
8
|
+
d="M.91 137.248V6.039h44.237c29.428 0 47.422 13.87 47.422 41.424 0 27.742-17.994 42.175-47.422 42.175H27.152v47.61H.911zM27.153 66.02h16.495c14.246 0 22.306-5.81 22.306-18.37 0-12.37-8.06-18.18-22.306-18.18H27.152v36.55z"
|
|
9
|
+
fill="url(#photos-text_svg__paint0_linear_12748_109)"
|
|
10
|
+
/>
|
|
11
|
+
<path
|
|
12
|
+
d="M101.909 137.248V.416h25.304v52.858c5.249-10.497 14.808-15.745 29.429-15.745 20.993 0 37.113 15.558 37.113 40.112v59.607H168.45V83.827c0-16.87-8.434-24.18-20.993-24.18-10.684 0-20.244 7.31-20.244 24.18v53.421h-25.304z"
|
|
13
|
+
fill="url(#photos-text_svg__paint1_linear_12748_109)"
|
|
14
|
+
/>
|
|
15
|
+
<path
|
|
16
|
+
d="M256.066 139.684c-30.178 0-51.921-22.868-51.921-50.984 0-28.116 21.743-51.171 51.921-51.171s51.921 23.055 51.921 51.171-21.743 50.984-51.921 50.984zM229.449 88.7c0 15.183 10.497 27.929 26.617 27.929s26.616-12.746 26.616-27.929c0-15.182-10.496-28.116-26.616-28.116-16.12 0-26.617 12.934-26.617 28.116z"
|
|
17
|
+
fill="url(#photos-text_svg__paint2_linear_12748_109)"
|
|
18
|
+
/>
|
|
19
|
+
<path
|
|
20
|
+
d="M350.804 137.248c-19.306 0-29.803-8.998-29.803-30.178V61.334h-13.683V39.778h13.683v-19.68l25.304-2.625v22.305h20.619v21.556h-20.619v44.423c0 6.186 2.999 8.998 7.873 8.998h10.497v22.493h-13.871z"
|
|
21
|
+
fill="url(#photos-text_svg__paint3_linear_12748_109)"
|
|
22
|
+
/>
|
|
23
|
+
<path
|
|
24
|
+
d="M420.992 139.684c-30.178 0-51.921-22.868-51.921-50.984 0-28.116 21.743-51.171 51.921-51.171s51.921 23.055 51.921 51.171-21.743 50.984-51.921 50.984zM394.375 88.7c0 15.183 10.497 27.929 26.617 27.929s26.616-12.746 26.616-27.929c0-15.182-10.496-28.116-26.616-28.116-16.12 0-26.617 12.934-26.617 28.116z"
|
|
25
|
+
fill="url(#photos-text_svg__paint4_linear_12748_109)"
|
|
26
|
+
/>
|
|
27
|
+
<path
|
|
28
|
+
d="M515.463 139.684c-16.494 0-29.803-5.623-40.487-17.057l17.057-15.557c7.123 8.06 14.621 11.996 22.868 11.996 8.622 0 13.496-4.311 13.496-10.122 0-5.061-2.437-7.873-17.807-11.434-26.054-6.186-29.991-17.994-29.991-30.365 0-17.057 13.496-29.803 36.364-29.803 15.745 0 26.242 3.936 36.176 16.87L534.77 68.268c-4.686-7.497-10.684-10.496-17.245-10.496-6.935 0-12.183 2.624-12.183 8.622 0 3.374 1.499 6.373 13.12 9.372 28.304 7.31 34.864 17.807 34.864 32.427 0 17.995-16.307 31.49-37.863 31.49z"
|
|
29
|
+
fill="url(#photos-text_svg__paint5_linear_12748_109)"
|
|
30
|
+
/>
|
|
31
|
+
<defs>
|
|
32
|
+
<linearGradient
|
|
33
|
+
id="photos-text_svg__paint0_linear_12748_109"
|
|
34
|
+
x1={88.264}
|
|
35
|
+
y1={215.251}
|
|
36
|
+
x2={88.264}
|
|
37
|
+
y2={-34.707}
|
|
38
|
+
gradientUnits="userSpaceOnUse"
|
|
39
|
+
>
|
|
40
|
+
<stop offset={0.23} stopColor="#50BBC7" />
|
|
41
|
+
<stop offset={1} stopColor="#73DEEA" />
|
|
42
|
+
</linearGradient>
|
|
43
|
+
<linearGradient
|
|
44
|
+
id="photos-text_svg__paint1_linear_12748_109"
|
|
45
|
+
x1={88.264}
|
|
46
|
+
y1={215.251}
|
|
47
|
+
x2={88.264}
|
|
48
|
+
y2={-34.707}
|
|
49
|
+
gradientUnits="userSpaceOnUse"
|
|
50
|
+
>
|
|
51
|
+
<stop offset={0.23} stopColor="#50BBC7" />
|
|
52
|
+
<stop offset={1} stopColor="#73DEEA" />
|
|
53
|
+
</linearGradient>
|
|
54
|
+
<linearGradient
|
|
55
|
+
id="photos-text_svg__paint2_linear_12748_109"
|
|
56
|
+
x1={88.264}
|
|
57
|
+
y1={215.251}
|
|
58
|
+
x2={88.264}
|
|
59
|
+
y2={-34.707}
|
|
60
|
+
gradientUnits="userSpaceOnUse"
|
|
61
|
+
>
|
|
62
|
+
<stop offset={0.23} stopColor="#50BBC7" />
|
|
63
|
+
<stop offset={1} stopColor="#73DEEA" />
|
|
64
|
+
</linearGradient>
|
|
65
|
+
<linearGradient
|
|
66
|
+
id="photos-text_svg__paint3_linear_12748_109"
|
|
67
|
+
x1={88.264}
|
|
68
|
+
y1={215.251}
|
|
69
|
+
x2={88.264}
|
|
70
|
+
y2={-34.707}
|
|
71
|
+
gradientUnits="userSpaceOnUse"
|
|
72
|
+
>
|
|
73
|
+
<stop offset={0.23} stopColor="#50BBC7" />
|
|
74
|
+
<stop offset={1} stopColor="#73DEEA" />
|
|
75
|
+
</linearGradient>
|
|
76
|
+
<linearGradient
|
|
77
|
+
id="photos-text_svg__paint4_linear_12748_109"
|
|
78
|
+
x1={88.264}
|
|
79
|
+
y1={215.251}
|
|
80
|
+
x2={88.264}
|
|
81
|
+
y2={-34.707}
|
|
82
|
+
gradientUnits="userSpaceOnUse"
|
|
83
|
+
>
|
|
84
|
+
<stop offset={0.23} stopColor="#50BBC7" />
|
|
85
|
+
<stop offset={1} stopColor="#73DEEA" />
|
|
86
|
+
</linearGradient>
|
|
87
|
+
<linearGradient
|
|
88
|
+
id="photos-text_svg__paint5_linear_12748_109"
|
|
89
|
+
x1={88.264}
|
|
90
|
+
y1={215.251}
|
|
91
|
+
x2={88.264}
|
|
92
|
+
y2={-34.707}
|
|
93
|
+
gradientUnits="userSpaceOnUse"
|
|
94
|
+
>
|
|
95
|
+
<stop offset={0.23} stopColor="#50BBC7" />
|
|
96
|
+
<stop offset={1} stopColor="#73DEEA" />
|
|
97
|
+
</linearGradient>
|
|
98
|
+
</defs>
|
|
99
|
+
</svg>
|
|
100
|
+
)
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
export default SvgPhotosText
|
|
@@ -26,6 +26,8 @@ import PassIcon from "cozy-ui/transpiled/react/Icons/Pass";
|
|
|
26
26
|
import PassTextIcon from "cozy-ui/transpiled/react/Icons/PassText";
|
|
27
27
|
import StoreIcon from "cozy-ui/transpiled/react/Icons/Store";
|
|
28
28
|
import StoreTextIcon from "cozy-ui/transpiled/react/Icons/StoreText";
|
|
29
|
+
import PhotosIcon from "cozy-ui/transpiled/react/Icons/Photos";
|
|
30
|
+
import PhotosTextIcon from "cozy-ui/transpiled/react/Icons/PhotosText";
|
|
29
31
|
import TwakeTextIcon from "cozy-ui/transpiled/react/Icons/TwakeText";
|
|
30
32
|
import TwakeWorkplaceIcon from "cozy-ui/transpiled/react/Icons/TwakeWorkplace";
|
|
31
33
|
import WorkplaceTextIcon from "cozy-ui/transpiled/react/Icons/WorkplaceText";
|
|
@@ -60,6 +62,10 @@ var SLUG_TO_ICONS = {
|
|
|
60
62
|
icon: StoreIcon,
|
|
61
63
|
text: StoreTextIcon
|
|
62
64
|
},
|
|
65
|
+
photos: {
|
|
66
|
+
icon: PhotosIcon,
|
|
67
|
+
text: PhotosTextIcon
|
|
68
|
+
},
|
|
63
69
|
home: {
|
|
64
70
|
icon: TwakeWorkplaceIcon,
|
|
65
71
|
text: WorkplaceTextIcon
|
|
@@ -24,7 +24,7 @@ var useStyles = makeStyles({
|
|
|
24
24
|
});
|
|
25
25
|
|
|
26
26
|
var useCozyDialog = function useCozyDialog(props) {
|
|
27
|
-
var _componentsProps$dial;
|
|
27
|
+
var _componentsProps$dial, _componentsProps$dial2;
|
|
28
28
|
|
|
29
29
|
var size = props.size,
|
|
30
30
|
actions = props.actions,
|
|
@@ -113,11 +113,11 @@ var useCozyDialog = function useCozyDialog(props) {
|
|
|
113
113
|
});
|
|
114
114
|
|
|
115
115
|
var dialogContentProps = _objectSpread(_objectSpread({}, componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.dialogContent), {}, {
|
|
116
|
-
classes: {
|
|
116
|
+
classes: _objectSpread({
|
|
117
117
|
root: cx({
|
|
118
118
|
disableGutters: disableGutters
|
|
119
119
|
})
|
|
120
|
-
},
|
|
120
|
+
}, componentsProps === null || componentsProps === void 0 ? void 0 : (_componentsProps$dial2 = componentsProps.dialogContent) === null || _componentsProps$dial2 === void 0 ? void 0 : _componentsProps$dial2.classes),
|
|
121
121
|
className: 'cozyDialogContent'
|
|
122
122
|
});
|
|
123
123
|
|