cozy-ui 122.8.0 → 122.10.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [122.10.0](https://github.com/cozy/cozy-ui/compare/v122.9.0...v122.10.0) (2025-04-16)
+
+
+### Features
+
+* **Sprite:** Add Twake icons ([8caa508](https://github.com/cozy/cozy-ui/commit/8caa508))
+
+# [122.9.0](https://github.com/cozy/cozy-ui/compare/v122.8.0...v122.9.0) (2025-04-16)
+
+
+### Features
+
+* **BarTitle:** Adjust font size for Twake theme ([cba1b13](https://github.com/cozy/cozy-ui/commit/cba1b13))
+
 # [122.8.0](https://github.com/cozy/cozy-ui/compare/v122.7.0...v122.8.0) (2025-04-16)
 
 

package/package.json

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

package/react/BarTitle/index.jsx

@@ -3,11 +3,16 @@ import React from 'react'
 
 import styles from './styles.styl'
 import Typography from '../Typography'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
 
 const BarTitle = ({ noWrap, children }) => {
   return (
     <div className={styles.BarTitle}>
-      <Typography variant="h5" component="h1" noWrap={noWrap}>
+      <Typography
+        variant={isTwakeTheme() ? 'h4' : 'h5'}
+        component="h1"
+        noWrap={noWrap}
+      >
         {children}
       </Typography>
     </div>

package/react/Icon/Sprite.jsx

@@ -1,14 +1,20 @@
 import React from 'react'
 
-import IconSprintContent from './icons-sprite'
+import IconSpriteContent from './icons-sprite'
+import IconSpriteContentTwake from './icons-sprite-twake'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
 
 const displayNone = { display: 'none' }
 
 const Sprite = () => {
+  const SpriteContent = isTwakeTheme()
+    ? IconSpriteContentTwake
+    : IconSpriteContent
+
   return (
     <div
       style={displayNone}
-      dangerouslySetInnerHTML={{ __html: IconSprintContent }}
+      dangerouslySetInnerHTML={{ __html: SpriteContent }}
     />
   )
 }

package/scripts/make-icon-sprite.sh

@@ -2,12 +2,30 @@
 
 set -eu
 
-outfile="react/Icon/icons-sprite.js"
+streamEditor=$([[ $(uname -s) == "Linux" ]] && echo sed || echo gsed)
 
-icons="$(ls assets/icons/*/*.svg | sort -d)"
+# generates Cozy sprites
+
+outfileCozy="react/Icon/icons-sprite.js"
+
+iconsCozy="$(ls assets/icons/*/*.svg | grep -v 'assets/icons/twake/' | sort -d)"
+
+echo "Making icon sprite, output file : ${outfileCozy}..."
+echo $iconsCozy | xargs yarn svgstore --inline -o /tmp/icons-sprite.svg
+echo "// GENERATED FILE, DO NOT EDIT THIS FILE BY HAND" > $outfileCozy
+echo "// Use yarn sprite to regenerate" >> $outfileCozy
+echo "export default \``cat /tmp/icons-sprite.svg`\`" >> $outfileCozy
+
+# generates Twake sprites
+
+outfile="react/Icon/icons-sprite-twake.js"
+
+icons="$(find assets/icons/twake -type f -name '*.svg' | sort -d)"
 
 echo "Making icon sprite, output file : ${outfile}..."
-echo $icons | xargs yarn svgstore --inline -o /tmp/icons-sprite.svg
+echo $icons | xargs yarn svgstore --inline -o /tmp/icons-sprite-twake.svg
+# Edit IDs to remove "_twake" suffixe
+$streamEditor -i 's/id="\([^"]*\)_twake"/id="\1"/g' /tmp/icons-sprite-twake.svg
 echo "// GENERATED FILE, DO NOT EDIT THIS FILE BY HAND" > $outfile
 echo "// Use yarn sprite to regenerate" >> $outfile
-echo "export default \``cat /tmp/icons-sprite.svg`\`" >> $outfile
+echo "export default \``cat /tmp/icons-sprite-twake.svg`\`" >> $outfile

package/transpiled/react/BarTitle/index.js

@@ -4,6 +4,7 @@ var styles = {
   "BarTitle": "styles__BarTitle___I5r2e"
 };
 import Typography from "cozy-ui/transpiled/react/Typography";
+import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
 
 var BarTitle = function BarTitle(_ref) {
   var noWrap = _ref.noWrap,
@@ -11,7 +12,7 @@ var BarTitle = function BarTitle(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: styles.BarTitle
   }, /*#__PURE__*/React.createElement(Typography, {
-    variant: "h5",
+    variant: isTwakeTheme() ? 'h4' : 'h5',
     component: "h1",
     noWrap: noWrap
   }, children));

package/transpiled/react/Icon/Sprite.js

@@ -1,14 +1,17 @@
 import React from 'react';
-import IconSprintContent from "cozy-ui/transpiled/react/Icon/icons-sprite";
+import IconSpriteContent from "cozy-ui/transpiled/react/Icon/icons-sprite";
+import IconSpriteContentTwake from "cozy-ui/transpiled/react/Icon/icons-sprite-twake";
+import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
 var displayNone = {
   display: 'none'
 };
 
 var Sprite = function Sprite() {
+  var SpriteContent = isTwakeTheme() ? IconSpriteContentTwake : IconSpriteContent;
   return /*#__PURE__*/React.createElement("div", {
     style: displayNone,
     dangerouslySetInnerHTML: {
-      __html: IconSprintContent
+      __html: SpriteContent
     }
   });
 };