@platformatic/ui-components 0.1.51 → 0.1.53

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@platformatic/ui-components",
   "description": "Platformatic UI Components",
-  "version": "0.1.51",
+  "version": "0.1.53",
   "type": "module",
   "license": "Apache-2.0",
   "repository": {
@@ -18,7 +18,8 @@
     "tailwind": "tailwindcss -i ./src/styles/main.css -o ./dist/main.css",
     "lint": "standard src | snazzy",
     "lint:fix": "standard src --fix",
-    "test": "vitest run"
+    "test": "vitest run",
+    "prepare": "rm -Rf dist; npm run build; npm run tailwind"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.2.0",

package/src/components/icons/AddIcon.jsx

@@ -22,7 +22,7 @@ const AddIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -72,7 +72,7 @@ AddIcon.propTypes = {
 
 AddIcon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default AddIcon

package/src/components/icons/AlertIcon.jsx

@@ -23,7 +23,7 @@ const AlertIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -75,7 +75,7 @@ AlertIcon.propTypes = {
 
 AlertIcon.defaultProps = {
   color: 'red',
-  size: 'small'
+  size: 'medium'
 }
 
 export default AlertIcon

package/src/components/icons/AllInOneIcon.jsx

@@ -33,7 +33,7 @@ const AllInOneIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -105,7 +105,7 @@ AllInOneIcon.propTypes = {
 
 AllInOneIcon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default AllInOneIcon

package/src/components/icons/ApiCloudIcon.jsx

@@ -27,7 +27,7 @@ const ApiCloudIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -87,7 +87,7 @@ ApiCloudIcon.propTypes = {
 
 ApiCloudIcon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default ApiCloudIcon

package/src/components/icons/ApiIcon.jsx

@@ -24,7 +24,7 @@ const ApiIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -78,7 +78,7 @@ ApiIcon.propTypes = {
 
 ApiIcon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default ApiIcon

package/src/components/icons/AppIcon.jsx

@@ -25,7 +25,7 @@ const AppIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -79,7 +79,7 @@ AppIcon.propTypes = {
 
 AppIcon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default AppIcon

package/src/components/icons/ArrowDownFullIcon.jsx

@@ -22,7 +22,7 @@ const ArrowDownFullIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -70,7 +70,7 @@ ArrowDownFullIcon.propTypes = {
 
 ArrowDownFullIcon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default ArrowDownFullIcon

package/src/components/icons/ArrowDownIcon.jsx

@@ -21,7 +21,7 @@ const ArrowDownIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -69,7 +69,7 @@ ArrowDownIcon.propTypes = {
 
 ArrowDownIcon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default ArrowDownIcon

package/src/components/icons/ArrowLeftIcon.jsx

@@ -21,7 +21,7 @@ const ArrowLeftIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -69,7 +69,7 @@ ArrowLeftIcon.propTypes = {
 
 ArrowLeftIcon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default ArrowLeftIcon

package/src/components/icons/ArrowRightIcon.jsx

@@ -21,7 +21,7 @@ const ArrowRightIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -69,7 +69,7 @@ ArrowRightIcon.propTypes = {
 
 ArrowRightIcon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default ArrowRightIcon

package/src/components/icons/ArrowUpIcon.jsx

@@ -21,7 +21,7 @@ const ArrowDownIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -69,7 +69,7 @@ ArrowDownIcon.propTypes = {
 
 ArrowDownIcon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default ArrowDownIcon

package/src/components/icons/Calendar1DayIcon.jsx

@@ -27,7 +27,7 @@ const Calendar1DayIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -84,7 +84,7 @@ Calendar1DayIcon.propTypes = {
 
 Calendar1DayIcon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default Calendar1DayIcon

package/src/components/icons/Calendar7DaysIcon.jsx

@@ -27,7 +27,7 @@ const Calendar7DaysIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -82,7 +82,7 @@ Calendar7DaysIcon.propTypes = {
 
 Calendar7DaysIcon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default Calendar7DaysIcon

package/src/components/icons/CalendarIcon.jsx

@@ -31,7 +31,7 @@ const CalendarIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -96,7 +96,7 @@ CalendarIcon.propTypes = {
 
 CalendarIcon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default CalendarIcon

package/src/components/icons/CircleAddIcon.jsx

@@ -23,7 +23,7 @@ const CircleAddIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -75,7 +75,7 @@ CircleAddIcon.propTypes = {
 
 CircleAddIcon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default CircleAddIcon

package/src/components/icons/CloseIcon.jsx

@@ -22,7 +22,7 @@ const CloseIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -73,7 +73,7 @@ CloseIcon.propTypes = {
 
 CloseIcon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default CloseIcon

package/src/components/icons/CopyPasteIcon.jsx

@@ -23,7 +23,7 @@ const CopyPasteIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -75,7 +75,7 @@ CopyPasteIcon.propTypes = {
 
 CopyPasteIcon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default CopyPasteIcon

package/src/components/icons/DatabaseIcon.jsx

@@ -23,7 +23,7 @@ const DatabaseIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -75,7 +75,7 @@ DatabaseIcon.propTypes = {
 
 DatabaseIcon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default DatabaseIcon

package/src/components/icons/EditIcon.jsx

@@ -23,7 +23,7 @@ const EditIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -75,7 +75,7 @@ EditIcon.propTypes = {
 
 EditIcon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default EditIcon

package/src/components/icons/GearIcon.jsx

@@ -22,7 +22,7 @@ const GearIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -72,7 +72,7 @@ GearIcon.propTypes = {
 
 GearIcon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default GearIcon

package/src/components/icons/Users2Icon.jsx

@@ -24,7 +24,7 @@ const Users2Icon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -78,7 +78,7 @@ Users2Icon.propTypes = {
 
 Users2Icon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default Users2Icon

package/src/components/icons/WorkspaceDynamicIcon.jsx

@@ -25,7 +25,7 @@ const WorkspaceDynamicIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -81,7 +81,7 @@ WorkspaceDynamicIcon.propTypes = {
 
 WorkspaceDynamicIcon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default WorkspaceDynamicIcon

package/src/components/icons/WorkspaceReadyIcon.jsx

@@ -26,7 +26,7 @@ const WorkspaceReadyIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -138,7 +138,7 @@ WorkspaceReadyIcon.propTypes = {
 
 WorkspaceReadyIcon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default WorkspaceReadyIcon

package/src/components/icons/WorkspaceStaticIcon.jsx

@@ -24,7 +24,7 @@ const WorkspaceStaticIcon = ({ color, size }) => {
         </svg>
       )
       break
-    case 'normal':
+    case 'medium':
       icon = (
         <svg
           width={24}
@@ -78,7 +78,7 @@ WorkspaceStaticIcon.propTypes = {
 
 WorkspaceStaticIcon.defaultProps = {
   color: 'main-dark-blue',
-  size: 'normal'
+  size: 'medium'
 }
 
 export default WorkspaceStaticIcon

package/src/stories/PlatformaticIcon.stories.jsx

@@ -41,7 +41,7 @@ PlatformaticIconSmall.args = {
 export const PlatformaticIconNormal = AllIconsTemplate.bind({})
 PlatformaticIconNormal.args = {
   color: 'white',
-  size: 'normal'
+  size: 'medium'
 }
 
 export const PlatformaticIconLarge = AllIconsTemplate.bind({})