cozy-ui 125.1.0 → 126.1.0

package/transpiled/react/Icons/OnlyOffice.d.ts

@@ -0,0 +1,2 @@
+export default SvgOnlyOffice;
+declare function SvgOnlyOffice(props: any): JSX.Element;

package/transpiled/react/Icons/OnlyOffice.js

@@ -0,0 +1,67 @@
+import _extends from "@babel/runtime/helpers/extends";
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/illus/only-office.svg` to regenerate;
+import React from 'react';
+
+function SvgOnlyOffice(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#only-office_svg__clip0_6882_51948)",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M7 15.172l-6.58-3.02c-.56-.264-.56-.672 0-.912l2.291-1.055 4.265 1.966c.56.264 1.463.264 1.999 0l4.265-1.966 2.29 1.055c.561.264.561.671 0 .911l-6.58 3.021c-.511.24-1.413.24-1.95 0z",
+    fill: "url(#only-office_svg__paint0_linear_6882_51948)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M7 11.456L.42 8.436c-.56-.265-.56-.672 0-.912l2.243-1.03L7 8.483c.56.263 1.462.263 1.998 0l4.338-1.99 2.242 1.03c.561.264.561.671 0 .911L9 11.456c-.56.264-1.462.264-1.998 0z",
+    fill: "url(#only-office_svg__paint1_linear_6882_51948)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M7 7.836L.42 4.815c-.56-.264-.56-.672 0-.911L7 .883c.561-.264 1.463-.264 2 0l6.58 3.02c.56.264.56.672 0 .912L9 7.835c-.561.24-1.463.24-2 0z",
+    fill: "url(#only-office_svg__paint2_linear_6882_51948)"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    id: "only-office_svg__paint0_linear_6882_51948",
+    x1: 7.994,
+    y1: 18.035,
+    x2: 7.994,
+    y2: 7.007,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#FCC2B1"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: 0.885,
+    stopColor: "#D9420B"
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "only-office_svg__paint1_linear_6882_51948",
+    x1: 7.994,
+    y1: 13.26,
+    x2: 7.994,
+    y2: 6.007,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#DEEDC9"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: 0.661,
+    stopColor: "#8BBA25"
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "only-office_svg__paint2_linear_6882_51948",
+    x1: 7.994,
+    y1: 10.323,
+    x2: 7.994,
+    y2: 0.453,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#C2EBFA"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: 1,
+    stopColor: "#26A8DE"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "only-office_svg__clip0_6882_51948"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    transform: "translate(0 .556)",
+    d: "M0 0h16v14.889H0z"
+  }))));
+}
+
+export default SvgOnlyOffice;

package/transpiled/react/{QualificationIconStack → QualificationIcon}/index.d.ts

@@ -1,10 +1,10 @@
-export default QualificationIconStack;
-declare function QualificationIconStack({ theme, qualification, ...props }: {
+export default QualificationIcon;
+declare function QualificationIcon({ theme, qualification, ...props }: {
     [x: string]: any;
     theme: any;
     qualification: any;
 }): JSX.Element;
-declare namespace QualificationIconStack {
+declare namespace QualificationIcon {
     namespace propTypes {
         const qualification: PropTypes.Requireable<string>;
         const theme: PropTypes.Requireable<string>;

package/transpiled/react/{QualificationIconStack → QualificationIcon}/index.js

@@ -1,11 +1,10 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["theme", "qualification"];
 import PropTypes from 'prop-types';
 import React from 'react';
 import { getIconByLabel } from 'cozy-client/dist/models/document/qualification';
 import Icon from "cozy-ui/transpiled/react/Icon";
-import IconStack from "cozy-ui/transpiled/react/IconStack";
 import BankIcon from "cozy-ui/transpiled/react/Icons/Bank";
 import BankCheckIcon from "cozy-ui/transpiled/react/Icons/BankCheck";
 import BenefitIcon from "cozy-ui/transpiled/react/Icons/Benefit";
@@ -17,8 +16,6 @@ import DotsIcon from "cozy-ui/transpiled/react/Icons/Dots";
 import EmailIcon from "cozy-ui/transpiled/react/Icons/Email";
 import EuroIcon from "cozy-ui/transpiled/react/Icons/Euro";
 import ExchangeIcon from "cozy-ui/transpiled/react/Icons/Exchange";
-import FileDuotoneIcon from "cozy-ui/transpiled/react/Icons/FileDuotone";
-import FileTypeNoteIcon from "cozy-ui/transpiled/react/Icons/FileTypeNote";
 import FitnessIcon from "cozy-ui/transpiled/react/Icons/Fitness";
 import GlobeIcon from "cozy-ui/transpiled/react/Icons/Globe";
 import GouvIcon from "cozy-ui/transpiled/react/Icons/Gouv";
@@ -28,6 +25,7 @@ import ImageIcon from "cozy-ui/transpiled/react/Icons/Image";
 import JusticeIcon from "cozy-ui/transpiled/react/Icons/Justice";
 import LaudryIcon from "cozy-ui/transpiled/react/Icons/Laudry";
 import LightningIcon from "cozy-ui/transpiled/react/Icons/Lightning";
+import NoteIcon from "cozy-ui/transpiled/react/Icons/Note";
 import PeopleIcon from "cozy-ui/transpiled/react/Icons/People";
 import PlaneIcon from "cozy-ui/transpiled/react/Icons/Plane";
 import RemboursementIcon from "cozy-ui/transpiled/react/Icons/Remboursement";
@@ -38,19 +36,7 @@ import TeamIcon from "cozy-ui/transpiled/react/Icons/Team";
 import TelecomIcon from "cozy-ui/transpiled/react/Icons/Telecom";
 import TelephoneIcon from "cozy-ui/transpiled/react/Icons/Telephone";
 import WaterIcon from "cozy-ui/transpiled/react/Icons/Water";
-import WorkIcon from "cozy-ui/transpiled/react/Icons/Work"; // this is a copy of FileDuotone without the flap and with a white background
-
-function FileDuotoneWhite(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 26 32"
-  }, props), /*#__PURE__*/React.createElement("g", {
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M0 2.002C0 .896.89 0 1.997 0H19l7 7v22.996A2 2 0 0124.003 32H1.997A1.995 1.995 0 010 29.998C.048 16 0 16 0 2.002z",
-    fill: "#ffffff"
-  })));
-}
-
+import WorkIcon from "cozy-ui/transpiled/react/Icons/Work";
 var IconByLabel = {
   'bank-check': BankCheckIcon,
   bank: BankIcon,
@@ -63,7 +49,7 @@ var IconByLabel = {
   email: EmailIcon,
   euro: EuroIcon,
   exchange: ExchangeIcon,
-  'file-type-note': FileTypeNoteIcon,
+  'file-type-note': NoteIcon,
   fitness: FitnessIcon,
   globe: GlobeIcon,
   gouv: GouvIcon,
@@ -98,35 +84,25 @@ var themeIconByLabel = {
   others: 'dots'
 };
 
-var QualificationIconStack = function QualificationIconStack(_ref) {
+var QualificationIcon = function QualificationIcon(_ref) {
   var theme = _ref.theme,
       qualification = _ref.qualification,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var ForegroundIcon = qualification ? IconByLabel[getIconByLabel(qualification)] : theme ? IconByLabel[themeIconByLabel[theme]] : null;
-  return /*#__PURE__*/React.createElement(IconStack, _extends({}, props, {
-    backgroundIcon: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-      className: "u-pos-absolute",
-      icon: FileDuotoneWhite,
-      size: 32
-    }), /*#__PURE__*/React.createElement(Icon, {
-      icon: FileDuotoneIcon,
-      color: "#E049BF",
-      size: 32
-    })),
-    foregroundIcon: /*#__PURE__*/React.createElement(Icon, {
-      icon: ForegroundIcon,
-      color: "#E049BF",
-      size: 16
-    })
-  }));
+  var _Icon = qualification ? IconByLabel[getIconByLabel(qualification)] : theme ? IconByLabel[themeIconByLabel[theme]] : null;
+
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    icon: _Icon,
+    color: "#E049BF",
+    size: 16
+  }, props));
 };
 
-QualificationIconStack.propTypes = {
+QualificationIcon.propTypes = {
   /** The name of the qualification (isp\_invoice, family\_record\_book, etc.) */
   qualification: PropTypes.string,
 
   /** The name of the qualification theme (indentity, family, etc.) */
   theme: PropTypes.string
 };
-export default QualificationIconStack;
+export default QualificationIcon;

package/transpiled/react/QualificationModal/helpers.js

@@ -4,20 +4,20 @@ import { themesList } from 'cozy-client/dist/models/document/documentTypeData';
 import { isQualificationNote } from 'cozy-client/dist/models/document/documentTypeDataHelpers';
 import { getBoundT } from 'cozy-client/dist/models/document/locales';
 import Icon from "cozy-ui/transpiled/react/Icon";
-import FileTypeNoteIcon from "cozy-ui/transpiled/react/Icons/FileTypeNote";
-import QualificationIconStack from "cozy-ui/transpiled/react/QualificationIconStack";
+import NoteIcon from "cozy-ui/transpiled/react/Icons/Note";
+import QualificationIcon from "cozy-ui/transpiled/react/QualificationIcon";
 export var makeOptions = function makeOptions(lang) {
   var qualifT = getBoundT(lang);
   return {
     children: [{
       id: 'none',
       title: qualifT('Scan.themes.none'),
-      icon: /*#__PURE__*/React.createElement(QualificationIconStack, null)
+      icon: /*#__PURE__*/React.createElement(QualificationIcon, null)
     }].concat(_toConsumableArray(themesList.map(function (theme) {
       return {
         id: theme.id,
         title: qualifT("Scan.themes.".concat(theme.label)),
-        icon: /*#__PURE__*/React.createElement(QualificationIconStack, {
+        icon: /*#__PURE__*/React.createElement(QualificationIcon, {
           theme: theme.label
         }),
         children: theme.items.map(function (item) {
@@ -26,9 +26,10 @@ export var makeOptions = function makeOptions(lang) {
             item: item,
             title: qualifT("Scan.items.".concat(item.label)),
             icon: isQualificationNote(item) ? /*#__PURE__*/React.createElement(Icon, {
-              icon: FileTypeNoteIcon,
-              size: 64
-            }) : /*#__PURE__*/React.createElement(QualificationIconStack, {
+              icon: NoteIcon,
+              color: "#E049BF",
+              size: 16
+            }) : /*#__PURE__*/React.createElement(QualificationIcon, {
               qualification: item.label
             })
           };

package/transpiled/react/index.d.ts

@@ -84,7 +84,7 @@ export { default as Thumbnail } from "./Thumbnail";
 export { default as ButtonBase } from "./ButtonBase";
 export { default as QualificationGrid } from "./QualificationGrid";
 export { default as QualificationItem } from "./QualificationItem";
-export { default as QualificationIconStack } from "./QualificationIconStack";
+export { default as QualificationIcon } from "./QualificationIcon";
 export { default as QualificationModal } from "./QualificationModal";
 export { default as Timeline } from "./Timeline";
 export { default as TimelineConnector } from "./TimelineConnector";

package/transpiled/react/index.js

@@ -98,7 +98,7 @@ export { default as Thumbnail } from './Thumbnail';
 export { default as ButtonBase } from './ButtonBase';
 export { default as QualificationGrid } from './QualificationGrid';
 export { default as QualificationItem } from './QualificationItem';
-export { default as QualificationIconStack } from './QualificationIconStack';
+export { default as QualificationIcon } from './QualificationIcon';
 export { default as QualificationModal } from './QualificationModal';
 export { default as Timeline } from './Timeline';
 export { default as TimelineConnector } from './TimelineConnector';

package/react/QualificationIconStack/Readme.md

@@ -1,14 +0,0 @@
-```jsx
-import QualificationIconStack from 'cozy-ui/transpiled/react/QualificationIconStack'
-
-;
-
-<>
-  <QualificationIconStack className="u-mr-1" />
-  <QualificationIconStack className="u-mr-1" qualification="isp_invoice" />
-  <QualificationIconStack className="u-mr-1" qualification="phone_invoice" />
-  <QualificationIconStack className="u-mr-1" qualification="family_record_book" />
-  <QualificationIconStack className="u-mr-1" theme="identity" />
-  <QualificationIconStack theme="transport" />
-</>
-```