@xaypay/tui 0.2.34 → 0.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaypay/tui",
-  "version": "0.2.34",
+  "version": "0.3.1",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/tui.config.js

@@ -40,7 +40,6 @@ export default {
     BUTTON: {
         opacity: 1,
         width: '100%',
-        radius: '6px',
         className: '',
         type: 'button',
         height: '46px',
@@ -49,18 +48,17 @@ export default {
         disabled: false,
         cursor: 'pointer',
         contentWidth: false,
+        borderRadius: '6px',
+        outlineWidth: '2px',
         padding: '12px 20px',
+        disabledBorderWidth: '2px',
         transition: 'background-color 240ms, color 240ms',
-        
-        box: {
-            sizing: boxSizing,
-        },
 
         colors: {
             background: 'rgba(0, 35, 106, 1)',
             backgroundHover: '#CB3A3A',
             disabled: 'rgba(60, 57, 62, 1)',
-            disabledLine: 'rgba(60, 57, 62, 1)',
+            disabledBorderColor: 'rgba(60, 57, 62, 1)',
             disabledBackground: 'rgba(238, 238, 238, 1)',
             withoutStyling: {
                 color: '#000000',
@@ -78,8 +76,7 @@ export default {
         },
 
         icon: {
-            marginLeft: '10px',
-            marginRight: '10px'
+            gap: '10px',
         },
 
         withoutStyling: false
@@ -145,6 +142,7 @@ export default {
             marginTop: '10px',
             iconMargin: '10px',
             lineHeight: '19px',
+            inContent: false,
 
             box: {
                 shadow: '0 0 0 1px #F20918'
@@ -366,6 +364,7 @@ export default {
             colors: {
                 hover: '#373538',
                 background: presetColors.extraLight,
+                placeholderDisable: presetColors.dark,
                 backgroundDisable: presetColors.secondary,
             },
 
@@ -409,6 +408,7 @@ export default {
             color: 'rgb(238, 0, 0)',
             marginTop: '10px',
             zIndex: 10,
+            inContent: false,
 
             box: {
                 shadow: `0 0 0 2px ${presetColors.danger}`
@@ -440,7 +440,7 @@ export default {
         box: {
             sizing: boxSizing,
             shadow: `0 0 0 2px ${presetColors.secondary}`, // like border
-
+            width: '2px', // like border width
             colors: {
                 hover: `0 0 0 2px ${presetColors.dark}`, // like border color
                 focus: `0 0 0 2px ${presetColors.primarySecond}`, // like border color
@@ -597,6 +597,7 @@ export default {
         error: {
             color: presetColors.danger,
             marginTop: '10px',
+            inContent: false,
 
             font: {...fontObject},
 
@@ -636,10 +637,9 @@ export default {
             height: 'auto',
         },
 
-        or: 'կամ',
         upload: 'Բեռնել',
         uploadColor: presetColors.success,
-        putFileHere: 'Տեղադրել ֆայլը այստեղ',
+        putFileHere: 'Տեղադրել ֆայլը այստեղ կամ',
         
         sizeText: 'Առավելագույնը',
         timeForRemoveError: 4000,
@@ -668,6 +668,7 @@ export default {
             showLessText: 'Փակել',
             showMoreText: 'Ավելին',
             showMoreTextColor: '#2C46C1',
+            marginBottom: '6px',
             color: '#4A4A4D',
 
             font: {...fontObject},
@@ -685,11 +686,12 @@ export default {
 
         error: {
             color: presetColors.danger,
-
+            marginTop: '6px',
             font: {...fontObject},
 
             format: 'ֆայլի սխալ ֆորմատ',
             maxSize: 'Առավելագույն ծավալ',
+            formatValidate: 'Վնասված ֆայլ',
             noChoosenFile: 'Ֆայլը ընտրված չէ',
         },
 
@@ -760,21 +762,21 @@ export default {
         height: '',
         maxWidth: '95%',
         minWidth: '320px',
-        maxHeight: '95vh',
+        maxHeight: '95dvh',
         minHeight: '200px',
-        radius: '14px',
-        noScroll: false,
+        underScroll: false,
         padding: '20px 20px 20px',
         className: '',
         alignItems: 'center',
         outsideClose: true,
         justifyContent: 'center',
         grayDecorHeight: '80px',
-
+        
         border: {
             width: '20px',
             style: 'solid',
             color: transparent,
+            radius: '14px',
         },
 
         colors: {
@@ -821,8 +823,8 @@ export default {
     // default properties for <SwipeModal /> component
     SWIPEMODAL: {
         width: '300px',
-        height: '100vh',
-        noScroll: false,
+        height: '100dvh',
+        underScroll: false,
         titleStyle: {
             color: '#1C212D',
             textAlign: 'left',
@@ -832,7 +834,7 @@ export default {
         },
         parent: {
             width: '100%',
-            height: '100vh',
+            height: '100dvh',
             colors: {
                 background: 'rgba(60, 61, 70, 0.2)'
             }