cozy-ui 113.0.0 → 113.1.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# [113.1.0](https://github.com/cozy/cozy-ui/compare/v113.0.0...v113.1.0) (2024-11-07)
+
+
+### Bug Fixes
+
+* **ShortcutTile:** Use relative import ([df81357](https://github.com/cozy/cozy-ui/commit/df81357))
+
+
+### Features
+
+* **Typography:** Add types ([94c9ae6](https://github.com/cozy/cozy-ui/commit/94c9ae6))
+
 # [113.0.0](https://github.com/cozy/cozy-ui/compare/v112.3.0...v113.0.0) (2024-11-06)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "113.0.0",
+  "version": "113.1.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/ShortcutTile/index.tsx

@@ -1,13 +1,11 @@
 import React from 'react'
 
 import { IOCozyFile } from 'cozy-client/types/types'
-// @ts-expect-error - The following component is not typed
-import { nameToColor } from 'cozy-ui/react/Avatar/helpers'
-// @ts-expect-error - The following component is not typed
-import Typography from 'cozy-ui/react/Typography'
 
 import styles from '../AppTile/styles.styl'
+import { nameToColor } from '../Avatar/helpers'
 import { TileIcon } from '../Tile'
+import Typography from '../Typography'
 import { makeStyles } from '../styles'
 
 interface ShortcutTileProps {

package/react/Typography/index.jsx

@@ -1,6 +1,16 @@
 import MuiTypography from '@material-ui/core/Typography'
 import React, { forwardRef } from 'react'
 
+/**
+ * @typedef TypographyPropTypes
+ * @property {string} [color] - The color of the text.
+ * @property {string} [variant] - The variant of the text.
+ * @property {React.ReactNode} children - The content of the component.
+ */
+
+/**
+ * @type React.ForwardRefRenderFunction<HTMLDivElement, TypographyPropTypes & MuiTypography>
+ */
 const Typography = forwardRef(({ color, variant, children, ...props }, ref) => {
   const madeColor =
     color || (variant === 'caption' ? 'textSecondary' : 'textPrimary')

package/transpiled/react/Avatar/helpers.d.ts

@@ -0,0 +1 @@
+export function nameToColor(name?: string): string;

package/transpiled/react/ShortcutTile/index.js

@@ -1,15 +1,13 @@
 import React from 'react';
-// @ts-expect-error - The following component is not typed
-import { nameToColor } from 'cozy-ui/react/Avatar/helpers'; // @ts-expect-error - The following component is not typed
-
-import Typography from 'cozy-ui/react/Typography';
 var styles = {
   "AppTile-icon": "styles__AppTile-icon___1f0c0",
   "AppTile-icon--default": "styles__AppTile-icon--default___1tjiF",
   "AppTile-icon-maintenance": "styles__AppTile-icon-maintenance___2VOvO",
   "AppTile-container-maintenance": "styles__AppTile-container-maintenance___u1a1M"
 };
+import { nameToColor } from "cozy-ui/transpiled/react/Avatar/helpers";
 import { TileIcon } from "cozy-ui/transpiled/react/Tile";
+import Typography from "cozy-ui/transpiled/react/Typography";
 import { makeStyles } from "cozy-ui/transpiled/react/styles";
 var useStyles = makeStyles({
   letter: {

package/transpiled/react/Typography/index.d.ts

@@ -1,3 +1,26 @@
 export default Typography;
-declare const Typography: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export type TypographyPropTypes = {
+    /**
+     * - The color of the text.
+     */
+    color?: string | undefined;
+    /**
+     * - The variant of the text.
+     */
+    variant?: string | undefined;
+    /**
+     * - The content of the component.
+     */
+    children: React.ReactNode;
+};
+/**
+ * @typedef TypographyPropTypes
+ * @property {string} [color] - The color of the text.
+ * @property {string} [variant] - The variant of the text.
+ * @property {React.ReactNode} children - The content of the component.
+ */
+/**
+ * @type React.ForwardRefRenderFunction<HTMLDivElement, TypographyPropTypes & MuiTypography>
+ */
+declare const Typography: React.ForwardRefRenderFunction<HTMLDivElement, TypographyPropTypes & import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core/Typography").TypographyTypeMap<{}, "span">>>;
 import React from "react";

package/transpiled/react/Typography/index.js

@@ -3,6 +3,17 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["color", "variant", "children"];
 import MuiTypography from '@material-ui/core/Typography';
 import React, { forwardRef } from 'react';
+/**
+ * @typedef TypographyPropTypes
+ * @property {string} [color] - The color of the text.
+ * @property {string} [variant] - The variant of the text.
+ * @property {React.ReactNode} children - The content of the component.
+ */
+
+/**
+ * @type React.ForwardRefRenderFunction<HTMLDivElement, TypographyPropTypes & MuiTypography>
+ */
+
 var Typography = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var color = _ref.color,
       variant = _ref.variant,

package/transpiled/react/palette.d.ts

@@ -0,0 +1,46 @@
+export const black: string;
+export const white: string;
+export const paleGrey: string;
+export const silver: string;
+export const coolGrey: string;
+export const slateGrey: string;
+export const charcoalGrey: string;
+export const overlay: string;
+export const primaryColor: string;
+export const primaryColorLight: string;
+export const primaryContrastTextColor: string;
+export const success: string;
+export const warning: string;
+export const error: string;
+export const info: string;
+export const errorBackground: string;
+export const primaryBackgroundLight: string;
+export const neutralBackground: string;
+export const zircon: string;
+export const frenchPass: string;
+export const dodgerBlue: string;
+export const scienceBlue: string;
+export const puertoRico: string;
+export const grannyApple: string;
+export const emerald: string;
+export const malachite: string;
+export const seafoamGreen: string;
+export const brightSun: string;
+export const texasRose: string;
+export const chablis: string;
+export const yourPink: string;
+export const fuchsia: string;
+export const pomegranate: string;
+export const monza: string;
+export const portage: string;
+export const azure: string;
+export const melon: string;
+export const blazeOrange: string;
+export const mango: string;
+export const pumpkinOrange: string;
+export const lavender: string;
+export const darkPeriwinkle: string;
+export const purpley: string;
+export const lightishPurple: string;
+export const barney: string;
+export const weirdGreen: string;