diginet-core-ui 1.3.89-beta.1 → 1.3.89-beta.2
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/assets/images/menu/dhr/MHRP51N0003.svg +13 -0
- package/assets/images/menu/dhr/MHRP51N0004.svg +14 -0
- package/components/form-control/date-range-picker/index.js +1 -1
- package/components/form-control/dropdown/index.js +50 -59
- package/components/index.js +1 -0
- package/icons/basic.js +24 -0
- package/package.json +1 -1
- package/styles/colors.js +1 -0
- package/styles/general.js +46 -29
- package/styles/utils.js +1 -0
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_847_46)">
|
|
3
|
+
<path d="M18.6998 0H15.7998C14.9998 0 14.2998 0.7 14.2998 1.5V5.9C14.2998 6.7 14.9998 7.4 15.7998 7.4H18.6998C19.4998 7.4 20.1998 6.7 20.1998 5.9V1.5C20.1998 0.7 19.4998 0 18.6998 0Z" fill="#2680EB"/>
|
|
4
|
+
<path d="M27.5998 11.8C27.5998 7.7 25.1998 4.2 21.6998 2.5V5.9C21.6998 7.5 20.3998 8.8 18.7998 8.8H15.8998C14.2998 8.8 12.9998 7.5 12.9998 5.9V2.5C9.39982 4.1 6.99982 7.7 6.99982 11.8C6.19982 11.8 5.49982 12.5 5.49982 13.3V14.8C5.49982 15.6 6.19982 16.3 6.99982 16.3H27.5998C28.3998 16.3 29.0998 15.6 29.0998 14.8V13.3C28.9998 12.4 28.3998 11.8 27.5998 11.8Z" fill="#2680EB"/>
|
|
5
|
+
<path d="M33.4998 21.4C33.2998 21 32.8998 20.8 32.4998 20.8C32.2998 20.8 31.8998 20.9 31.5998 21.2C31.3998 21.5 30.9998 21.9 30.6998 22.2C29.8998 23.1 28.8998 24.3 28.4998 24.6C28.3998 24.7 28.2998 24.7 28.1998 24.7C28.0998 24.7 27.9998 24.6 27.9998 24.5C27.9998 24.4 27.9998 24.3 28.0998 24.2C28.2998 24 28.8998 23.4 29.4998 22.7C30.2998 21.8 31.2998 20.7 31.6998 20.3C31.9998 20 32.0998 19.5 31.8998 19.1C31.6998 18.7 31.3998 18.4 30.8998 18.4C30.5998 18.4 30.2998 18.5 29.9998 18.8C28.8998 19.9 26.6998 22.2 26.3998 22.5C26.2998 22.6 26.1998 22.6 26.0998 22.6C25.9998 22.6 25.8998 22.6 25.8998 22.5C25.8998 22.5 25.8998 22.4 25.9998 22.2C26.2998 21.9 26.6998 21.4 27.2998 20.8C27.8998 20.2 28.4998 19.5 28.9998 18.9C29.3998 18.5 29.4998 18 29.2998 17.6C29.0998 17.2 28.6998 17 28.2998 17C27.8998 17 27.5998 17.2 27.2998 17.4C27.0998 17.6 26.6998 18.1 26.2998 18.6C25.2998 19.9 23.8998 21.6 22.7998 22.2C22.6998 22.2 22.4998 22.4 21.7998 22.3C20.9998 22.2 20.4998 20.8 20.3998 20C20.2998 19.6 20.2998 19.2 20.0998 19C19.8998 18.6 19.2998 18.3 18.6998 18.3C18.2998 18.3 17.9998 18.4 17.7998 18.7C17.6998 18.9 17.4998 19.2 17.5998 19.7C17.6998 20 17.7998 20.3 17.8998 20.7C18.1998 21.9 18.6998 23.8 18.4998 26C18.3998 26.7 18.0998 27.4 17.4998 28C16.4998 27.1 15.8998 26.2 15.7998 25.4C15.7998 23.5 16.0998 22.3 16.3998 21.3C16.4998 21 16.5998 20.7 16.5998 20.3C16.7998 19.6 16.4998 19.2 16.2998 18.9C15.9998 18.6 15.5998 18.4 15.0998 18.4C14.3998 18.4 13.6998 18.8 13.3998 19.3C13.1998 19.7 13.0998 20.1 13.0998 20.5C12.9998 21.2 12.8998 21.8 11.9998 22.3C11.9998 22.3 11.8998 22.3 11.7998 22.3C10.8998 21.8 9.29982 20.2 8.29982 18.9C7.89982 18.4 7.49982 17.9 7.29982 17.7C6.89982 17.3 6.49982 17.1 5.99982 17.1C5.39982 17.1 4.79982 17.4 4.59982 18C4.49982 18.2 4.49982 18.5 4.49982 18.7C4.19982 18.5 3.89982 18.4 3.59982 18.4C2.99982 18.4 2.49982 18.8 2.19982 19.3C1.99982 19.7 1.99982 20.1 2.19982 20.4H2.39982C1.79982 20.4 1.29982 20.7 0.999824 21.3C0.799824 21.7 0.799824 22.3 1.19982 22.7C0.799824 22.8 0.399824 23.1 0.199824 23.5C-0.100176 24 -0.000176042 24.6 0.399824 25.1C0.899824 26.1 12.9998 38.7 12.9998 38.7C13.0998 38.9 13.2998 39 13.4998 39H13.5998C13.7998 39 13.8998 38.9 13.9998 38.8L17.2998 35.8L19.0998 37.4C19.3998 31.8 23.5998 27.4 29.0998 26.8V26.1C29.0998 25.3 29.4998 24.7 30.1998 24.3C30.4998 24.1 30.7998 24.1 31.0998 24.1C31.2998 24.1 31.4998 24.1 31.6998 24.2C32.2998 23.6 32.8998 22.9 33.2998 22.4C33.5998 22 33.6998 21.7 33.4998 21.4ZM13.7998 32.5L16.4998 35.1L13.5998 37.8C12.9998 37 1.69982 25.5 1.09982 24.7C0.999824 24.6 0.899824 24.4 0.999824 24.2C0.999824 24 1.19982 23.9 1.39982 23.9C1.49982 23.9 1.59982 24 1.69982 24.1C2.39982 24.9 3.89982 26.5 4.19982 26.8C4.89982 27.5 5.69982 26.8 5.09982 26.1C4.59982 25.6 2.89982 23.7 1.99982 22.6C1.29982 21.7 2.29982 21.1 2.89982 22C3.09982 22.3 5.49982 25 5.89982 25.3C6.09982 25.5 6.29982 25.6 6.49982 25.6C6.79982 25.6 7.09982 25.4 7.19982 25.2C7.29982 24.9 7.19982 24.6 6.99982 24.4C6.89982 24.3 5.89982 23.3 4.89982 22.3C3.89982 21.1 3.29982 20.6 3.49982 20.2C3.59982 20 3.79982 19.9 3.99982 19.9C4.19982 19.9 4.39982 20.1 4.49982 20.2C5.49982 21.2 7.59982 23.4 7.89982 23.7C8.09982 23.8 8.29982 24 8.49982 24C8.79982 24 8.99982 23.8 9.09982 23.6C9.19982 23.4 9.19982 23.2 8.89982 22.8C8.59982 22.5 8.19982 22 7.69982 21.4C6.99982 20.6 6.39982 20 5.89982 19.4C5.79982 19.3 5.59982 18.9 5.69982 18.7C5.79982 18.5 5.99982 18.3 6.29982 18.3C6.49982 18.3 6.69982 18.4 6.89982 18.6C7.09982 18.8 7.49982 19.3 7.79982 19.7C8.59982 20.7 10.1998 22.5 11.3998 23.2C11.7998 23.4 12.2998 23.6 12.6998 23.3C13.9998 22.6 14.1998 21.6 14.2998 20.8C14.2998 20.5 14.3998 20.2 14.4998 20C14.6998 19.7 14.9998 19.5 15.3998 19.5C15.5998 19.5 15.7998 19.6 15.8998 19.8C15.9998 19.9 15.9998 20.1 15.9998 20.4C15.8998 20.7 15.7998 21 15.7998 21.3C15.4998 22.4 15.1998 23.6 15.1998 25.4C15.1998 26 15.2998 26.2 15.3998 26.6C15.6998 27.4 16.2998 28.2 17.0998 29C15.4998 30.7 13.8998 32.2 13.8998 32.3C13.7998 32.4 13.7998 32.5 13.7998 32.5ZM34.3998 23.7C34.1998 23.3 33.8998 23.1 33.4998 23.1C33.2998 23.1 33.0998 23.2 32.7998 23.4C32.5998 23.7 32.2998 24 31.8998 24.3C31.9998 24.3 31.9998 24.4 32.0998 24.4L33.5998 25.4C33.8998 25.1 34.0998 24.8 34.1998 24.8C34.5998 24.5 34.5998 24.1 34.3998 23.7Z" fill="#2680EB"/>
|
|
6
|
+
<path d="M30.1 35.5C30.1 35.9 30.3 36.2 30.7 36.4C30.8 36.5 31 36.5 31.2 36.5C31.4 36.5 31.6 36.4 31.8 36.3L38.7 31.5C38.9 31.3 39.1 31 39.1 30.7C39.1 30.4 38.9 30.1 38.7 29.9L31.8 25.2C31.6 25.1 31.4 25 31.2 25C31 25 30.9 25 30.7 25.1C30.4 25.3 30.2 25.6 30.1 26V27.6C24.5 27.9 20 32.4 20 38V38.1C20 38.5 20.3 38.8 20.6 38.9C20.7 38.9 20.8 38.9 20.8 38.9C21.1 38.9 21.4 38.7 21.5 38.5C23.3 35.6 26.5 33.8 30 33.7L30.1 35.5Z" fill="#FF8C00"/>
|
|
7
|
+
</g>
|
|
8
|
+
<defs>
|
|
9
|
+
<clipPath id="clip0_847_46">
|
|
10
|
+
<rect width="39" height="39" fill="white"/>
|
|
11
|
+
</clipPath>
|
|
12
|
+
</defs>
|
|
13
|
+
</svg>
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_847_51)">
|
|
3
|
+
<path d="M15.1002 6.8H17.9002C18.7002 6.8 19.3002 6.2 19.3002 5.4V1.4C19.3002 0.7 18.7002 0 17.9002 0H15.1002C14.3002 0 13.7002 0.6 13.7002 1.4V5.5C13.7002 6.2 14.3002 6.8 15.1002 6.8Z" fill="#2680EB"/>
|
|
4
|
+
<path d="M27.7002 12.2V13.6C27.7002 14.4 27.1002 15 26.3002 15H6.70022C5.90022 15 5.30022 14.4 5.30022 13.6V12.2C5.30022 11.4 5.90022 10.8 6.70022 10.8C6.70022 7 9.00022 3.8 12.3002 2.2V5.3C12.3002 6.8 13.6002 8 15.1002 8H17.9002C19.4002 8 20.7002 6.8 20.7002 5.3V2.3C22.5002 3.1 24.0002 4.5 25.0002 6.2C23.3002 7.7 22.3002 9.9 22.3002 12.4V12.5C22.3002 13.2 22.8002 13.9 23.5002 14.1C23.6002 14.1 23.8002 14.2 23.9002 14.2C24.5002 14.2 25.0002 13.9 25.3002 13.5C25.8002 12.7 26.5002 12 27.3002 11.5C27.6002 11.5 27.7002 11.8 27.7002 12.2Z" fill="#2680EB"/>
|
|
5
|
+
<path d="M30.5002 17.8C30.3002 17.4 30.0002 17.2 29.6002 17.2C29.3002 17.2 29.0002 17.3 28.7002 17.6C27.7002 18.6 25.5002 20.8 25.3002 21C25.2002 21.1 25.2002 21.1 25.0002 21.1C24.9002 21.1 24.8002 21.1 24.8002 21C24.8002 21 24.8002 20.9 24.9002 20.7C25.2002 20.4 25.6002 19.9 26.1002 19.4C26.6002 18.9 27.2002 18.2 27.7002 17.7C28.1002 17.3 28.2002 16.9 28.0002 16.5C27.8002 16.2 27.5002 15.9 27.0002 15.9C26.7002 15.9 26.3002 16.1 26.0002 16.3C25.8002 16.5 25.4002 17 25.0002 17.4C24.1002 18.6 22.7002 20.2 21.7002 20.7C21.6002 20.7 21.4002 20.9 20.7002 20.8C19.9002 20.7 19.5002 19.4 19.4002 18.7C19.3002 18.3 19.3002 18 19.1002 17.7C18.9002 17.3 18.3002 17.1 17.8002 17.1C17.4002 17.1 17.1002 17.2 16.9002 17.4C16.8002 17.6 16.6002 17.9 16.8002 18.4C16.9002 18.7 16.9002 19 17.0002 19.3C17.3002 20.4 17.7002 22.1 17.6002 24.2C17.5002 24.9 17.2002 25.5 16.7002 26.1C15.7002 25.2 15.2002 24.4 15.1002 23.7C15.1002 22 15.4002 20.8 15.6002 19.9C15.7002 19.6 15.8002 19.3 15.8002 19C16.0002 18.3 15.8002 17.9 15.6002 17.7C15.3002 17.4 14.9002 17.2 14.4002 17.2C13.7002 17.2 13.1002 17.5 12.8002 18C12.6002 18.3 12.5002 18.7 12.5002 19.1C12.4002 19.8 12.3002 20.3 11.5002 20.7C11.5002 20.7 11.4002 20.8 11.3002 20.7C10.4002 20.2 8.90022 18.7 8.00022 17.6C7.60022 17.1 7.30022 16.7 7.00022 16.5C6.70022 16.2 6.20022 16 5.70022 16C5.10022 16 4.60022 16.3 4.30022 16.8C4.20022 17 4.20022 17.2 4.20022 17.4C3.90022 17.2 3.70022 17.1 3.40022 17.1C2.80022 17.1 2.30022 17.4 2.10022 18C2.00022 18.3 2.00022 18.7 2.10022 19H2.30022C1.70022 19 1.20022 19.3 1.00022 19.8C0.800219 20.2 0.900219 20.7 1.20022 21.1C0.800219 21.2 0.400219 21.5 0.200219 21.9C0.000218511 22.4 0.000218511 22.9 0.400219 23.4C1.00022 24.1 12.5002 35.7 12.5002 35.7C12.6002 35.8 12.8002 35.9 12.9002 36H13.0002C13.2002 36 13.3002 35.9 13.4002 35.8L16.5002 33L19.6002 35.7H19.7002C19.8002 35.7 19.8002 35.7 19.8002 35.6C19.8002 35.6 20.3002 35.1 21.1002 34.4C20.9002 34 20.7002 33.6 20.6002 33.3C20.3002 32.5 20.1002 31.6 20.0002 30.8C20.0002 30.5 20.0002 30.3 20.0002 29.9C20.0002 28.8 20.2002 27.7 20.5002 26.7C20.5002 26.6 20.6002 26.5 20.6002 26.5C20.6002 26.4 20.6002 26.4 20.7002 26.3C21.0002 25.5 21.4002 24.8 21.8002 24.2C22.2002 23.6 22.6002 23.1 23.1002 22.7C23.7002 22.1 24.3002 21.6 25.1002 21.2H25.2002C25.3002 21.1 25.4002 21.1 25.5002 21C25.8002 20.9 26.1002 20.7 26.4002 20.6C26.8002 20.4 27.3002 20.3 27.6002 20.2C28.0002 20.1 28.4002 20 28.8002 20C29.0002 20 29.1002 20 29.3002 19.9C29.8002 19.4 30.2002 19 30.5002 18.7C30.6002 18.6 30.7002 18.2 30.5002 17.8ZM13.2002 30L15.8002 32.4L13.0002 35C12.4002 34.2 1.60022 23.5 1.00022 22.8C0.900219 22.7 0.800218 22.5 0.900218 22.3C1.00022 22.1 1.10022 22 1.30022 22C1.40022 22 1.50022 22 1.60022 22.1C2.20022 22.8 3.70022 24.3 4.00022 24.6C4.70022 25.2 5.40022 24.6 4.80022 24C4.30022 23.5 2.70022 21.8 1.80022 20.8C1.10022 20 2.10022 19.4 2.70022 20.2C2.90022 20.4 5.20022 23 5.50022 23.3C5.70022 23.5 5.90022 23.6 6.10022 23.6C6.40022 23.6 6.60022 23.4 6.70022 23.2C6.80022 22.9 6.70022 22.7 6.50022 22.5C6.40022 22.4 5.50022 21.5 4.50022 20.5C3.50022 19.4 3.00022 18.9 3.20022 18.5C3.30022 18.3 3.50022 18.2 3.60022 18.2C3.80022 18.2 4.00022 18.3 4.10022 18.5C5.10022 19.4 7.10022 21.5 7.30022 21.7C7.50022 21.8 7.70022 22 7.90022 22C8.20022 22 8.40022 21.8 8.50022 21.6C8.60022 21.4 8.60022 21.2 8.30022 20.9C8.00022 20.6 7.60022 20.2 7.10022 19.6C6.60022 19.1 6.10022 18.5 5.60022 18C5.50022 17.9 5.30022 17.6 5.40022 17.4C5.50022 17.2 5.70022 17.1 5.90022 17.1C6.10022 17.1 6.30022 17.2 6.50022 17.4C6.70022 17.6 7.00022 18 7.40022 18.4C8.20022 19.3 9.70022 21 10.8002 21.7C11.1002 21.9 11.6002 22 12.1002 21.8C13.3002 21.1 13.5002 20.2 13.6002 19.5C13.7002 19.2 13.7002 18.9 13.8002 18.8C14.0002 18.5 14.2002 18.3 14.6002 18.3C14.8002 18.3 15.0002 18.4 15.1002 18.5C15.2002 18.6 15.2002 18.8 15.2002 19C15.1002 19.3 15.1002 19.5 15.0002 19.8C14.7002 20.8 14.4002 21.9 14.4002 23.6C14.4002 24.1 14.5002 24.4 14.6002 24.7C14.9002 25.4 15.4002 26.2 16.3002 26.9C14.8002 28.5 13.3002 29.9 13.2002 29.9C13.1002 29.9 13.2002 30 13.2002 30ZM32.0002 19.7C31.8002 19.4 31.5002 19.2 31.1002 19.2C30.9002 19.2 30.6002 19.3 30.3002 19.6C30.2002 19.7 30.0002 19.9 29.9002 20.1C30.0002 20.1 30.0002 20.1 30.1002 20.1C30.8002 20.1 31.5002 20.2 32.2002 20.3C32.1002 20 32.1002 19.9 32.0002 19.7Z" fill="#2680EB"/>
|
|
6
|
+
<path d="M30.5999 10.5C30.5999 10.8 30.7999 11 30.9999 11.2C31.0999 11.3 31.1999 11.3 31.2999 11.3C31.3999 11.3 31.5999 11.3 31.6999 11.2L36.6999 7.7C36.8999 7.5 36.9999 7.3 36.9999 7.1C36.9999 6.9 36.8999 6.7 36.6999 6.6L31.6999 3.2C31.5999 3 31.4999 3 31.2999 3C31.1999 3 31.0999 3 30.9999 3.1C30.7999 3.2 30.5999 3.5 30.5999 3.7V4.9C26.5999 5 23.3999 8.3 23.3999 12.3V12.4C23.3999 12.7 23.5999 12.9 23.8999 13C23.9999 13 23.9999 13 24.0999 13C24.2999 13 24.4999 12.9 24.5999 12.7C25.8999 10.6 28.1999 9.3 30.6999 9.3L30.5999 10.5Z" fill="#FF8C00"/>
|
|
7
|
+
<path d="M36.3 23.6C35.8 23.2 35.4 22.8 34.8 22.4C33.4 21.5 31.8 21 30 21C29.6 21 29.2 21 28.8 21.1C28.4 21.1 28.1 21.2 27.7 21.3C27.3 21.4 27 21.5 26.6 21.7C26.3 21.8 26 21.9 25.8 22.1C25.7 22.1 25.6 22.2 25.5 22.3C24.9 22.7 24.3 23.1 23.8 23.6C23.4 24 23 24.4 22.7 24.9C22.3 25.5 22 26.1 21.7 26.8C21.7 26.9 21.6 27.1 21.6 27.2C21.2 28 21 29 21 30C21 30.3 21 30.5 21 30.8C21.1 31.6 21.2 32.3 21.5 33.1C21.9 34.1 22.4 35 23 35.8C24.7 37.8 27.1 39.1 29.9 39.1C33 39.1 35.7 37.6 37.3 35.2C38.3 33.7 38.9 32 38.9 30.1C39 27.5 38 25.2 36.3 23.6ZM35.6 27.1L31.2 33L30.2 34.3C30 34.8 29.5 35 29 35H28.9C28.4 35 27.9 34.8 27.6 34.4L26.3 33L24.5 31C24 30.5 24 29.6 24.6 29.1C24.9 28.9 25.2 28.7 25.5 28.7C25.9 28.7 26.2 28.9 26.5 29.2L28.7 31.6L28.8 31.7C28.9 31.7 28.9 31.7 28.9 31.6L33.4 25.5C33.7 25.1 34.1 25 34.5 25C34.8 25 35 25.1 35.3 25.3C35.9 25.7 36 26.5 35.6 27.1Z" fill="#1CA261"/>
|
|
8
|
+
</g>
|
|
9
|
+
<defs>
|
|
10
|
+
<clipPath id="clip0_847_51">
|
|
11
|
+
<rect width="39" height="39" fill="white"/>
|
|
12
|
+
</clipPath>
|
|
13
|
+
</defs>
|
|
14
|
+
</svg>
|
|
@@ -1182,7 +1182,7 @@ DateRangePicker.propTypes = {
|
|
|
1182
1182
|
style: PropTypes.object,
|
|
1183
1183
|
/** Text align of the input. */
|
|
1184
1184
|
textAlign: PropTypes.oneOf(['center', 'end', 'start']),
|
|
1185
|
-
/** The value of the input element, required for a controlled component.
|
|
1185
|
+
/** The value of the input element, required for a controlled component. String must be [Date string](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/Date): YYYY/MM/DD, MM/DD/YYYY,...*/
|
|
1186
1186
|
value: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string])),
|
|
1187
1187
|
/** The variant to use. */
|
|
1188
1188
|
viewType: PropTypes.oneOf(['outlined', 'underlined'])
|
|
@@ -6,29 +6,18 @@ import { getGlobal } from "../../../global";
|
|
|
6
6
|
import PropTypes from 'prop-types';
|
|
7
7
|
import { forwardRef, Fragment, memo, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
|
|
8
8
|
import ReactDOM, { createPortal } from 'react-dom';
|
|
9
|
-
import { bgColor, bgTransparent, border, borderNone, borderRadius, borderRadius4px, boxBorder, breakWord, cursorDefault, cursorNotAllowed, cursorPointer, displayBlock, displayFlex, flexColReverse, flexRow, flexWrap, inset, insetX, itemsCenter, justifyCenter, justifyStart, mgb, mgl, mgr, mgt, outlineNone, overflowAuto, overflowHidden, parseHeight, parseMaxHeight, parseMaxWidth, parseMinHeight, parseWidth, parseWidthHeight, pd, pdb, pdl, pdt, pdy, pointerEventsNone, positionAbsolute, positionFixed, positionRelative, userSelectNone, z } from "../../../styles/general";
|
|
9
|
+
import { bgColor, bgTransparent, border, borderBottom, borderBottomColor, borderColor, borderNone, borderRadius, borderRadius4px, boxBorder, breakWord, cursorDefault, cursorNotAllowed, cursorPointer, displayBlock, displayFlex, fill, flexColReverse, flexRow, flexWrap, inset, insetX, italic, itemsCenter, justifyCenter, justifyStart, mgb, mgl, mgr, mgt, outlineNone, overflowAuto, overflowHidden, parseHeight, parseMaxHeight, parseMaxWidth, parseMinHeight, parseWidth, parseWidthHeight, pd, pdb, pdl, pdt, pdy, pointerEventsNone, positionAbsolute, positionFixed, positionRelative, textColor, userSelectNone, z } from "../../../styles/general";
|
|
10
10
|
import { useTheme } from "../../../theme";
|
|
11
11
|
import { classNames, isMobile, mapParent, randomString, refType as ref, updatePosition } from "../../../utils";
|
|
12
12
|
const {
|
|
13
13
|
colors: {
|
|
14
14
|
system: {
|
|
15
|
-
active: systemActive,
|
|
16
|
-
disabled: systemDisabled,
|
|
17
|
-
rest: systemRest,
|
|
18
15
|
white: systemWhite
|
|
19
16
|
},
|
|
20
|
-
semantic: {
|
|
21
|
-
danger: semanticDanger
|
|
22
|
-
},
|
|
23
17
|
fill: {
|
|
24
|
-
hover: fillHover,
|
|
25
18
|
'scrollbar-tabbar': fillScrollbar
|
|
26
19
|
},
|
|
27
|
-
line: {
|
|
28
|
-
focus: lineFocus
|
|
29
|
-
},
|
|
30
20
|
text: {
|
|
31
|
-
main: textMain,
|
|
32
21
|
sub: textSub
|
|
33
22
|
}
|
|
34
23
|
},
|
|
@@ -1189,16 +1178,17 @@ const Dropdown = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
|
1189
1178
|
return false;
|
|
1190
1179
|
}
|
|
1191
1180
|
}
|
|
1192
|
-
}) : jsx(
|
|
1193
|
-
ref: inputRef,
|
|
1181
|
+
}) : jsx("div", {
|
|
1194
1182
|
css: _DropdownInputCSS,
|
|
1183
|
+
onClick: onClickInput
|
|
1184
|
+
}, jsx(Typography, {
|
|
1185
|
+
ref: inputRef,
|
|
1195
1186
|
hoverTooltip: true,
|
|
1196
1187
|
lineClamp: multilineSelectedItem ? undefined : 1,
|
|
1197
1188
|
type: 'p1',
|
|
1198
1189
|
style: {
|
|
1199
1190
|
lineHeight: multiple ? '30px' : '24px'
|
|
1200
1191
|
},
|
|
1201
|
-
onClick: onClickInput,
|
|
1202
1192
|
tabIndex: -1
|
|
1203
1193
|
}, textValue))), jsx("div", {
|
|
1204
1194
|
ref: iconRef,
|
|
@@ -1256,7 +1246,7 @@ const DropdownInputCSS = (viewType, multiple, placeholder, disabled, readOnly) =
|
|
|
1256
1246
|
${paragraph1};
|
|
1257
1247
|
${disabled ? cursorNotAllowed : readOnly ? cursorDefault : cursorPointer};
|
|
1258
1248
|
${parseWidth('100%')};
|
|
1259
|
-
|
|
1249
|
+
${textColor('text.main')};
|
|
1260
1250
|
${pdt(0)};
|
|
1261
1251
|
${pdb([viewType !== 'outlined' ? 0 : 'inherit'])};
|
|
1262
1252
|
${pdl([viewType !== 'outlined' ? 0 : 4])};
|
|
@@ -1277,7 +1267,7 @@ const DropdownInputCSS = (viewType, multiple, placeholder, disabled, readOnly) =
|
|
|
1277
1267
|
${itemsCenter};
|
|
1278
1268
|
${justifyCenter};
|
|
1279
1269
|
content: '${placeholder}';
|
|
1280
|
-
|
|
1270
|
+
${textColor('text.sub')};
|
|
1281
1271
|
}
|
|
1282
1272
|
&:not(:empty)::after {
|
|
1283
1273
|
visibility: hidden;
|
|
@@ -1296,7 +1286,7 @@ const DropdownInputCSS = (viewType, multiple, placeholder, disabled, readOnly) =
|
|
|
1296
1286
|
}
|
|
1297
1287
|
}
|
|
1298
1288
|
.DGN-UI-Typography {
|
|
1299
|
-
${disabled &&
|
|
1289
|
+
${disabled && textColor('system.disabled')};
|
|
1300
1290
|
}
|
|
1301
1291
|
`;
|
|
1302
1292
|
const IconCSS = viewType => css`
|
|
@@ -1313,24 +1303,24 @@ const DropdownFormCSS = (viewType, multiple, disabled, placeholder, DropdownInpu
|
|
|
1313
1303
|
${boxBorder};
|
|
1314
1304
|
${parseWidth('100%')};
|
|
1315
1305
|
${pdy([multiple ? 0.25 : 1])};
|
|
1316
|
-
${!disabled && `
|
|
1317
|
-
|
|
1318
|
-
|
|
1319
|
-
|
|
1320
|
-
|
|
1321
|
-
|
|
1322
|
-
|
|
1323
|
-
|
|
1324
|
-
|
|
1306
|
+
${!disabled && css`
|
|
1307
|
+
&:not(:focus-within):hover {
|
|
1308
|
+
&::before {
|
|
1309
|
+
${borderBottomColor('system.active')};
|
|
1310
|
+
}
|
|
1311
|
+
.css-${DropdownInputCSSName} {
|
|
1312
|
+
${textColor('system.active')};
|
|
1313
|
+
}
|
|
1314
|
+
}
|
|
1325
1315
|
`}
|
|
1326
1316
|
&:focus-within {
|
|
1327
|
-
|
|
1317
|
+
${borderBottomColor('line.focus')};
|
|
1328
1318
|
&::after {
|
|
1329
|
-
|
|
1319
|
+
${borderBottomColor('inherit')};
|
|
1330
1320
|
transform: scaleX(1);
|
|
1331
1321
|
}
|
|
1332
1322
|
.css-${DropdownInputCSSName} {
|
|
1333
|
-
|
|
1323
|
+
${textColor('system.active')};
|
|
1334
1324
|
}
|
|
1335
1325
|
}
|
|
1336
1326
|
&.dropdown-showing {
|
|
@@ -1342,27 +1332,27 @@ const DropdownFormCSS = (viewType, multiple, disabled, placeholder, DropdownInpu
|
|
|
1342
1332
|
content: '${placeholder}';
|
|
1343
1333
|
${parseHeight('100%')};
|
|
1344
1334
|
${overflowHidden};
|
|
1345
|
-
|
|
1335
|
+
${textColor('text.sub')};
|
|
1346
1336
|
display: -webkit-box;
|
|
1347
1337
|
-webkit-line-clamp: 1;
|
|
1348
1338
|
-webkit-box-orient: vertical;
|
|
1349
1339
|
}
|
|
1350
1340
|
&::placeholder {
|
|
1351
|
-
|
|
1341
|
+
${textColor('text.sub')};
|
|
1352
1342
|
}
|
|
1353
1343
|
&::before {
|
|
1354
1344
|
${positionAbsolute};
|
|
1355
1345
|
content: '';
|
|
1356
1346
|
${insetX(0)};
|
|
1357
1347
|
bottom: 0;
|
|
1358
|
-
${viewType === 'underlined' &&
|
|
1348
|
+
${viewType === 'underlined' && borderBottom(1, disabled ? 'system.disabled' : 'system.rest')}
|
|
1359
1349
|
}
|
|
1360
1350
|
&::after {
|
|
1361
1351
|
${positionAbsolute};
|
|
1362
1352
|
content: '';
|
|
1363
1353
|
${insetX(0)};
|
|
1364
1354
|
bottom: -1px;
|
|
1365
|
-
|
|
1355
|
+
${borderBottom(2, 'transparent')};
|
|
1366
1356
|
transform: scaleX(0);
|
|
1367
1357
|
transform-origin: center;
|
|
1368
1358
|
transition: all 0.2s ease;
|
|
@@ -1374,21 +1364,21 @@ const DropdownFormCSS = (viewType, multiple, disabled, placeholder, DropdownInpu
|
|
|
1374
1364
|
${positionRelative};
|
|
1375
1365
|
${borderRadius4px};
|
|
1376
1366
|
${boxBorder};
|
|
1377
|
-
${border(1, disabled ?
|
|
1367
|
+
${border(1, disabled ? 'system.disabled' : 'system.rest')};
|
|
1378
1368
|
${parseWidth('100%')};
|
|
1379
1369
|
${parseMinHeight(40)};
|
|
1380
1370
|
${mgt([0.5])};
|
|
1381
|
-
${!disabled && `
|
|
1382
|
-
|
|
1383
|
-
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
|
|
1371
|
+
${!disabled && css`
|
|
1372
|
+
&:not(:focus-within):hover {
|
|
1373
|
+
${bgColor('fill.hover')};
|
|
1374
|
+
${borderColor('system.active')};
|
|
1375
|
+
input {
|
|
1376
|
+
${bgColor('fill.hover')};
|
|
1377
|
+
}
|
|
1378
|
+
}
|
|
1389
1379
|
`}
|
|
1390
1380
|
&:focus-within {
|
|
1391
|
-
|
|
1381
|
+
${borderColor('line.focus')};
|
|
1392
1382
|
}
|
|
1393
1383
|
&.dropdown-showing {
|
|
1394
1384
|
.icon-dropdown {
|
|
@@ -1399,13 +1389,13 @@ const DropdownFormCSS = (viewType, multiple, disabled, placeholder, DropdownInpu
|
|
|
1399
1389
|
content: '${placeholder}';
|
|
1400
1390
|
${parseHeight('100%')};
|
|
1401
1391
|
${overflowHidden};
|
|
1402
|
-
|
|
1392
|
+
${textColor('text.sub')};
|
|
1403
1393
|
display: -webkit-box;
|
|
1404
1394
|
-webkit-line-clamp: 1;
|
|
1405
1395
|
-webkit-box-orient: vertical;
|
|
1406
1396
|
}
|
|
1407
1397
|
&::placeholder {
|
|
1408
|
-
|
|
1398
|
+
${textColor('text.sub')};
|
|
1409
1399
|
}
|
|
1410
1400
|
&::after {
|
|
1411
1401
|
${positionAbsolute};
|
|
@@ -1424,7 +1414,7 @@ const DropdownListCSS = loading => css`
|
|
|
1424
1414
|
${parseWidth('100%')};
|
|
1425
1415
|
${parseMaxHeight(280)};
|
|
1426
1416
|
${loading ? overflowHidden : overflowAuto};
|
|
1427
|
-
${bgColor(
|
|
1417
|
+
${bgColor('system.white')};
|
|
1428
1418
|
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
|
1429
1419
|
${z(1)};
|
|
1430
1420
|
&::-webkit-scrollbar {
|
|
@@ -1454,19 +1444,19 @@ const DropdownItemCSS = (multiple, selectBox) => css`
|
|
|
1454
1444
|
${userSelectNone};
|
|
1455
1445
|
${parseMinHeight(40)};
|
|
1456
1446
|
${parseWidth('100%')};
|
|
1457
|
-
${bgColor(
|
|
1447
|
+
${bgColor('system.white')};
|
|
1458
1448
|
${pd([2, multiple && selectBox ? 0 : 4])};
|
|
1459
|
-
|
|
1449
|
+
${textColor('text.main')};
|
|
1460
1450
|
&.no-data {
|
|
1461
1451
|
${justifyCenter};
|
|
1462
1452
|
${cursorDefault};
|
|
1463
|
-
|
|
1453
|
+
${italic};
|
|
1464
1454
|
}
|
|
1465
1455
|
&:not(.no-data):hover,
|
|
1466
1456
|
&:not(.no-data):focus {
|
|
1467
1457
|
${outlineNone};
|
|
1468
|
-
${bgColor(
|
|
1469
|
-
|
|
1458
|
+
${bgColor('fill.hover')};
|
|
1459
|
+
${textColor('system.active')};
|
|
1470
1460
|
}
|
|
1471
1461
|
`;
|
|
1472
1462
|
const DropdownRootCSS = (DropdownFormCSSName, DropdownInputCSSName) => css`
|
|
@@ -1476,21 +1466,21 @@ const DropdownRootCSS = (DropdownFormCSSName, DropdownInputCSSName) => css`
|
|
|
1476
1466
|
${parseHeight('max-content')};
|
|
1477
1467
|
&.error {
|
|
1478
1468
|
.css-${DropdownFormCSSName} {
|
|
1479
|
-
|
|
1469
|
+
${borderColor('semantic.danger')};
|
|
1480
1470
|
path {
|
|
1481
|
-
|
|
1471
|
+
${fill('semantic.danger')};
|
|
1482
1472
|
}
|
|
1483
1473
|
&::before {
|
|
1484
|
-
|
|
1474
|
+
${borderColor('semantic.danger')};
|
|
1485
1475
|
}
|
|
1486
1476
|
}
|
|
1487
1477
|
}
|
|
1488
1478
|
&.dgn-dropdown-loading,
|
|
1489
1479
|
&.disabled {
|
|
1490
1480
|
.css-${DropdownFormCSSName} {
|
|
1491
|
-
|
|
1481
|
+
${borderColor('system.disabled')};
|
|
1492
1482
|
&::before {
|
|
1493
|
-
|
|
1483
|
+
${borderColor('system.disabled')};
|
|
1494
1484
|
}
|
|
1495
1485
|
}
|
|
1496
1486
|
}
|
|
@@ -1507,10 +1497,11 @@ const DropdownCSS = (top, left, width, isMobile, allowSearch) => css`
|
|
|
1507
1497
|
${parseWidth(width)};
|
|
1508
1498
|
top: ${top}px;
|
|
1509
1499
|
left: ${left}px;
|
|
1510
|
-
${bgColor(
|
|
1500
|
+
${bgColor('system.white')};
|
|
1511
1501
|
${z(1)};
|
|
1512
|
-
${isMobile && allowSearch && `
|
|
1502
|
+
${isMobile && allowSearch && css`
|
|
1513
1503
|
${parseHeight('max-content')};
|
|
1504
|
+
${displayFlex};
|
|
1514
1505
|
${flexColReverse};
|
|
1515
1506
|
bottom: 0;
|
|
1516
1507
|
top: auto;
|
package/components/index.js
CHANGED
|
@@ -29,6 +29,7 @@ export { default as Badge } from "./badge";
|
|
|
29
29
|
// BUTTON
|
|
30
30
|
export { default as Button } from "./button";
|
|
31
31
|
export { default as ButtonIcon } from "./button/icon";
|
|
32
|
+
export { default as ButtonMore } from "./button/more";
|
|
32
33
|
|
|
33
34
|
// CARD
|
|
34
35
|
export { default as Card } from "./card";
|
package/icons/basic.js
CHANGED
|
@@ -5083,6 +5083,30 @@ export const Printer = /*#__PURE__*/memo(({
|
|
|
5083
5083
|
fill: colors[color] || color
|
|
5084
5084
|
}));
|
|
5085
5085
|
});
|
|
5086
|
+
export const Question = /*#__PURE__*/memo(({
|
|
5087
|
+
width,
|
|
5088
|
+
height,
|
|
5089
|
+
color = '#7F828E',
|
|
5090
|
+
viewBox = false
|
|
5091
|
+
}) => {
|
|
5092
|
+
return viewBox ? /*#__PURE__*/React.createElement("svg", {
|
|
5093
|
+
width: width || 24,
|
|
5094
|
+
height: height || 24,
|
|
5095
|
+
viewBox: "0 0 24 24",
|
|
5096
|
+
fill: "none"
|
|
5097
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
5098
|
+
d: "M11.07 12.85C11.84 11.46 13.32 10.64 14.18 9.41C15.09 8.12 14.58 5.71 12 5.71C10.31 5.71 9.48004 6.99 9.13004 8.05L6.54004 6.96C7.25004 4.83 9.18004 3 11.99 3C14.34 3 15.95 4.07 16.77 5.41C17.47 6.56 17.88 8.71 16.8 10.31C15.6 12.08 14.45 12.62 13.83 13.76C13.58 14.22 13.48 14.52 13.48 16H10.59C10.58 15.22 10.46 13.95 11.07 12.85ZM14 20C14 21.1 13.1 22 12 22C10.9 22 10 21.1 10 20C10 18.9 10.9 18 12 18C13.1 18 14 18.9 14 20Z",
|
|
5099
|
+
fill: colors[color] || color
|
|
5100
|
+
})) : /*#__PURE__*/React.createElement("svg", {
|
|
5101
|
+
width: width || 12,
|
|
5102
|
+
height: height || 19,
|
|
5103
|
+
viewBox: "0 0 12 19",
|
|
5104
|
+
fill: "none"
|
|
5105
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
5106
|
+
d: "M5.07004 9.85C5.84004 8.46 7.32004 7.64 8.18004 6.41C9.09004 5.12 8.58004 2.71 6.00004 2.71C4.31004 2.71 3.48004 3.99 3.13004 5.05L0.540039 3.96C1.25004 1.83 3.18004 0 5.99004 0C8.34004 0 9.95004 1.07 10.77 2.41C11.47 3.56 11.88 5.71 10.8 7.31C9.60004 9.08 8.45004 9.62 7.83004 10.76C7.58004 11.22 7.48004 11.52 7.48004 13H4.59004C4.58004 12.22 4.46004 10.95 5.07004 9.85ZM8.00004 17C8.00004 18.1 7.10004 19 6.00004 19C4.90004 19 4.00004 18.1 4.00004 17C4.00004 15.9 4.90004 15 6.00004 15C7.10004 15 8.00004 15.9 8.00004 17Z",
|
|
5107
|
+
fill: colors[color] || color
|
|
5108
|
+
}));
|
|
5109
|
+
});
|
|
5086
5110
|
export const QuestionMark = /*#__PURE__*/memo(({
|
|
5087
5111
|
width,
|
|
5088
5112
|
height,
|
package/package.json
CHANGED
package/styles/colors.js
CHANGED
|
@@ -323,6 +323,7 @@ color.line = {
|
|
|
323
323
|
tab: color.dark2
|
|
324
324
|
};
|
|
325
325
|
color.primary = color.system.active;
|
|
326
|
+
color.secondary = color.system.rest;
|
|
326
327
|
color.success = color.semantic.success;
|
|
327
328
|
color.warning = color.semantic.warning;
|
|
328
329
|
color.danger = color.semantic.danger;
|
package/styles/general.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { css } from '@emotion/core';
|
|
2
|
-
import { color } from "./colors";
|
|
3
2
|
import { getColor, parseCSSValue, parseToPixel } from "./utils";
|
|
4
3
|
export const rootSpacing = 4;
|
|
5
4
|
export let rootZIndex = 1500;
|
|
@@ -49,7 +48,16 @@ const bgTransparent = css`
|
|
|
49
48
|
background-color: transparent;
|
|
50
49
|
`;
|
|
51
50
|
const border = (withVl, colorVl) => css`
|
|
52
|
-
border: ${parseToPixel(withVl)} solid ${colorVl ||
|
|
51
|
+
border: ${parseToPixel(withVl)} solid ${getColor(colorVl || 'system.dark')};
|
|
52
|
+
`;
|
|
53
|
+
const borderBottom = (withVl, colorVl) => css`
|
|
54
|
+
border-bottom: ${parseToPixel(withVl)} solid ${getColor(colorVl || 'system.dark')};
|
|
55
|
+
`;
|
|
56
|
+
const borderBottomColor = cl => css`
|
|
57
|
+
border-bottom-color: ${getColor(cl)};
|
|
58
|
+
`;
|
|
59
|
+
const borderColor = cl => css`
|
|
60
|
+
border-color: ${getColor(cl)};
|
|
53
61
|
`;
|
|
54
62
|
const borderNone = css`
|
|
55
63
|
border: none;
|
|
@@ -72,9 +80,6 @@ const boxBorder = css`
|
|
|
72
80
|
const boxContent = css`
|
|
73
81
|
box-sizing: content-box;
|
|
74
82
|
`;
|
|
75
|
-
const shadowNone = css`
|
|
76
|
-
box-shadow: none;
|
|
77
|
-
`;
|
|
78
83
|
const breakAll = css`
|
|
79
84
|
word-break: break-all;
|
|
80
85
|
`;
|
|
@@ -117,6 +122,9 @@ const displayFlex = css`
|
|
|
117
122
|
const displayNone = css`
|
|
118
123
|
display: none;
|
|
119
124
|
`;
|
|
125
|
+
const fill = cl => css`
|
|
126
|
+
fill: ${getColor(cl)};
|
|
127
|
+
`;
|
|
120
128
|
const flexCol = css`
|
|
121
129
|
display: flex;
|
|
122
130
|
flex-direction: column;
|
|
@@ -176,6 +184,9 @@ const insetY = vl => css`
|
|
|
176
184
|
top: ${parseCSSValue(vl)};
|
|
177
185
|
bottom: ${parseCSSValue(vl)};
|
|
178
186
|
`;
|
|
187
|
+
const invisible = css`
|
|
188
|
+
visibility: hidden;
|
|
189
|
+
`;
|
|
179
190
|
const italic = css`
|
|
180
191
|
font-style: italic;
|
|
181
192
|
`;
|
|
@@ -265,29 +276,6 @@ const overflowAuto = css`
|
|
|
265
276
|
const overflowHidden = css`
|
|
266
277
|
overflow: hidden;
|
|
267
278
|
`;
|
|
268
|
-
const pd = vl => css`
|
|
269
|
-
padding: ${getSpacing(vl)};
|
|
270
|
-
`;
|
|
271
|
-
const pdb = vl => css`
|
|
272
|
-
padding-bottom: ${getSpacing(vl)};
|
|
273
|
-
`;
|
|
274
|
-
const pdl = vl => css`
|
|
275
|
-
padding-left: ${getSpacing(vl)};
|
|
276
|
-
`;
|
|
277
|
-
const pdr = vl => css`
|
|
278
|
-
padding-right: ${getSpacing(vl)};
|
|
279
|
-
`;
|
|
280
|
-
const pdt = vl => css`
|
|
281
|
-
padding-top: ${getSpacing(vl)};
|
|
282
|
-
`;
|
|
283
|
-
const pdx = vl => css`
|
|
284
|
-
padding-left: ${getSpacing(vl)};
|
|
285
|
-
padding-right: ${getSpacing(vl)};
|
|
286
|
-
`;
|
|
287
|
-
const pdy = vl => css`
|
|
288
|
-
padding-top: ${getSpacing(vl)};
|
|
289
|
-
padding-bottom: ${getSpacing(vl)};
|
|
290
|
-
`;
|
|
291
279
|
const parseHeight = height => css`
|
|
292
280
|
height: ${parseCSSValue(height)};
|
|
293
281
|
`;
|
|
@@ -318,6 +306,29 @@ const parseWidthHeight = (width, height = width) => css`
|
|
|
318
306
|
width: ${parseCSSValue(width)};
|
|
319
307
|
height: ${parseCSSValue(height)};
|
|
320
308
|
`;
|
|
309
|
+
const pd = vl => css`
|
|
310
|
+
padding: ${getSpacing(vl)};
|
|
311
|
+
`;
|
|
312
|
+
const pdb = vl => css`
|
|
313
|
+
padding-bottom: ${getSpacing(vl)};
|
|
314
|
+
`;
|
|
315
|
+
const pdl = vl => css`
|
|
316
|
+
padding-left: ${getSpacing(vl)};
|
|
317
|
+
`;
|
|
318
|
+
const pdr = vl => css`
|
|
319
|
+
padding-right: ${getSpacing(vl)};
|
|
320
|
+
`;
|
|
321
|
+
const pdt = vl => css`
|
|
322
|
+
padding-top: ${getSpacing(vl)};
|
|
323
|
+
`;
|
|
324
|
+
const pdx = vl => css`
|
|
325
|
+
padding-left: ${getSpacing(vl)};
|
|
326
|
+
padding-right: ${getSpacing(vl)};
|
|
327
|
+
`;
|
|
328
|
+
const pdy = vl => css`
|
|
329
|
+
padding-top: ${getSpacing(vl)};
|
|
330
|
+
padding-bottom: ${getSpacing(vl)};
|
|
331
|
+
`;
|
|
321
332
|
const pointerEventsAuto = css`
|
|
322
333
|
pointer-events: auto;
|
|
323
334
|
`;
|
|
@@ -351,6 +362,9 @@ const selfEnd = css`
|
|
|
351
362
|
const selfStart = css`
|
|
352
363
|
align-self: flex-start;
|
|
353
364
|
`;
|
|
365
|
+
const shadowNone = css`
|
|
366
|
+
box-shadow: none;
|
|
367
|
+
`;
|
|
354
368
|
const textCapitalize = css`
|
|
355
369
|
text-transform: capitalize;
|
|
356
370
|
`;
|
|
@@ -392,6 +406,9 @@ const truncate = css`
|
|
|
392
406
|
const userSelectNone = css`
|
|
393
407
|
user-select: none;
|
|
394
408
|
`;
|
|
409
|
+
const visible = css`
|
|
410
|
+
visibility: visible;
|
|
411
|
+
`;
|
|
395
412
|
const whiteSpaceBreakSpaces = css`
|
|
396
413
|
white-space: break-spaces;
|
|
397
414
|
`;
|
|
@@ -404,4 +421,4 @@ const whiteSpacePreWrap = css`
|
|
|
404
421
|
const z = vl => css`
|
|
405
422
|
z-index: ${zIndex(vl)};
|
|
406
423
|
`;
|
|
407
|
-
export { bgColor, bgCurrent, bgTransparent, border, borderNone, borderRadius, borderRadius100, borderRadius4px, borderRadius50, boxBorder, boxContent, breakAll, breakWord, cursorDefault, cursorInherit, cursorMove, cursorNoDrop, cursorNotAllowed, cursorPointer, cursorText, displayBlock, displayFlex, displayInlineBlock, displayInlineFlex, displayNone, flexCol, flexColReverse,
|
|
424
|
+
export { bgColor, bgCurrent, bgTransparent, border, borderBottom, borderBottomColor, borderColor, borderNone, borderRadius, borderRadius100, borderRadius4px, borderRadius50, boxBorder, boxContent, breakAll, breakWord, cursorDefault, cursorInherit, cursorMove, cursorNoDrop, cursorNotAllowed, cursorPointer, cursorText, displayBlock, displayFlex, displayInlineBlock, displayInlineFlex, displayNone, fill, flexCol, flexColReverse, flexNowrap, flexRow, flexRowReverse, flexShrink, flexShrink0, flexWrap, flexWrapReverse, floatLeft, floatNone, floatRight, gap, gapX, gapY, inset, insetX, insetY, invisible, italic, itemsCenter, itemsEnd, itemsStart, justifyAround, justifyBetween, justifyCenter, justifyEnd, justifyEvenly, justifyStart, mg, mgb, mgl, mgr, mgt, mgx, mgy, noBorder, noBoxShadow, noMargin, noPadding, objectContain, objectCover, objectFill, objectNone, order, outlineNone, overflowAuto, overflowHidden, parseHeight, parseMaxHeight, parseMaxWidth, parseMaxWidthHeight, parseMinHeight, parseMinWidth, parseMinWidthHeight, parseWidth, parseWidthHeight, pd, pdb, pdl, pdr, pdt, pdx, pdy, pointerEventsAuto, pointerEventsInherit, pointerEventsInitial, pointerEventsNone, positionAbsolute, positionFixed, positionRelative, positionSticky, selfCenter, selfEnd, selfStart, shadowNone, textCapitalize, textCenter, textColor, textCurrent, textEllipsis, textLeft, textLineThrough, textLowercase, textRight, textunderline, textUppercase, truncate, userSelectNone, visible, whiteSpaceBreakSpaces, whiteSpaceNoWrap, whiteSpacePreWrap, z };
|
package/styles/utils.js
CHANGED
|
@@ -28,6 +28,7 @@ export const parseToPixel = vl => {
|
|
|
28
28
|
* @returns {string}
|
|
29
29
|
*/
|
|
30
30
|
export const getColor = cl => {
|
|
31
|
+
if (typeof cl !== 'string') return;
|
|
31
32
|
// example param cl: primary, info, system.rest, text.main, red, #333333,...
|
|
32
33
|
return cl.split('.').reduce((p, c) => p && p[c] || null, colors) || cl;
|
|
33
34
|
};
|