@xaypay/tui 0.0.74 → 0.0.76
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +236 -126
- package/dist/index.js +236 -126
- package/package.json +1 -1
- package/src/components/icon/CloseSlide.js +19 -0
- package/src/components/icon/Next.js +21 -0
- package/src/components/icon/Prev.js +21 -0
- package/src/components/input/index.js +23 -19
- package/src/components/modal/index.js +173 -111
- package/src/components/modal/modal.module.css +14 -65
- package/src/components/modal/modal.stories.js +6 -2
- package/src/stories/configuration.stories.mdx +16 -0
- package/src/stories/static/modal-usage.png +0 -0
- package/src/stories/usage.stories.mdx +5 -1
- package/tui.config.js +13 -0
package/tui.config.js
CHANGED
|
@@ -361,5 +361,18 @@ module.exports = {
|
|
|
361
361
|
putFileHere: 'Տեղադրել ֆայլը այստեղ', // for file place text
|
|
362
362
|
hiddenBackgroundColor: 'rgba(60, 57, 62, 0.4)', // for file place background color when hover on file place and there is a choosen file
|
|
363
363
|
listItemBackgroundErrorColor: 'rgba(255, 0, 0, 0.7)', // for file multiple mode error background color
|
|
364
|
+
},
|
|
365
|
+
// default properties for <Modal /> component
|
|
366
|
+
MODAL: {
|
|
367
|
+
radius: '14px', // for modal border radius
|
|
368
|
+
headerSize: '20px', // for modal header font size
|
|
369
|
+
imageWidth: '600px', // for modal image width on images mode
|
|
370
|
+
headerWeight: '600', // for modal header font weight
|
|
371
|
+
imageHeight: '300px', // for modal image height on images mode
|
|
372
|
+
headerHeight: '27px', // for modal header height
|
|
373
|
+
headerColor: '#00236a', // for modal header color
|
|
374
|
+
backgroundColor: 'white', // for modal background color
|
|
375
|
+
padding: '10px 20px 20px', // for modal padding
|
|
376
|
+
layerBackgroundColor: 'rgba(0,0,0,0.4)', // for modal parent layer background color
|
|
364
377
|
}
|
|
365
378
|
};
|