cozy-ui 121.4.0 → 121.6.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.
Files changed (34) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/assets/icons/twake/illus/chat-text.svg +1 -0
  3. package/assets/icons/twake/illus/drive-text.svg +1 -0
  4. package/assets/icons/twake/illus/mail-text.svg +1 -0
  5. package/assets/icons/twake/illus/notes-text.svg +1 -0
  6. package/assets/icons/twake/illus/pass-text.svg +1 -0
  7. package/assets/icons/twake/illus/store-text.svg +1 -0
  8. package/assets/icons/twake/illus/twake-text.svg +1 -0
  9. package/assets/icons/twake/illus/workplace-text.svg +1 -0
  10. package/package.json +1 -1
  11. package/react/AppTitle/Readme.md +15 -2
  12. package/react/AppTitle/index.jsx +91 -10
  13. package/react/AppTitle/styles.styl +8 -0
  14. package/react/Icon/Readme.md +1 -1
  15. package/react/Icons/ChatText.jsx +73 -0
  16. package/react/Icons/DriveText.jsx +88 -0
  17. package/react/Icons/MailText.jsx +73 -0
  18. package/react/Icons/NotesText.jsx +88 -0
  19. package/react/Icons/PassText.jsx +15 -0
  20. package/react/Icons/StoreText.jsx +88 -0
  21. package/react/Icons/TwakeText.jsx +14 -0
  22. package/react/Icons/WorkplaceText.jsx +15 -0
  23. package/react/MuiCozyTheme/makeTwakeTypography.js +2 -2
  24. package/transpiled/react/AppTitle/index.js +84 -8
  25. package/transpiled/react/Icons/ChatText.js +72 -0
  26. package/transpiled/react/Icons/DriveText.js +87 -0
  27. package/transpiled/react/Icons/MailText.js +72 -0
  28. package/transpiled/react/Icons/NotesText.js +87 -0
  29. package/transpiled/react/Icons/PassText.js +15 -0
  30. package/transpiled/react/Icons/StoreText.js +92 -0
  31. package/transpiled/react/Icons/TwakeText.js +18 -0
  32. package/transpiled/react/Icons/WorkplaceText.js +15 -0
  33. package/transpiled/react/MuiCozyTheme/makeTwakeTypography.js +2 -2
  34. package/transpiled/react/stylesheet.css +1 -1
