cozy-ui 122.9.0 → 122.10.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [122.10.1](https://github.com/cozy/cozy-ui/compare/v122.10.0...v122.10.1) (2025-04-17)
+
+
+### Bug Fixes
+
+* **AppTitle:** Bad passwords slug ([a6794c7](https://github.com/cozy/cozy-ui/commit/a6794c7))
+
+# [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)
 
 

package/package.json

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

package/react/AppTitle/index.jsx

@@ -45,7 +45,7 @@ const SLUG_TO_ICONS = {
     icon: NotesIcon,
     text: NotesTextIcon
   },
-  pass: {
+  passwords: {
     icon: PassIcon,
     text: PassTextIcon
   },

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/AppTitle/index.js

@@ -52,7 +52,7 @@ var SLUG_TO_ICONS = {
     icon: NotesIcon,
     text: NotesTextIcon
   },
-  pass: {
+  passwords: {
     icon: PassIcon,
     text: PassTextIcon
   },

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
     }
   });
 };