@platformatic/ui-components 0.7.21 → 0.7.23

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@platformatic/ui-components",
   "description": "Platformatic UI Components",
-  "version": "0.7.21",
+  "version": "0.7.23",
   "type": "module",
   "license": "Apache-2.0",
   "repository": {

package/src/components/Modal.module.css

@@ -3,7 +3,7 @@
   background-color: rgba(0, 0, 0, 0.95);
 }
 .blur-absolute {
-  @apply absolute top-0 left-0 w-full h-full z-10 bg-rich-black/95;
+  @apply absolute top-0 left-0 w-full h-full z-20 bg-rich-black/95;
 }
 .blur-fixed {
   @apply fixed top-0 left-0 w-screen h-full z-20 bg-rich-black/95 flex justify-center items-center;

package/src/components/ModalDirectional.module.css

@@ -1,5 +1,5 @@
 .blur {
-  @apply fixed top-0 left-0 w-full h-full z-10 bg-rich-black/95;
+  @apply fixed top-0 left-0 w-full h-full z-20 bg-rich-black/95;
 }
 .container {
   @apply z-20 fixed top-0 -right-[100%] min-h-full h-full bg-rich-black border-solid border-white/30 border-l; 

package/src/components/forms/InputFileUpload.jsx

@@ -105,7 +105,7 @@ function InputFileUpload ({
           <label
             for={idInputFile}
             className={focus ? focusedClassName() : normalClassName()}
-          >{file !== null ? file.name : 'Select .env file'}
+          >{file !== null ? file.name : inputPlaceholder}
           </label>
           {file !== null && <span className={`${styles.afterInputDetail} ${detailTextClassName}`} onClick={() => onClickDetail()}>Detail</span>}
         </div>

package/src/stories/forms/InputFileUpload.stories.jsx

@@ -32,11 +32,12 @@ export const Default = Template.bind({})
 
 Default.args = {
   name: 'test',
-  placeholder: 'Platformatic',
+  placeholder: 'Select txt file',
   borderColor: 'main-dark-blue',
   beforeIcon: {
     iconName: 'AddIcon',
     color: RICH_BLACK,
     onClick: null
-  }
+  },
+  acceptFiles: '.txt'
 }