@@ -0,0 +1,92 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ // Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/illus/store-text.svg` to regenerate;
3
+ import React from 'react';
4
+
5
+ function SvgStoreText(props) {
6
+ return /*#__PURE__*/React.createElement("svg", _extends({
7
+ viewBox: "0 0 440 138",
8
+ fill: "none"
9
+ }, props), /*#__PURE__*/React.createElement("path", {
10
+ 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",
11
+ fill: "url(#store-text_svg__paint0_linear_59617_306)"
12
+ }), /*#__PURE__*/React.createElement("path", {
13
+ 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",
14
+ fill: "url(#store-text_svg__paint1_linear_59617_306)"
15
+ }), /*#__PURE__*/React.createElement("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
+ }), /*#__PURE__*/React.createElement("path", {
19
+ 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",
20
+ fill: "url(#store-text_svg__paint3_linear_59617_306)"
21
+ }), /*#__PURE__*/React.createElement("path", {
22
+ 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",
23
+ fill: "url(#store-text_svg__paint4_linear_59617_306)"
24
+ }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
25
+ id: "store-text_svg__paint0_linear_59617_306",
26
+ x1: 417.866,
27
+ y1: 296.396,
28
+ x2: 48.603,
29
+ y2: -221.128,
30
+ gradientUnits: "userSpaceOnUse"
31
+ }, /*#__PURE__*/React.createElement("stop", {
32
+ offset: 0.45,
33
+ stopColor: "#3D74FE"
34
+ }), /*#__PURE__*/React.createElement("stop", {
35
+ offset: 1,
36
+ stopColor: "#91CFFF"
37
+ })), /*#__PURE__*/React.createElement("linearGradient", {
38
+ id: "store-text_svg__paint1_linear_59617_306",
39
+ x1: 417.866,
40
+ y1: 296.396,
41
+ x2: 48.603,
42
+ y2: -221.128,
43
+ gradientUnits: "userSpaceOnUse"
44
+ }, /*#__PURE__*/React.createElement("stop", {
45
+ offset: 0.45,
46
+ stopColor: "#3D74FE"
47
+ }), /*#__PURE__*/React.createElement("stop", {
48
+ offset: 1,
49
+ stopColor: "#91CFFF"
50
+ })), /*#__PURE__*/React.createElement("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
+ }, /*#__PURE__*/React.createElement("stop", {
58
+ offset: 0.45,
59
+ stopColor: "#3D74FE"
60
+ }), /*#__PURE__*/React.createElement("stop", {
61
+ offset: 1,
62
+ stopColor: "#91CFFF"
63
+ })), /*#__PURE__*/React.createElement("linearGradient", {
64
+ id: "store-text_svg__paint3_linear_59617_306",
65
+ x1: 417.866,
66
+ y1: 296.396,
67
+ x2: 48.603,
68
+ y2: -221.128,
69
+ gradientUnits: "userSpaceOnUse"
70
+ }, /*#__PURE__*/React.createElement("stop", {
71
+ offset: 0.45,
72
+ stopColor: "#3D74FE"
73
+ }), /*#__PURE__*/React.createElement("stop", {
74
+ offset: 1,
75
+ stopColor: "#91CFFF"
76
+ })), /*#__PURE__*/React.createElement("linearGradient", {
77
+ id: "store-text_svg__paint4_linear_59617_306",
78
+ x1: 417.866,
79
+ y1: 296.396,
80
+ x2: 48.603,
81
+ y2: -221.128,
82
+ gradientUnits: "userSpaceOnUse"
83
+ }, /*#__PURE__*/React.createElement("stop", {
84
+ offset: 0.45,
85
+ stopColor: "#3D74FE"
86
+ }), /*#__PURE__*/React.createElement("stop", {
87
+ offset: 1,
88
+ stopColor: "#91CFFF"
89
+ }))));
90
+ }
91
+
92
+ export default SvgStoreText;
@@ -0,0 +1,18 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ // Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/illus/twake-text.svg` to regenerate;
3
+ import React from 'react';
4
+
5
+ function SvgTwakeText(props) {
6
+ return /*#__PURE__*/React.createElement("svg", _extends({
7
+ viewBox: "0 0 86 23",
8
+ fill: "none"
9
+ }, props), /*#__PURE__*/React.createElement("path", {
10
+ d: "M6.495 5.381H.635V1.69h15.822v3.692h-5.86V22.2H6.495V5.38z"
11
+ }), /*#__PURE__*/React.createElement("path", {
12
+ 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"
13
+ }), /*#__PURE__*/React.createElement("path", {
14
+ 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"
15
+ }));
16
+ }
17
+
18
+ export default SvgTwakeText;
@@ -0,0 +1,15 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ // Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/illus/workplace-text.svg` to regenerate;
3
+ import React from 'react';
4
+
5
+ function SvgWorkplaceText(props) {
6
+ return /*#__PURE__*/React.createElement("svg", _extends({
7
+ viewBox: "0 0 890 173",
8
+ fill: "none"
9
+ }, props), /*#__PURE__*/React.createElement("path", {
10
+ 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",
11
+ fill: "#DBDBDB"
12
+ }));
13
+ }
14
+
15
+ export default SvgWorkplaceText;
@@ -70,10 +70,10 @@ export var makeTwakeTypography = function makeTwakeTypography() {
70
70
  letterSpacing: '0.5px'
71
71
  },
72
72
  overline: {
73
- fontSize: 12,
73
+ fontSize: 11,
74
74
  fontWeight: 500,
75
75
  lineHeight: '16px',
76
- letterSpacing: '0.4px',
76
+ letterSpacing: '0.5px',
77
77
  textTransform: 'inherit'
78
78
  }
79
79
  };