Merge pull request #61 from JorgeRojo/develop

v1.1.78
JR-NodePI · Aug 1, 2023 · 61b849a · 61b849a
2 parents 35e0b3c + 6eb5f39
commit 61b849a
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 7 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "fratch-ui",
-  "version": "1.1.77",
+  "version": "1.1.78",
   "repository": {
     "type": "git",
     "url": "https://github.com/JorgeRojo/fratch-ui.git"
@@ -62,7 +62,7 @@
     "format": "prettier --write ./*.{ts,json} ./.storybook/**/*.ts ./src/**/*.{ts,tsx,css}",
     "lint": "eslint --max-warnings=0 . --ext .ts,.tsx  --fix",
     "start": "storybook dev -p 6006",
-    "build": "ls ./ && rm -rf ./dist && tsc && cross-env NODE_OPTIONS='--max_old_space_size=8192' vite build --config vite.build.config.ts",
+    "build": "rm -rf ./dist && tsc && cross-env NODE_OPTIONS='--max_old_space_size=8192' vite build --config vite.build.config.ts",
     "storybook:build": "storybook build",
     "storybook:preview": "yarn storybook:build && vite preview --outDir ./storybook-static/ --open /",
     "dist:files": "cp -f ./package.json ./dist/package.json && cp -f ./README.md ./dist/README.md  && cp -f ./LICENSE ./dist/LICENSE.md",

diff --git a/src/components/Toaster/Toaster.module.css b/src/components/Toaster/Toaster.module.css
@@ -34,7 +34,9 @@
   border-left: solid 6px var(--ft-toaster-color);
   background-color: var(--ft-color-white);
   box-shadow: var(--ft-box-shadow-2);
-  transition: height 300ms ease-in-out, opacity 300ms ease-in-out,
+  transition:
+    height 300ms ease-in-out,
+    opacity 300ms ease-in-out,
     transform 300ms ease-in-out;
   transform: translateY(48px);
   overflow: hidden;
@@ -60,8 +62,8 @@
 }
 .toaster_item .icon {
   position: absolute;
-  top: 12px;
   left: 12px;
+  top: 12px;
   width: var(--toaster-item-icon-size);
   height: var(--toaster-item-icon-size);
   font-size: var(--toaster-item-icon-size);

diff --git a/src/components/Toaster/ToasterItem.tsx b/src/components/Toaster/ToasterItem.tsx
@@ -99,7 +99,7 @@ export default function ToasterItem({
     >
       {renderIconByType(type)}
       {title && <h5 className={c(styles.title)}>{title}</h5>}
-      <p className={c(styles.message)}>{finalMessage}</p>
+      {message && <p className={c(styles.message)}>{finalMessage}</p>}
       {toMuchDuration && <ButtonCloser onClick={handleClose} />}
     </div>
   );

diff --git a/src/components/Toaster/ToasterListContextProps.ts b/src/components/Toaster/ToasterListContextProps.ts
@@ -3,7 +3,7 @@ import { ToasterType } from './ToasterConstants';
 export interface Toaster {
   id?: string;
   title?: string;
-  message: string;
+  message?: string;
   type: (typeof ToasterType)[keyof typeof ToasterType];
   duration?: number;
   nlToBr?: boolean;

diff --git a/src/styles/default_variables.css b/src/styles/default_variables.css
@@ -112,6 +112,6 @@
   );
   --ft-select-list-item-selected-text-color: var(--ft-color-black);
 
-  --toaster-item-icon-size: 28px;
+  --toaster-item-icon-size: 25px;
   --button-icon-size: 1.1em;
 }