@xaypay/tui 0.2.15 → 0.2.16

package/package.json

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

package/tui.config.js

@@ -1,10 +1,12 @@
-import React from 'react'
+// import React from 'react'
 // import info from './src/assetsTMP/info.png';
 // import error from './src/assetsTMP/error.png';
 // import close from './src/assetsTMP/close.svg';
 // import warn from './src/assetsTMP/warning.png';
 // import success from './src/assetsTMP/success.png';
 import closeCall from './src/assetsTMP/closeCall.svg';
+import greenPlus from './src/assetsTMP/greenplus.svg';
+import greenMinus from './src/assetsTMP/greenminus.svg';
 
 const boxSizing = 'border-box';
 const fontStyle = 'normal';
@@ -95,6 +97,7 @@ export default {
         className: '',
         maxLength: 255,
         iconWidth: '64px',
+        iconPadding: '10px',
         autoComplete: 'off',
 
         box: {
@@ -130,6 +133,10 @@ export default {
             iconMargin: '10px',
             lineHeight: '19px',
 
+            box: {
+                shadow: '0 0 0 1px #F20918'
+            },
+
             font: {...fontObject}
         },
 
@@ -290,6 +297,7 @@ export default {
     SELECT: {
         dots: false,
         className: '',
+        arrowNoRotate: false,
         showCloseIcon: true,
         // arrowIcon: React.createElement(SvgChecked, { fill: 'green' }),
         // closeIcon: React.createElement(SvgChecked, { fill: 'green' }),
@@ -693,7 +701,13 @@ export default {
         header: {
             color: presetColors.primarySecond,
             height: '30px',
-            font: {...fontObject}
+            align: 'left',
+            font: {...fontObject},
+            icon: {
+                maxWidth: '60px',
+                maxHeight: '60px',
+                marginRight: '20px'
+            }
         },
 
         image: {
@@ -738,7 +752,7 @@ export default {
         border: {
             radius: '10px'
         },
-        withParent: true,
+        // withParent: true,
         outSideClose: false,
         closeIcon: closeCall,
     },
@@ -828,7 +842,33 @@ export default {
     },
     // default properties for <Pagination /> component
     PAGINATION: {
+        width: '34px',
+        height: '34px',
+        lineHeight: '16px',
         className: '', // for pagination class
+        color: '#000000',
+
+        font: {
+            size: '13px',
+            style: '',
+            weight: '',
+            family: ''
+        },
+
+        colors: {
+            hover: '#000000',
+            active: '#ffffff',
+            background: '#ffffff',
+            activeHover: '#ffffff',
+            hoverBackground: '#dddddd',
+            activeBackground: '#00236a'
+        },
+
+        border: {
+            width: '1px',
+            color: 'rgba(238,238,238, 1)',
+            radius: '6px',
+        }
     },
     // default properties for <Toaster /> component
     TOASTER: {
@@ -895,11 +935,13 @@ export default {
             width: '2px',
             style: 'solid',
             color: '#E7E7E7',
+            hoverColor: '#E7E7E7',
             activeColor: '#3C3D46',
         },
 
         label: {
             color: '#3C3D46',
+            activeColor: '#3C3D46',
             lineHeight: '21px',
 
             font: {...fontObject}
@@ -908,5 +950,44 @@ export default {
     // default properties for <Form /> component
     FORM: {
         className: ''
+    },
+    // default properties for <Accordion /> component
+    ACCORDION: {
+        className: '',
+        padding: '15px',
+        color: '#121212',
+        marginBottom: '0px',
+        
+        colors: {
+            hover: '#009B8B',
+            background: '#E5E7EA',
+            backgroundHover: '#CBCED5'
+        },
+
+        border: {
+            color: '#A8ADB9',
+            width: '1px',
+            style: 'solid',
+
+            radius: '0px',
+
+            top: false,
+            left: false,
+            right: false,
+            bottom: true
+        },
+
+        font: {
+            size: '14px',
+            style: 'normal',
+            weight: 700,
+            family: 'Noto Sans Armenian'
+        },
+
+        icon: {
+            open: greenPlus,
+            close: greenMinus,
+            openHover: greenPlus,
+        }
     }
 }