@xaypay/tui 0.0.71 → 0.0.72

package/src/stories/usage.stories.mdx

@@ -8,14 +8,17 @@ import Plugin from './assets/plugin.svg';
 import Repo from './assets/repo.svg';
 import StackAlt from './assets/stackalt.svg';
 
+import fileImage from './static/file-usage.png';
 import captcha from './static/captcha-usage.png';
+import inputImage from './static/input-usage.png';
 import buttonImage from './static/button-usage.png';
 import selectImage from './static/select-usage.png';
 import toastImage from './static/toaster-usage.png';
+import tooltipImage from './static/tooltip-usage.png';
 import textareaImage from './static/textarea-usage.png';
+import fileSingleImage from './static/file-single-usage.png';
 import toasterImage from './static/toaster-container-usage.png';
-import inputTooltipImage from './static/input-tooltip-usage.png';
-import newAutocompleteImage from './static/new-autocomplete-usage.png';
+import autocompleteImage from './static/autocomplete-usage.png';
 
 <Meta title="Intro/Usage" />
 
@@ -130,15 +133,15 @@ import newAutocompleteImage from './static/new-autocomplete-usage.png';
 # Usage
 
 ### Button
-
 <img src={buttonImage} alt="button image" />
 
-### Input / Tooltip
+### Input
+<img src={inputImage} alt="input image" />
 
-<img src={inputTooltipImage} alt="input tooltip image" />
+### Tooltip
+<img src={tooltipImage} alt="tooltip image" />
 
 ### Select
-
 <img src={selectImage} alt="select image" />
 
 ### Toaster
@@ -153,7 +156,13 @@ import newAutocompleteImage from './static/new-autocomplete-usage.png';
 <img src={textareaImage} alt="textarea image" />
 
 ### NewAutocomplete
-<img src={newAutocompleteImage} alt="autocomplete image" />
+<img src={autocompleteImage} alt="autocomplete image" />
 
 ### Captcha
-<img src={captcha} alt="captcha image" />
+<img src={captcha} alt="captcha image" />
+
+### NewFile in Multiple Mode
+<img src={fileImage} alt="file image" />
+
+### NewFile in Single Mode
+<img src={fileSingleImage} alt="file image" />

package/tui.config.js

@@ -238,10 +238,12 @@ module.exports = {
         minWidth: '200px',                                    // for minimum width
         maxWidth: '500px',                                    // for maximum width
         labelSize: '16px',                                    // for label font size
+        errorSize: '12px',                                    // for error font size
         minHeight: '100px',                                   // for minimum height
         maxHeight: '300px',                                   // for maximum height
         border: '2px solid',                                  // for border
         padding: '12px 15px',                                 // for padding
+        errorColor: '#E40E00',                                // for error color
         labelColor: '#3C393E',                                // for label color
         labelWeight: 'normal',                                // for label font weight
         labelDisplay: 'block',                                // for label display
@@ -329,25 +331,41 @@ module.exports = {
     },
     // default properties for <File /> component
     File: {
+        or: 'կամ',                                            // for file place text
         weight: 400,                                          // for file place font weight
         size: '12px',                                         // for file font size
-        radius: '6px',
+        radius: '6px',                                        // for file place border radius
         width: '440px',                                       // for file width
         height: '200px',                                      // for file choose place height
         color: '#3C393E',                                     // for file place color
+        upload: 'Բեռնել',                                     // for file place text
         labelSize: '16px',                                    // for file font size
         border: '2px dashed',                                 // for file choose place border
         errorColor: '#ee0000',                                // for file error message color
         labelColor: '#4A4A4D',                                // for file color
         errorColor: '#ee0000',                                // for file place error color
         borderColor: '#D1D1D1',                               // for file choose place border color
+        listItemHeight: '70px',                               // for file list item height
         uploadColor: '#0DA574',                               // for file place upload text color
+        progressColor: '#4A4A4D',                             // for file progress bar color
+        progressFontSize: '16px',                             // for file progress bar font size
+        listItemErrorSize: '16px',                            // for file multiple mode error font size
         backgroundColor: '#F8F8F8',                           // for file choose place background color
+        listItemErrorColor: 'black',                          // for file multiple mode error color
         borderHoverColor: '#00236A',                          // for file border color, when hover is happening
+        fileAreaImageHeight: 'auto',                          // for file place choosen image preview height
+        listItemPadding: '14px 20px',                         // for file list item padding
+        fileSizeText: 'Առավելագույնը',                        // for file place file size text
+        fileAreaImageWidth: '27.8rem',                        // for file place choosen image preview width
         labelRequiredColor: '#ee0000',                        // for file label required color
         progressTrackColor: '#E5E8E8',                        // for file item progress track background color
         extentionsRowMarginTop: '40px',                       // for file extentions row margin top
-        hiddenBackgroundColor: 'rgba(60, 57, 62, 0.4)',       // for file place background color when hover on file place and there is a choosen file
+        progressFailedColor: '#E40E00',                       // for file list item progress backfround color when file upload is failed
+        progressSuccessColor: '#069768',                      // for file list item progress background color when file upload is success
+        progressLoadingColor: '#051942',                      // for file list item progress background color when file upload is loading
         listItemBackgroundColor: '#F6F8F8',                   // for file list item background color
+        putFileHere: 'Տեղադրել ֆայլը այստեղ',                 // for file place text
+        hiddenBackgroundColor: 'rgba(60, 57, 62, 0.4)',       // for file place background color when hover on file place and there is a choosen file
+        listItemBackgroundErrorColor: 'rgba(255, 0, 0, 0.7)', // for file multiple mode error background color
     }
 };