diginet-core-ui 1.3.43 → 1.3.45
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/MHRM00N0005.svg +11 -0
- package/assets/images/menu/dhr/MHRM09N1010.svg +12 -0
- package/assets/images/menu/dhr/MHRM09N1015.svg +18 -0
- package/assets/images/menu/dhr/MHRM09N1020.svg +13 -0
- package/assets/images/menu/dhr/MHRM09N1400.svg +11 -0
- package/assets/images/menu/dhr/MHRP25L0101.svg +15 -0
- package/assets/images/menu/dhr/MHRP25L0501.svg +14 -0
- package/components/button/icon.js +211 -216
- package/components/chart/line/Axis.js +11 -10
- package/components/chart/line/Grid.js +4 -3
- package/components/chart/line/Path.js +11 -10
- package/components/chart/line/Point.js +107 -80
- package/components/chart/line/index.js +36 -17
- package/components/form-control/checkbox/index.js +5 -5
- package/components/form-control/date-picker/index.js +131 -119
- package/components/form-control/dropdown/index.js +3 -4
- package/components/form-control/dropdown-box/index.js +1 -1
- package/components/form-control/helper-text/index.js +35 -33
- package/components/form-control/input-base/index.js +318 -317
- package/components/form-control/text-input/index.js +4 -4
- package/components/form-control/time-picker/index.js +10 -19
- package/components/modal/modal.js +10 -4
- package/components/paging/page-info.js +78 -41
- package/components/slider/slider-container.js +150 -126
- package/components/slider/slider-item.js +84 -89
- package/components/tree-view/css.js +17 -16
- package/components/tree-view/index.js +41 -23
- package/package.json +1 -1
- package/readme.md +20 -0
- package/theme/settings.js +3 -1
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M29.67 17.51C29.78 17.63 29.89 17.75 30 17.86V10.16C30 9.93 29.9 9.69 29.74 9.52L20.35 0.26C20.17 0.1 19.93 0 19.7 0H3.26C1.47 0 0 1.45 0 3.22V35.78C0 37.55 1.47 39 3.26 39H26.74C28.53 39 30 37.55 30 35.78V34.2L29.28 33.48C29.14 33.33 29.01 33.17 28.86 32.95C28.56 32.47 28.4 31.92 28.41 31.35L28.16 31.1V35.78C28.16 36.56 27.52 37.19 26.74 37.19H3.26C2.48 37.19 1.84 36.56 1.84 35.78V3.22C1.84 2.44 2.48 1.81 3.26 1.81H18.78V7.85C18.78 9.62 20.24 11.07 22.04 11.07H26.22L27.9 11.06H28.16V16.33C28.71 16.66 29.21 17.06 29.67 17.51ZM22.04 9.26C21.26 9.26 20.61 8.63 20.61 7.85V3.09L21.05 3.52L26.43 8.82L26.87 9.26H22.04Z" fill="#2680EB"/>
|
|
3
|
+
<path d="M15.71 27C16.01 27.72 16.41 28.39 16.92 29H5.94C5.42 29 5 28.55 5 28C5 27.45 5.42 27 5.94 27H15.71Z" fill="#2680EB"/>
|
|
4
|
+
<path d="M15.11 25H5.94C5.42 25 5 24.55 5 24C5 23.45 5.42 23 5.94 23H15.02C15.01 23.2 15 23.39 15 23.59C15 24.07 15.04 24.54 15.11 25Z" fill="#2680EB"/>
|
|
5
|
+
<path d="M5.94 19H16.32C15.92 19.63 15.61 20.3 15.4 21H5.94C5.42 21 5 20.55 5 20C5 19.45 5.42 19 5.94 19Z" fill="#2680EB"/>
|
|
6
|
+
<path d="M14 31H6C5.45 31 5 31.45 5 32C5 32.55 5.45 33 6 33H14C14.55 33 15 32.55 15 32C15 31.45 14.55 31 14 31Z" fill="#2680EB"/>
|
|
7
|
+
<path d="M38.42 35.64L32.77 29.99C32.38 29.6 31.88 29.41 31.38 29.41C31.24 29.41 31.11 29.43 30.99 29.45L29.71 28.18V28.08C31.66 25.42 31.67 21.77 29.71 19.11C29.5 18.8 29.24 18.5 28.96 18.22C28.49 17.75 27.97 17.36 27.42 17.05C26.24 16.34 24.91 16 23.59 16C21.64 16 19.7 16.74 18.22 18.22C17.97 18.47 17.75 18.73 17.55 19C17.07 19.62 16.71 20.29 16.46 21C16.22 21.65 16.07 22.32 16.02 23C15.97 23.67 16.01 24.34 16.13 25C16.26 25.69 16.48 26.36 16.81 27C17.16 27.71 17.63 28.37 18.22 28.96C18.23 28.97 18.25 28.99 18.26 29C19.73 30.45 21.67 31.18 23.59 31.18C24.91 31.18 26.24 30.83 27.42 30.13C27.67 30 27.91 29.84 28.14 29.67L29.45 30.98C29.35 31.47 29.44 31.99 29.71 32.42C29.79 32.54 29.88 32.66 29.99 32.77L35.64 38.42C36.03 38.81 36.53 39 37.03 39C37.54 39 38.04 38.81 38.42 38.42C39.19 37.66 39.19 36.41 38.42 35.64ZM27.42 27.42C26.37 28.48 24.98 29.01 23.59 29.01C23.45 29.01 23.29 29 23.15 28.99C23.14 28.99 23.14 28.99 23.13 28.99C21.9 28.89 20.69 28.36 19.75 27.42C19.62 27.28 19.49 27.14 19.37 27C18.89 26.4 18.55 25.72 18.36 25C18.18 24.35 18.13 23.67 18.2 23C18.28 22.31 18.48 21.63 18.83 21C19.06 20.55 19.37 20.13 19.75 19.75C20.04 19.46 20.36 19.21 20.7 19C21.58 18.45 22.59 18.17 23.59 18.17C24.98 18.17 26.37 18.7 27.42 19.75C29.54 21.87 29.54 25.31 27.42 27.42Z" fill="#1CA261"/>
|
|
8
|
+
<path d="M27.93 21.59C27.95 21.88 27.85 22.16 27.65 22.38L23.45 26.98C23.25 27.2 22.96 27.34 22.65 27.34C22.35 27.34 22.04 27.21 21.84 26.99L19.6 24.61C19.39 24.39 19.29 24.12 19.3 23.82C19.31 23.53 19.44 23.26 19.64 23.06C19.84 22.87 20.11 22.78 20.39 22.78C20.7 22.78 21 22.89 21.2 23.11L22.51 24.5L22.63 24.62L22.74 24.49L26.02 20.9C26.22 20.68 26.52 20.55 26.85 20.55C27.13 20.55 27.39 20.64 27.58 20.82L27.6 20.84C27.8 21.05 27.92 21.31 27.93 21.59Z" fill="#1CA261"/>
|
|
9
|
+
<path d="M13.19 9.05003C13.53 8.71003 13.85 8.38003 14.18 8.05003C14.46 7.78003 14.9 7.89003 14.99 8.25003C15 8.31003 15 8.37003 15 8.42003C15 9.74003 15 11.05 15 12.37C15 12.71 14.82 12.9 14.47 12.91C13.15 12.91 11.84 12.91 10.52 12.91C10.29 12.91 10.11 12.82 10.03 12.6C9.95003 12.39 10.01 12.21 10.17 12.05C10.49 11.73 10.82 11.41 11.16 11.07C10.7 10.62 10.25 10.18 9.79003 9.75003C9.44003 9.42003 9.05003 9.15003 8.62003 8.92003C7.73003 8.45003 6.86003 8.52003 6.02003 9.10003C5.43003 9.51003 4.96003 10.04 4.52003 10.6C4.50003 10.62 4.48003 10.65 4.47003 10.67C4.39003 10.79 4.28003 10.84 4.15003 10.78C4.03003 10.73 3.98003 10.61 4.02003 10.46C4.12003 10.08 4.21003 9.69003 4.33003 9.31003C4.56003 8.61003 4.87003 7.95003 5.38003 7.41003C5.76003 7.00003 6.20003 6.63003 6.71003 6.36003C7.72003 5.81003 8.75003 5.86003 9.78003 6.32003C10.7 6.73003 11.47 7.36003 12.18 8.05003C12.49 8.35003 12.8 8.66003 13.11 8.97003C13.13 8.99003 13.15 9.01003 13.19 9.05003Z" fill="#FF8C00"/>
|
|
10
|
+
<path d="M17 10.49C17 11.54 17 12.58 17 13.63C17 14.4 16.74 15.04 16.13 15.52C15.73 15.83 15.28 16 14.77 16C12.58 16 10.39 16.01 8.21003 16C6.93003 16 5.96003 15.01 5.94003 13.73C5.93003 13.09 5.94003 12.44 5.94003 11.8C5.94003 11.63 6.02003 11.52 6.16003 11.5C6.29003 11.48 6.39003 11.56 6.46003 11.72C6.60003 12.05 6.75003 12.37 6.89003 12.7C6.92003 12.77 6.94003 12.86 6.94003 12.94C6.95003 13.21 6.94003 13.48 6.95003 13.75C6.97003 14.49 7.51003 15.01 8.24003 15.02C10.4 15.02 12.56 15.02 14.72 15.02C15.44 15.02 15.99 14.47 15.99 13.75C15.99 11.58 15.99 9.40003 15.99 7.23003C15.99 6.54003 15.45 6.00003 14.75 5.98003C14.22 5.97003 13.69 5.97003 13.15 5.98003C12.98 5.98003 12.87 5.93003 12.79 5.77003C12.73 5.64003 12.63 5.53003 12.54 5.42003C12.47 5.33003 12.43 5.24003 12.49 5.13003C12.54 5.02003 12.63 4.98003 12.75 4.98003C13.44 4.98003 14.12 4.97003 14.81 4.98003C15.95 5.00003 16.94 5.93003 16.98 7.07003C17.01 7.86003 16.99 8.66003 17 9.45003C17 9.78003 17 10.14 17 10.49Z" fill="#FF8C00"/>
|
|
11
|
+
</svg>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M34.66 9.48L25.43 0.34C25.22 0.12 24.92 0 24.62 0H8.46C6.55 0 5 1.54 5 3.43V35.57C5 37.46 6.55 39 8.46 39H10.31H29.68H31.53C33.44 39 34.99 37.46 34.99 35.57V18.04V16.98V11.42V11.31V10.28C35 9.97 34.87 9.68 34.66 9.48ZM25.77 3.9L31.06 9.14H26.92C26.28 9.14 25.77 8.63 25.77 8V3.9ZM32.69 18.13V35.58C32.69 36.21 32.17 36.72 31.54 36.72H26.38H13.62H8.46C7.82 36.72 7.31 36.21 7.31 35.58V3.43C7.31 2.8 7.83 2.29 8.46 2.29H23.46V8C23.46 9.89 25.01 11.43 26.92 11.43H31.04C31.05 11.43 31.06 11.43 31.07 11.43H32.69V16.99V18.13V18.13Z" fill="#2680EB"/>
|
|
3
|
+
<path d="M30.79 28.13C30.79 27.5 30.27 26.99 29.64 26.99H19.23C18.59 26.99 18.08 27.5 18.08 28.13C18.08 28.76 18.6 29.27 19.23 29.27H29.64C30.27 29.27 30.79 28.76 30.79 28.13Z" fill="#FF8C00"/>
|
|
4
|
+
<path d="M29.64 22.41H19.23C18.59 22.41 18.08 22.92 18.08 23.55C18.08 24.18 18.6 24.69 19.23 24.69H29.64C30.28 24.69 30.79 24.18 30.79 23.55C30.79 22.92 30.27 22.41 29.64 22.41Z" fill="#FF8C00"/>
|
|
5
|
+
<path d="M19.23 31.56C18.59 31.56 18.08 32.07 18.08 32.7C18.08 33.33 18.6 33.84 19.23 33.84H25.02C25.66 33.84 26.17 33.33 26.17 32.7C26.17 32.07 25.65 31.56 25.02 31.56H19.23Z" fill="#FF8C00"/>
|
|
6
|
+
<path d="M10.0601 25.8101H11.2001V23.5701H10.2401V22.8501C10.8601 22.7501 11.1701 22.6401 11.5201 22.4301H12.3901V25.8201H13.3301V26.7601H10.0601V25.8101Z" fill="#FF8C00"/>
|
|
7
|
+
<path d="M14.8801 25.9401C14.8801 25.4501 15.2401 25.0501 15.7801 25.0501C16.3201 25.0501 16.6801 25.4501 16.6801 25.9401C16.6801 26.4301 16.3201 26.8301 15.7801 26.8301C15.2401 26.8301 14.8801 26.4301 14.8801 25.9401Z" fill="#FF8C00"/>
|
|
8
|
+
<path d="M9.91999 33.17C11.09 32.23 11.94 31.5 11.94 30.91C11.94 30.52 11.69 30.34 11.3 30.34C10.98 30.34 10.72 30.55 10.49 30.75L9.85999 30.12C10.34 29.64 10.78 29.42 11.47 29.42C12.41 29.42 13.06 29.98 13.06 30.84C13.06 31.54 12.33 32.3 11.61 32.9C11.85 32.87 12.18 32.85 12.4 32.85H13.28V33.83H9.91999V33.17Z" fill="#FF8C00"/>
|
|
9
|
+
<path d="M14.88 33.03C14.88 32.54 15.24 32.14 15.78 32.14C16.32 32.14 16.68 32.54 16.68 33.03C16.68 33.52 16.32 33.92 15.78 33.92C15.24 33.92 14.88 33.53 14.88 33.03Z" fill="#FF8C00"/>
|
|
10
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.83 6.84C21.71 6.72 21.55 6.65 21.38 6.65H18.64C18.72 6.49 18.76 6.31 18.76 6.13C18.76 5.51 18.26 5 17.65 5H17.64C17.15 5.03 16.68 5.22 16.3 5.54C15.95 5.81 15.63 6.1 15.33 6.41C15.02 6.1 14.7 5.81 14.35 5.54C13.97 5.22 13.5 5.03 13.01 5C12.39 5 11.89 5.5 11.89 6.13C11.89 6.31 11.93 6.49 12.01 6.65H9.27001C8.92001 6.65 8.64001 6.94 8.64001 7.29V8.54C8.64001 8.89 8.92001 9.18 9.27001 9.18H21.38C21.73 9.18 22.01 8.89 22.01 8.54V7.29C22.01 7.12 21.94 6.96 21.83 6.84ZM12.88 6.65C12.86 6.63 12.84 6.61 12.81 6.59C12.72 6.54 12.64 6.47 12.58 6.39C12.54 6.31 12.51 6.22 12.52 6.13C12.52 6 12.57 5.88 12.66 5.78C12.75 5.69 12.88 5.64 13 5.64C13.36 5.67 13.7 5.82 13.98 6.05C14.17 6.2 14.36 6.36 14.53 6.53C14.57 6.56 14.62 6.61 14.66 6.65H12.88ZM18.07 6.39C18.01 6.47 17.93 6.54 17.84 6.59C17.81 6.61 17.79 6.63 17.77 6.65H15.99L16.11 6.53C16.29 6.36 16.47 6.2 16.67 6.06C16.95 5.82 17.29 5.68 17.64 5.64C17.77 5.64 17.9 5.69 17.99 5.79C18.08 5.88 18.13 6 18.13 6.14C18.13 6.22 18.11 6.31 18.07 6.39Z" fill="#FFAA00"/>
|
|
11
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.82001 9.74V15.98C9.83001 16.54 10.27 17 10.82 17H19.83C20.09 17 20.35 16.89 20.53 16.7C20.72 16.51 20.83 16.25 20.83 15.98V9.74H9.82001ZM15.57 15.23V15.71C15.57 15.79 15.51 15.85 15.44 15.85H15.12C15.05 15.85 14.99 15.79 14.99 15.71V15.28C14.71 15.26 14.44 15.21 14.18 15.11C14.06 15.07 14 14.94 14.03 14.81L14.08 14.61C14.1 14.54 14.15 14.48 14.21 14.44C14.28 14.41 14.35 14.41 14.42 14.43C14.65 14.53 14.9 14.57 15.14 14.58C15.48 14.58 15.72 14.44 15.72 14.2C15.72 13.97 15.52 13.82 15.09 13.67C14.45 13.45 14.01 13.15 14.01 12.57C14.03 12 14.46 11.54 15.01 11.49V11.05C15.01 10.97 15.08 10.91 15.15 10.9H15.47C15.54 10.91 15.6 10.97 15.6 11.05V11.45C15.82 11.45 16.03 11.49 16.24 11.56C16.37 11.6 16.44 11.73 16.41 11.86L16.36 12.04C16.35 12.11 16.3 12.17 16.24 12.21C16.18 12.24 16.11 12.25 16.04 12.22C15.85 12.16 15.64 12.12 15.44 12.12C15.05 12.12 14.93 12.29 14.93 12.46C14.93 12.66 15.14 12.79 15.64 12.98C16.35 13.23 16.64 13.57 16.63 14.12C16.61 14.71 16.16 15.19 15.57 15.23Z" fill="#FFAA00"/>
|
|
12
|
+
</svg>
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M30.79 28.13C30.79 27.5 30.27 26.99 29.64 26.99H19.23C18.59 26.99 18.08 27.5 18.08 28.13C18.08 28.76 18.6 29.27 19.23 29.27H29.64C30.27 29.27 30.79 28.76 30.79 28.13Z" fill="#FF8C00"/>
|
|
3
|
+
<path d="M29.64 22.41H19.23C18.59 22.41 18.08 22.92 18.08 23.55C18.08 24.18 18.6 24.69 19.23 24.69H29.64C30.28 24.69 30.79 24.18 30.79 23.55C30.79 22.92 30.27 22.41 29.64 22.41Z" fill="#FF8C00"/>
|
|
4
|
+
<path d="M19.23 31.56C18.59 31.56 18.08 32.07 18.08 32.7C18.08 33.33 18.6 33.84 19.23 33.84H25.02C25.66 33.84 26.17 33.33 26.17 32.7C26.17 32.07 25.65 31.56 25.02 31.56H19.23Z" fill="#FF8C00"/>
|
|
5
|
+
<path d="M10.0601 25.8101H11.2001V23.5701H10.2401V22.8501C10.8601 22.7501 11.1701 22.6401 11.5201 22.4301H12.3901V25.8201H13.3301V26.7601H10.0601V25.8101Z" fill="#FF8C00"/>
|
|
6
|
+
<path d="M14.8801 25.9401C14.8801 25.4501 15.2401 25.0501 15.7801 25.0501C16.3201 25.0501 16.6801 25.4501 16.6801 25.9401C16.6801 26.4301 16.3201 26.8301 15.7801 26.8301C15.2401 26.8301 14.8801 26.4301 14.8801 25.9401Z" fill="#FF8C00"/>
|
|
7
|
+
<path d="M9.91999 33.17C11.09 32.23 11.94 31.5 11.94 30.91C11.94 30.52 11.69 30.34 11.3 30.34C10.98 30.34 10.72 30.55 10.49 30.75L9.85999 30.12C10.34 29.64 10.78 29.42 11.47 29.42C12.41 29.42 13.06 29.98 13.06 30.84C13.06 31.54 12.33 32.3 11.61 32.9C11.85 32.87 12.18 32.85 12.4 32.85H13.28V33.83H9.91999V33.17Z" fill="#FF8C00"/>
|
|
8
|
+
<path d="M14.88 33.03C14.88 32.54 15.24 32.14 15.78 32.14C16.32 32.14 16.68 32.54 16.68 33.03C16.68 33.52 16.32 33.92 15.78 33.92C15.24 33.92 14.88 33.53 14.88 33.03Z" fill="#FF8C00"/>
|
|
9
|
+
<path d="M11.76 10.3099C11.87 10.2599 11.97 10.1899 12.06 10.1199C12.14 10.0799 12.22 10.0299 12.28 9.96993L11.68 9.59993C11.64 9.57993 11.59 9.56993 11.54 9.55993C11.49 9.54993 11.44 9.55993 11.39 9.56993C11.34 9.57993 11.3 9.60993 11.26 9.63993C11.22 9.66993 11.19 9.70993 11.16 9.75993L11.01 10.0199L11.76 10.3099Z" fill="#FFC766"/>
|
|
10
|
+
<path d="M9.65997 14.7999L9.46997 15.3199L11.79 16.1399L9.65997 14.7999Z" fill="#FFC766"/>
|
|
11
|
+
<path d="M19.07 14.2799L16.75 13.4599L18.89 14.7899L19.07 14.2799Z" fill="#FFC766"/>
|
|
12
|
+
<path d="M14.35 18.4299L16.82 19.9499C16.86 19.9799 16.91 19.9899 16.96 19.9999C17.01 20.0099 17.06 19.9999 17.11 19.9899C17.16 19.9799 17.2 19.9499 17.24 19.9199C17.28 19.8899 17.31 19.8499 17.34 19.7999L17.49 19.5399L14.35 18.4299Z" fill="#FFC766"/>
|
|
13
|
+
<path d="M13.86 15.65L14.12 14.91C13.93 14.8 13.79 14.63 13.71 14.43C13.67 14.34 13.65 14.25 13.65 14.15C13.65 14.05 13.67 13.96 13.71 13.87C13.74 13.78 13.79 13.7 13.85 13.63C13.92 13.56 14 13.5 14.08 13.46C14.17 13.42 14.26 13.39 14.36 13.39C14.46 13.38 14.55 13.4 14.64 13.43L14.71 13.24L14.97 13.31L14.91 13.5C15.07 13.57 15.2 13.69 15.28 13.83C15.36 13.98 15.39 14.15 15.35 14.31L14.87 14.2C14.89 14.13 14.89 14.06 14.87 14C14.85 13.93 14.81 13.88 14.76 13.83L14.5 14.53C14.7 14.65 14.87 14.82 14.99 15.01C15.05 15.19 15.04 15.39 14.97 15.57C14.9 15.75 14.78 15.9 14.61 16.01C14.41 16.11 14.19 16.14 13.97 16.08L13.86 16.41L13.6 16.35L13.71 16.02C13.53 15.93 13.38 15.79 13.3 15.61C13.21 15.41 13.2 15.19 13.26 14.98L13.75 15.09C13.74 15.19 13.76 15.29 13.79 15.39C13.8 15.48 13.83 15.56 13.86 15.65ZM14.53 13.8C14.45 13.81 14.37 13.83 14.31 13.87C14.28 13.88 14.25 13.9 14.24 13.93C14.22 13.96 14.21 13.99 14.2 14.02C14.18 14.05 14.17 14.08 14.17 14.11C14.17 14.14 14.18 14.18 14.2 14.2C14.24 14.27 14.27 14.31 14.31 14.39L14.53 13.8ZM14.12 15.76C14.21 15.77 14.3 15.76 14.38 15.72C14.42 15.7 14.45 15.68 14.48 15.65C14.51 15.62 14.52 15.58 14.53 15.54C14.55 15.51 14.56 15.47 14.56 15.43C14.56 15.39 14.55 15.35 14.53 15.32C14.49 15.23 14.43 15.15 14.34 15.1L14.12 15.76Z" fill="#FFB330"/>
|
|
14
|
+
<path d="M19.93 13.54L19.67 13.43C19.61 13.44 19.54 13.42 19.48 13.39C18.88 13.24 18.32 13.02 17.76 12.87C16.79 12.57 15.85 12.24 14.91 11.91L14.8 11.87C14.76 11.91 14.5 12.09 14.5 12.09C14.43 12.13 14.37 12.18 14.31 12.24L19.56 14.06L17.95 18.62L9.05997 15.5L10.45 11.64C10.47 11.52 10.51 11.41 10.56 11.31L10.71 10.94L10.86 10.98C10.96 10.87 11.08 10.77 11.2 10.68C11.27 10.61 11.35 10.57 11.39 10.49L10.75 10.27C10.7 10.25 10.65 10.25 10.6 10.25C10.55 10.25 10.5 10.27 10.45 10.29C10.4 10.31 10.36 10.35 10.33 10.39C10.3 10.43 10.27 10.48 10.26 10.53L8.49997 15.5C8.47997 15.55 8.46997 15.6 8.46997 15.65C8.46997 15.7 8.47997 15.76 8.49997 15.8C8.51997 15.85 8.54997 15.89 8.58997 15.93C8.62997 15.97 8.67997 15.99 8.72997 16.01L17.95 19.24C18 19.26 18.05 19.26 18.1 19.26C18.15 19.26 18.2 19.24 18.25 19.22C18.3 19.2 18.34 19.16 18.37 19.12C18.4 19.08 18.43 19.03 18.44 18.98L20.2 14.01C20.21 13.91 20.19 13.82 20.14 13.73C20.09 13.65 20.02 13.58 19.93 13.54Z" fill="#FFB330"/>
|
|
15
|
+
<path d="M34.74 9.52L25.35 0.26C25.17 0.1 24.93 0 24.7 0H8.26C6.47 0 5 1.45 5 3.22V35.78C5 37.55 6.47 39 8.26 39H31.73C33.53 39 34.99 37.55 34.99 35.78V10.16C35 9.93 34.9 9.69 34.74 9.52ZM25.61 3.09L26.05 3.52L31.42 8.82L31.86 9.26H27.03C26.25 9.26 25.6 8.63 25.6 7.85V3.09H25.61ZM33.16 35.78C33.16 36.56 32.52 37.19 31.73 37.19H8.26C7.48 37.19 6.83 36.56 6.83 35.78V3.22C6.83 2.44 7.47 1.81 8.26 1.81H23.77V7.85C23.77 9.62 25.24 11.07 27.03 11.07H31.22L32.9 11.06H33.16V35.78Z" fill="#2680EB"/>
|
|
16
|
+
<path d="M22.3699 10.2299L18.8099 7.14994C18.7399 7.08994 18.6999 7.00994 18.6899 6.91994C18.6799 6.82994 18.7099 6.73994 18.7699 6.66994L19.2599 6.10994C19.3199 6.04994 19.3999 6.00994 19.4899 5.99994C19.5799 5.98994 19.6699 6.01994 19.7399 6.07994L23.2999 9.15994C23.3699 9.21994 23.4099 9.29994 23.4199 9.38994C23.4299 9.47994 23.3999 9.56994 23.3399 9.63994L22.8499 10.1999C22.7899 10.2699 22.6999 10.3099 22.6099 10.3099C22.5299 10.3199 22.4399 10.2899 22.3699 10.2299Z" fill="#2680EB"/>
|
|
17
|
+
<path d="M18.1299 7.52994C18.1199 7.52994 18.1099 7.52994 18.0999 7.53994C18.0999 7.54994 18.0999 7.55994 18.0999 7.56994C18.0199 7.63994 17.9299 7.70994 17.8399 7.75994C17.4699 8.05994 17.1299 8.38994 16.7499 8.68994C16.6499 8.76994 16.5399 8.81994 16.4099 8.83994C15.8499 8.85994 15.2799 8.89994 14.7199 8.89994C14.4299 8.90994 14.1499 8.92994 13.8599 8.97994C13.5599 9.04994 13.2699 9.18994 13.0399 9.38994C12.5499 9.82994 12.0999 10.2399 11.6499 10.6899C11.4299 10.9099 11.1599 11.0999 10.9399 11.3199C10.8599 11.3899 10.7999 11.4799 10.7599 11.5799C10.7199 11.6799 10.6999 11.7899 10.7099 11.8899C10.7199 11.9999 10.7499 12.0999 10.7999 12.1899C10.8499 12.2799 10.9299 12.3599 11.0099 12.4299C11.3299 12.6599 11.6999 12.7899 12.0999 12.7999C12.5899 12.8199 13.0699 12.6899 13.4899 12.4299C13.8399 12.1999 14.1799 11.9599 14.4999 11.6899C14.7599 11.4999 14.6499 11.4999 14.9899 11.6199C15.9299 11.9499 16.8599 12.2499 17.7999 12.5499C18.3999 12.7399 18.9599 12.9199 19.5599 13.0699C19.7299 13.1299 19.9099 13.1299 20.0799 13.0699C20.4199 12.9299 20.7399 12.7699 21.0499 12.5899C21.5499 12.2599 21.9499 11.7899 22.2099 11.2599C22.2099 11.2199 22.2499 11.1899 22.2499 11.1499L18.1299 7.52994Z" fill="#2680EB"/>
|
|
18
|
+
</svg>
|
|
@@ -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
|
+
<path d="M34.74 9.52L25.35 0.26C25.17 0.1 24.93 0 24.7 0H8.26C6.47 0 5 1.45 5 3.22V35.78C5 37.55 6.47 39 8.26 39H31.73C33.53 39 34.99 37.55 34.99 35.78V10.16C35 9.93 34.9 9.69 34.74 9.52ZM25.61 3.09L26.05 3.52L31.42 8.82L31.86 9.26H27.03C26.25 9.26 25.6 8.63 25.6 7.85V3.09H25.61ZM33.16 35.78C33.16 36.56 32.52 37.19 31.73 37.19H8.26C7.48 37.19 6.83 36.56 6.83 35.78V3.22C6.83 2.44 7.47 1.81 8.26 1.81H23.77V7.85C23.77 9.62 25.24 11.07 27.03 11.07H31.22L32.9 11.06H33.16V35.78Z" fill="#2680EB"/>
|
|
3
|
+
<path d="M18.1801 13H17.8001C16.8101 13 16.0001 13.81 16.0001 14.8V19.2C16.0001 19.31 16.0101 19.42 16.0301 19.52C15.7201 19.64 15.4101 19.76 15.0901 19.85C14.1401 20.13 13.2201 19.99 12.3201 19.63C11.3301 19.23 10.4101 18.7 9.56011 18.05C9.09011 17.69 8.90011 17.19 9.01011 16.61C9.19011 15.61 9.39011 14.61 9.58011 13.62C9.71011 13.01 10.1601 12.64 10.7701 12.64H17.2501C17.6501 12.64 17.9701 12.76 18.1801 13Z" fill="#2680EB"/>
|
|
4
|
+
<path d="M14.0301 11.53C11.9801 11.52 10.3301 9.83004 10.3301 7.75004C10.3401 5.67004 12.0101 3.99004 14.0501 4.00004C16.0901 4.01004 17.7501 5.71004 17.7401 7.79004C17.7301 9.85004 16.0601 11.54 14.0301 11.53Z" fill="#2680EB"/>
|
|
5
|
+
<path d="M30.7901 28.13C30.7901 27.5 30.2701 26.99 29.6401 26.99H19.2301C18.5901 26.99 18.0801 27.5 18.0801 28.13C18.0801 28.76 18.6001 29.27 19.2301 29.27H29.6401C30.2701 29.27 30.7901 28.76 30.7901 28.13Z" fill="#FF8C00"/>
|
|
6
|
+
<path d="M29.6401 22.41H19.2301C18.5901 22.41 18.0801 22.92 18.0801 23.55C18.0801 24.18 18.6001 24.69 19.2301 24.69H29.6401C30.2801 24.69 30.7901 24.18 30.7901 23.55C30.7901 22.92 30.2701 22.41 29.6401 22.41Z" fill="#FF8C00"/>
|
|
7
|
+
<path d="M19.2301 31.56C18.5901 31.56 18.0801 32.07 18.0801 32.7C18.0801 33.33 18.6001 33.84 19.2301 33.84H25.0201C25.6601 33.84 26.1701 33.33 26.1701 32.7C26.1701 32.07 25.6501 31.56 25.0201 31.56H19.2301Z" fill="#FF8C00"/>
|
|
8
|
+
<path d="M10.0601 25.8101H11.2001V23.5701H10.2401V22.8501C10.8601 22.7501 11.1701 22.6401 11.5201 22.4301H12.3901V25.8201H13.3301V26.7601H10.0601V25.8101Z" fill="#FF8C00"/>
|
|
9
|
+
<path d="M14.8801 25.9401C14.8801 25.4501 15.2401 25.0501 15.7801 25.0501C16.3201 25.0501 16.6801 25.4501 16.6801 25.9401C16.6801 26.4301 16.3201 26.8301 15.7801 26.8301C15.2401 26.8301 14.8801 26.4301 14.8801 25.9401Z" fill="#FF8C00"/>
|
|
10
|
+
<path d="M9.92011 33.17C11.0901 32.23 11.9401 31.5 11.9401 30.91C11.9401 30.52 11.6901 30.34 11.3001 30.34C10.9801 30.34 10.7201 30.55 10.4901 30.75L9.86011 30.12C10.3401 29.64 10.7801 29.42 11.4701 29.42C12.4101 29.42 13.0601 29.98 13.0601 30.84C13.0601 31.54 12.3301 32.3 11.6101 32.9C11.8501 32.87 12.1801 32.85 12.4001 32.85H13.2801V33.83H9.92011V33.17Z" fill="#FF8C00"/>
|
|
11
|
+
<path d="M14.8801 33.03C14.8801 32.54 15.2401 32.14 15.7801 32.14C16.3201 32.14 16.6801 32.54 16.6801 33.03C16.6801 33.52 16.3201 33.92 15.7801 33.92C15.2401 33.92 14.8801 33.53 14.8801 33.03Z" fill="#FF8C00"/>
|
|
12
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.2 14H22.6V13.2C22.6 12.76 22.24 12.4 21.8 12.4H20.2C19.76 12.4 19.4 12.76 19.4 13.2V14H17.8C17.36 14 17 14.35 17 14.8V19.2C17 19.65 17.36 20 17.8 20H24.2C24.65 20 25 19.65 25 19.2V14.8C25 14.35 24.65 14 24.2 14ZM20.2 13.2H21.8V14H20.2V13.2ZM23.04 16.72C22.94 16.82 22.85 16.9 22.75 17C22.58 17.17 22.41 17.34 22.24 17.5C22.18 17.56 22.16 17.63 22.17 17.72C22.23 18.08 22.3 18.45 22.36 18.82C22.37 18.89 22.34 18.96 22.29 19C22.23 19.04 22.16 19.05 22.11 19.01C21.93 18.92 21.75 18.83 21.57 18.74C21.42 18.66 21.27 18.58 21.11 18.5C21.04 18.46 20.96 18.46 20.89 18.5C20.57 18.67 20.24 18.84 19.92 19C19.83 19.05 19.76 19.04 19.7 18.99C19.64 18.94 19.63 18.89 19.64 18.82C19.7 18.45 19.77 18.08 19.83 17.72C19.84 17.64 19.82 17.58 19.77 17.51C19.52 17.27 19.27 17.03 19.02 16.79C19 16.77 18.98 16.74 18.96 16.72C18.91 16.66 18.9 16.61 18.93 16.54C18.95 16.48 19 16.44 19.07 16.43C19.43 16.38 19.79 16.33 20.16 16.28C20.26 16.26 20.32 16.22 20.36 16.13C20.52 15.8 20.68 15.47 20.85 15.15C20.88 15.09 20.94 15.05 21.01 15.05C21.08 15.06 21.14 15.09 21.17 15.15C21.32 15.46 21.47 15.77 21.63 16.08C21.64 16.1 21.65 16.12 21.65 16.14C21.69 16.22 21.76 16.27 21.85 16.28C22.11 16.31 22.39 16.35 22.65 16.39C22.74 16.41 22.83 16.42 22.93 16.43C23 16.44 23.06 16.48 23.08 16.54C23.1 16.6 23.1 16.66 23.04 16.72Z" fill="#FF8C00"/>
|
|
13
|
+
</svg>
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M30.79 28.13C30.79 27.5 30.27 26.99 29.64 26.99H19.23C18.59 26.99 18.08 27.5 18.08 28.13C18.08 28.76 18.6 29.27 19.23 29.27H29.64C30.27 29.27 30.79 28.76 30.79 28.13Z" fill="#FF8C00"/>
|
|
3
|
+
<path d="M29.64 22.41H19.23C18.59 22.41 18.08 22.92 18.08 23.55C18.08 24.18 18.6 24.69 19.23 24.69H29.64C30.28 24.69 30.79 24.18 30.79 23.55C30.79 22.92 30.27 22.41 29.64 22.41Z" fill="#FF8C00"/>
|
|
4
|
+
<path d="M19.23 31.56C18.59 31.56 18.08 32.07 18.08 32.7C18.08 33.33 18.6 33.84 19.23 33.84H25.02C25.66 33.84 26.17 33.33 26.17 32.7C26.17 32.07 25.65 31.56 25.02 31.56H19.23Z" fill="#FF8C00"/>
|
|
5
|
+
<path d="M10.0601 25.8101H11.2001V23.5701H10.2401V22.8501C10.8601 22.7501 11.1701 22.6401 11.5201 22.4301H12.3901V25.8201H13.3301V26.7601H10.0601V25.8101Z" fill="#FF8C00"/>
|
|
6
|
+
<path d="M14.8801 25.9401C14.8801 25.4501 15.2401 25.0501 15.7801 25.0501C16.3201 25.0501 16.6801 25.4501 16.6801 25.9401C16.6801 26.4301 16.3201 26.8301 15.7801 26.8301C15.2401 26.8301 14.8801 26.4301 14.8801 25.9401Z" fill="#FF8C00"/>
|
|
7
|
+
<path d="M9.91999 33.17C11.09 32.23 11.94 31.5 11.94 30.91C11.94 30.52 11.69 30.34 11.3 30.34C10.98 30.34 10.72 30.55 10.49 30.75L9.85999 30.12C10.34 29.64 10.78 29.42 11.47 29.42C12.41 29.42 13.06 29.98 13.06 30.84C13.06 31.54 12.33 32.3 11.61 32.9C11.85 32.87 12.18 32.85 12.4 32.85H13.28V33.83H9.91999V33.17Z" fill="#FF8C00"/>
|
|
8
|
+
<path d="M14.88 33.03C14.88 32.54 15.24 32.14 15.78 32.14C16.32 32.14 16.68 32.54 16.68 33.03C16.68 33.52 16.32 33.92 15.78 33.92C15.24 33.92 14.88 33.53 14.88 33.03Z" fill="#FF8C00"/>
|
|
9
|
+
<path d="M20 5H11C10.45 5 10 5.45 10 6V18C10 18.55 10.45 19 11 19H20C20.55 19 21 18.55 21 18V6C21 5.45 20.55 5 20 5ZM15.51 6C16.4 6 17.13 6.75 17.12 7.66C17.12 8.56 16.38 9.3 15.5 9.29C14.6 9.29 13.88 8.55 13.88 7.64C13.88 6.73 14.61 6 15.51 6ZM13.55 10.21C13.6 9.94 13.8 9.78 14.07 9.78H16.91C17.21 9.78 17.4 9.94 17.45 10.24C17.54 10.66 17.62 11.08 17.7 11.5C17.74 11.75 17.68 11.97 17.48 12.13C17.02 12.48 16.52 12.77 15.96 12.93C15.54 13.06 15.14 12.99 14.75 12.84C14.32 12.66 13.91 12.43 13.54 12.15C13.34 11.99 13.25 11.77 13.3 11.52C13.38 11.08 13.46 10.64 13.55 10.21ZM19 17H12C11.72 17 11.5 16.78 11.5 16.5C11.5 16.22 11.72 16 12 16H19C19.28 16 19.5 16.22 19.5 16.5C19.5 16.78 19.28 17 19 17ZM19 15H12C11.72 15 11.5 14.78 11.5 14.5C11.5 14.22 11.72 14 12 14H19C19.28 14 19.5 14.22 19.5 14.5C19.5 14.78 19.28 15 19 15Z" fill="#2680EB"/>
|
|
10
|
+
<path d="M34.74 9.52L25.35 0.26C25.17 0.1 24.93 0 24.7 0H8.26C6.47 0 5 1.45 5 3.22V35.78C5 37.55 6.47 39 8.26 39H31.73C33.53 39 34.99 37.55 34.99 35.78V10.16C35 9.93 34.9 9.69 34.74 9.52ZM25.61 3.09L26.05 3.52L31.42 8.82L31.86 9.26H27.03C26.25 9.26 25.6 8.63 25.6 7.85V3.09H25.61ZM33.16 35.78C33.16 36.56 32.52 37.19 31.73 37.19H8.26C7.48 37.19 6.83 36.56 6.83 35.78V3.22C6.83 2.44 7.47 1.81 8.26 1.81H23.77V7.85C23.77 9.62 25.24 11.07 27.03 11.07H31.22L32.9 11.06H33.16V35.78Z" fill="#2680EB"/>
|
|
11
|
+
</svg>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M34.74 9.52L25.35 0.26C25.17 0.1 24.93 0 24.7 0H8.26C6.47 0 5 1.45 5 3.22V35.78C5 37.55 6.47 39 8.26 39H31.73C33.53 39 34.99 37.55 34.99 35.78V10.16C35 9.93 34.9 9.69 34.74 9.52ZM25.61 3.09L26.05 3.52L31.42 8.82L31.86 9.26H27.03C26.25 9.26 25.6 8.63 25.6 7.85V3.09H25.61ZM33.16 35.78C33.16 36.56 32.52 37.19 31.73 37.19H8.26C7.48 37.19 6.83 36.56 6.83 35.78V3.22C6.83 2.44 7.47 1.81 8.26 1.81H23.77V7.85C23.77 9.62 25.24 11.07 27.03 11.07H31.22L32.9 11.06H33.16V35.78Z" fill="#2680EB"/>
|
|
3
|
+
<path d="M25.64 16.06L23.39 14.32L22.27 13.46L20.17 11.83C20.81 10.98 21.16 9.97 21.17 8.92C21.17 7.61 20.64 6.36 19.68 5.44C18.73 4.52 17.44 4 16.09 4C14.74 4 13.44 4.52 12.49 5.44C11.54 6.36 11 7.61 11 8.92C11 9.21 11.03 9.5 11.09 9.78C11.23 9.61 11.45 9.5 11.69 9.5H12.02C11.99 9.31 11.97 9.12 11.97 8.92C11.96 8.13 12.2 7.36 12.65 6.7C13.1 6.04 13.74 5.53 14.49 5.22C15 5.02 15.54 4.91 16.09 4.91C16.35 4.91 16.61 4.94 16.87 4.99C17.67 5.14 18.41 5.51 18.98 6.06C19.57 6.62 19.96 7.33 20.13 8.1C20.29 8.87 20.21 9.68 19.9 10.4C19.59 11.13 19.07 11.76 18.39 12.19C17.72 12.64 16.92 12.87 16.11 12.88H16.09C15.75 12.88 15.42 12.84 15.1 12.75V13.44L15.76 13.45C16.04 13.46 16.28 13.6 16.42 13.84C17.28 13.79 18.11 13.53 18.84 13.07L23.26 18.39C23.3 18.43 23.35 18.47 23.39 18.51C23.78 18.83 24.25 19 24.69 19C25.12 19 25.52 18.85 25.84 18.55C26.48 17.93 26.4 16.8 25.64 16.06Z" fill="#2680EB"/>
|
|
4
|
+
<path d="M18.34 11.6C18.27 11.66 18.2 11.71 18.12 11.76C17.53 12.15 16.83 12.37 16.11 12.37H16.09C15.75 12.37 15.42 12.32 15.1 12.23V10.3C15.1 10.09 15.02 9.89 14.88 9.75H17.53C17.83 9.75 18.02 9.91 18.08 10.22C18.17 10.64 18.25 11.07 18.33 11.5C18.34 11.54 18.34 11.57 18.34 11.6Z" fill="#2680EB"/>
|
|
5
|
+
<path d="M16.09 9.25C15.18 9.25 14.44 8.49 14.44 7.57C14.44 6.64 15.19 5.89 16.1 5.9C17.01 5.9 17.75 6.66 17.74 7.59C17.74 8.51 16.99 9.26 16.09 9.25Z" fill="#2680EB"/>
|
|
6
|
+
<path d="M30.79 28.13C30.79 27.5 30.27 26.99 29.64 26.99H19.23C18.59 26.99 18.08 27.5 18.08 28.13C18.08 28.76 18.6 29.27 19.23 29.27H29.64C30.27 29.27 30.79 28.76 30.79 28.13Z" fill="#FF8C00"/>
|
|
7
|
+
<path d="M29.64 22.41H19.23C18.59 22.41 18.08 22.92 18.08 23.55C18.08 24.18 18.6 24.69 19.23 24.69H29.64C30.28 24.69 30.79 24.18 30.79 23.55C30.79 22.92 30.27 22.41 29.64 22.41Z" fill="#FF8C00"/>
|
|
8
|
+
<path d="M19.23 31.5601C18.59 31.5601 18.08 32.0701 18.08 32.7001C18.08 33.3301 18.6 33.8401 19.23 33.8401H25.02C25.66 33.8401 26.17 33.3301 26.17 32.7001C26.17 32.0701 25.65 31.5601 25.02 31.5601H19.23Z" fill="#FF8C00"/>
|
|
9
|
+
<path d="M10.0601 25.8101H11.2001V23.5701H10.2401V22.8501C10.8601 22.7501 11.1701 22.6401 11.5201 22.4301H12.3901V25.8201H13.3301V26.7601H10.0601V25.8101Z" fill="#FF8C00"/>
|
|
10
|
+
<path d="M14.88 25.9401C14.88 25.4501 15.24 25.05 15.78 25.05C16.32 25.05 16.68 25.4501 16.68 25.9401C16.68 26.4301 16.32 26.83 15.78 26.83C15.24 26.83 14.88 26.4301 14.88 25.9401Z" fill="#FF8C00"/>
|
|
11
|
+
<path d="M9.91999 33.17C11.09 32.23 11.94 31.5 11.94 30.91C11.94 30.52 11.69 30.34 11.3 30.34C10.98 30.34 10.72 30.55 10.49 30.75L9.85999 30.12C10.34 29.64 10.78 29.42 11.47 29.42C12.41 29.42 13.06 29.98 13.06 30.84C13.06 31.54 12.33 32.3 11.61 32.9C11.85 32.87 12.18 32.85 12.4 32.85H13.28V33.83H9.91999V33.17Z" fill="#FF8C00"/>
|
|
12
|
+
<path d="M14.88 33.03C14.88 32.54 15.24 32.14 15.78 32.14C16.32 32.14 16.68 32.54 16.68 33.03C16.68 33.52 16.32 33.92 15.78 33.92C15.24 33.92 14.88 33.53 14.88 33.03Z" fill="#FF8C00"/>
|
|
13
|
+
<path d="M16.5 19H9.5C9.22 19 9 18.78 9 18.5C9 18.22 9.22 18 9.5 18H16.5C16.78 18 17 18.22 17 18.5C17 18.78 16.78 19 16.5 19Z" fill="#FF8C00"/>
|
|
14
|
+
<path d="M13 17.28C12.92 17.28 12.85 17.25 12.79 17.19L10.04 14.45C9.95003 14.36 9.93003 14.24 9.98003 14.13C10.03 14.02 10.14 13.95 10.25 13.94H11.39V10.3C11.39 10.14 11.52 10 11.68 10H14.3C14.47 10 14.6 10.13 14.6 10.3V13.94H15.74C15.86 13.94 15.96 14.02 16.01 14.12C16.06 14.23 16.03 14.36 15.95 14.44L13.21 17.18C13.16 17.25 13.08 17.28 13 17.28Z" fill="#FF8C00"/>
|
|
15
|
+
</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
|
+
<path d="M34.74 9.52L25.35 0.26C25.17 0.1 24.93 0 24.7 0H8.26C6.47 0 5 1.45 5 3.22V35.78C5 37.55 6.47 39 8.26 39H31.73C33.53 39 34.99 37.55 34.99 35.78V10.16C35 9.93 34.9 9.69 34.74 9.52ZM25.61 3.09L26.05 3.52L31.42 8.82L31.86 9.26H27.03C26.25 9.26 25.6 8.63 25.6 7.85V3.09H25.61ZM33.16 35.78C33.16 36.56 32.52 37.19 31.73 37.19H8.26C7.48 37.19 6.83 36.56 6.83 35.78V3.22C6.83 2.44 7.47 1.81 8.26 1.81H23.77V7.85C23.77 9.62 25.24 11.07 27.03 11.07H31.22L32.9 11.06H33.16V35.78Z" fill="#2680EB"/>
|
|
3
|
+
<path d="M25.64 16.06L23.39 14.32L22.27 13.46L20.17 11.83C20.81 10.98 21.16 9.97 21.17 8.92C21.17 7.61 20.64 6.36 19.68 5.44C18.73 4.52 17.44 4 16.09 4C14.74 4 13.44 4.52 12.49 5.44C11.54 6.36 11 7.61 11 8.92C11 9.04 11.01 9.17 11.02 9.29C11.32 9.16 11.64 9.08 11.98 9.04C11.97 9 11.97 8.96 11.97 8.92C11.96 8.13 12.2 7.36 12.65 6.7C13.1 6.04 13.74 5.53 14.49 5.22C15 5.02 15.54 4.91 16.09 4.91C16.35 4.91 16.61 4.94 16.87 4.99C17.67 5.14 18.41 5.51 18.98 6.06C19.57 6.62 19.96 7.33 20.13 8.1C20.29 8.87 20.21 9.68 19.9 10.4C19.59 11.13 19.07 11.76 18.39 12.19C17.83 12.57 17.17 12.79 16.49 12.86C16.5 12.91 16.5 12.95 16.5 13C16.5 13.27 16.47 13.55 16.4 13.84C17.27 13.8 18.11 13.53 18.84 13.07L23.26 18.39C23.3 18.43 23.35 18.47 23.39 18.51C23.78 18.83 24.25 19 24.69 19C25.12 19 25.52 18.85 25.84 18.55C26.48 17.93 26.4 16.8 25.64 16.06Z" fill="#2680EB"/>
|
|
4
|
+
<path d="M18.34 11.6C18.27 11.66 18.2 11.71 18.12 11.76C17.62 12.09 17.04 12.3 16.44 12.35C16.27 11.27 15.67 10.35 14.82 9.75H17.53C17.83 9.75 18.02 9.91 18.08 10.22C18.17 10.64 18.25 11.07 18.33 11.5C18.34 11.54 18.34 11.57 18.34 11.6Z" fill="#2680EB"/>
|
|
5
|
+
<path d="M16.09 9.25C15.18 9.25 14.44 8.49 14.44 7.57C14.44 6.64 15.19 5.89 16.1 5.9C17.01 5.9 17.75 6.66 17.74 7.59C17.74 8.51 16.99 9.26 16.09 9.25Z" fill="#2680EB"/>
|
|
6
|
+
<path d="M30.79 28.13C30.79 27.5 30.27 26.99 29.64 26.99H19.23C18.59 26.99 18.08 27.5 18.08 28.13C18.08 28.76 18.6 29.27 19.23 29.27H29.64C30.27 29.27 30.79 28.76 30.79 28.13Z" fill="#FF8C00"/>
|
|
7
|
+
<path d="M29.64 22.41H19.23C18.59 22.41 18.08 22.92 18.08 23.55C18.08 24.18 18.6 24.69 19.23 24.69H29.64C30.28 24.69 30.79 24.18 30.79 23.55C30.79 22.92 30.27 22.41 29.64 22.41Z" fill="#FF8C00"/>
|
|
8
|
+
<path d="M19.23 31.56C18.59 31.56 18.08 32.07 18.08 32.7C18.08 33.33 18.6 33.84 19.23 33.84H25.02C25.66 33.84 26.17 33.33 26.17 32.7C26.17 32.07 25.65 31.56 25.02 31.56H19.23Z" fill="#FF8C00"/>
|
|
9
|
+
<path d="M10.0601 25.8101H11.2001V23.5701H10.2401V22.8501C10.8601 22.7501 11.1701 22.6401 11.5201 22.4301H12.3901V25.8201H13.3301V26.7601H10.0601V25.8101Z" fill="#FF8C00"/>
|
|
10
|
+
<path d="M14.8801 25.9401C14.8801 25.4501 15.2401 25.0501 15.7801 25.0501C16.3201 25.0501 16.6801 25.4501 16.6801 25.9401C16.6801 26.4301 16.3201 26.8301 15.7801 26.8301C15.2401 26.8301 14.8801 26.4301 14.8801 25.9401Z" fill="#FF8C00"/>
|
|
11
|
+
<path d="M9.91999 33.17C11.09 32.23 11.94 31.5 11.94 30.91C11.94 30.52 11.69 30.34 11.3 30.34C10.98 30.34 10.72 30.55 10.49 30.75L9.85999 30.12C10.34 29.64 10.78 29.42 11.47 29.42C12.41 29.42 13.06 29.98 13.06 30.84C13.06 31.54 12.33 32.3 11.61 32.9C11.85 32.87 12.18 32.85 12.4 32.85H13.28V33.83H9.91999V33.17Z" fill="#FF8C00"/>
|
|
12
|
+
<path d="M14.88 33.03C14.88 32.54 15.24 32.14 15.78 32.14C16.32 32.14 16.68 32.54 16.68 33.03C16.68 33.52 16.32 33.92 15.78 33.92C15.24 33.92 14.88 33.53 14.88 33.03Z" fill="#FF8C00"/>
|
|
13
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 13C9 11.07 10.57 9.5 12.5 9.5C14.43 9.5 16 11.07 16 13C16 15.63 12.5 19.5 12.5 19.5C12.5 19.5 9 15.63 9 13ZM11.25 13C11.25 13.69 11.81 14.25 12.5 14.25C13.19 14.25 13.75 13.69 13.75 13C13.75 12.31 13.19 11.75 12.5 11.75C11.81 11.75 11.25 12.31 11.25 13Z" fill="#FF8C00"/>
|
|
14
|
+
</svg>
|
|
@@ -31,7 +31,6 @@ const {
|
|
|
31
31
|
disabled: fillDisabled
|
|
32
32
|
}
|
|
33
33
|
} = colors;
|
|
34
|
-
const colorMap = new Map([['primary', active], ['success', success], ['warning', warning], ['danger', danger], ['info', info]]);
|
|
35
34
|
const sizeMap = new Map([['tiny', {
|
|
36
35
|
buttonSize: '24px',
|
|
37
36
|
iconSize: '16px'
|
|
@@ -61,8 +60,17 @@ const alphaLoading = 0.2; // customIconSize calculated based on design size
|
|
|
61
60
|
|
|
62
61
|
const customIconSize = width => width <= 24 ? width - 8 : width <= 32 ? width - 12 : width - 16;
|
|
63
62
|
|
|
63
|
+
const renderIconLoading = iconSize => {
|
|
64
|
+
return jsx(CircularProgress, {
|
|
65
|
+
size: 'extraSmall',
|
|
66
|
+
background: 'transparent',
|
|
67
|
+
color: 'currentColor',
|
|
68
|
+
strokeWidth: 3,
|
|
69
|
+
width: parseInt(iconSize)
|
|
70
|
+
});
|
|
71
|
+
};
|
|
72
|
+
|
|
64
73
|
const ButtonIcon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
65
|
-
type,
|
|
66
74
|
viewType,
|
|
67
75
|
color,
|
|
68
76
|
size,
|
|
@@ -75,12 +83,10 @@ const ButtonIcon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
|
75
83
|
disabled,
|
|
76
84
|
style,
|
|
77
85
|
onClick,
|
|
78
|
-
icon,
|
|
79
86
|
children,
|
|
80
|
-
refs,
|
|
81
87
|
loading,
|
|
82
88
|
colorHover,
|
|
83
|
-
|
|
89
|
+
id
|
|
84
90
|
}, reference) => {
|
|
85
91
|
var _sizeMap$get, _sizeMap$get2;
|
|
86
92
|
|
|
@@ -93,194 +99,11 @@ const ButtonIcon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
|
93
99
|
|
|
94
100
|
const _height = isNaN(height) ? height : height + 'px';
|
|
95
101
|
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
${alignCenter}
|
|
102
|
-
${outlineNone}
|
|
103
|
-
${borderBox}
|
|
104
|
-
${cursorPointer}
|
|
105
|
-
${userSelectNone}
|
|
106
|
-
padding: 0;
|
|
107
|
-
border-radius: ${circular ? '50%' : '4px'};
|
|
108
|
-
transition: background-color 0.5s, filter 0.5s;
|
|
109
|
-
.DGN-UI-ButtonIcon-Icon {
|
|
110
|
-
${flexRow}
|
|
111
|
-
${positionRelative}
|
|
112
|
-
${borderBox}
|
|
113
|
-
${justifyCenter}
|
|
114
|
-
${alignCenter}
|
|
115
|
-
}
|
|
116
|
-
&.button-icon--disabled {
|
|
117
|
-
cursor: not-allowed !important;
|
|
118
|
-
color: ${systemDisabled} !important;
|
|
119
|
-
&.outlined {
|
|
120
|
-
border-color: ${systemDisabled} !important;
|
|
121
|
-
background-color: transparent !important;
|
|
122
|
-
}
|
|
123
|
-
&.filled {
|
|
124
|
-
background-color: ${fillDisabled} !important;
|
|
125
|
-
filter: brightness(1) !important;
|
|
126
|
-
}
|
|
127
|
-
&.text {
|
|
128
|
-
background-color: transparent !important;
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
&.button-icon--loading {
|
|
132
|
-
${pointerEventsNone}
|
|
133
|
-
}
|
|
134
|
-
&.${size} {
|
|
135
|
-
width: ${width ? _width : buttonSize};
|
|
136
|
-
min-width: ${width ? _width : buttonSize};
|
|
137
|
-
height: ${height ? _height : buttonSize};
|
|
138
|
-
min-height: ${height ? _height : buttonSize};
|
|
139
|
-
.DGN-UI-ButtonIcon-Icon {
|
|
140
|
-
height: ${iconSize};
|
|
141
|
-
min-height: ${iconSize};
|
|
142
|
-
width: ${iconSize};
|
|
143
|
-
min-width: ${iconSize};
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
&.outlined {
|
|
147
|
-
${backgroundTransparent}
|
|
148
|
-
&.default {
|
|
149
|
-
${border(1, rest)}
|
|
150
|
-
color: ${rest};
|
|
151
|
-
&.button-icon--loading,
|
|
152
|
-
&:hover,
|
|
153
|
-
&:focus,
|
|
154
|
-
&:active {
|
|
155
|
-
color: ${colorHover};
|
|
156
|
-
border-color: ${colorHover};
|
|
157
|
-
}
|
|
158
|
-
&.button-icon--loading {
|
|
159
|
-
background-color: ${hexToRGBA(colorHover, alphaLoading)};
|
|
160
|
-
}
|
|
161
|
-
${Object.keys(alphaArr).map(key => `&:${key} {
|
|
162
|
-
background-color: ${hexToRGBA(colorHover, alphaArr[key])};
|
|
163
|
-
}`)}// &:hover | &:focus | &:active
|
|
164
|
-
}
|
|
165
|
-
&.${color} {
|
|
166
|
-
${color !== 'default' && border(1, colorMap.get(color))}
|
|
167
|
-
color: ${colorMap.get(color)};
|
|
168
|
-
&.button-icon--loading {
|
|
169
|
-
background-color: ${hexToRGBA(colorMap.get(color), alphaLoading)};
|
|
170
|
-
}
|
|
171
|
-
${Object.keys(alphaArr).map(key => `&:${key} {
|
|
172
|
-
background-color: ${hexToRGBA(colorMap.get(color), alphaArr[key])};
|
|
173
|
-
}`)}
|
|
174
|
-
}
|
|
175
|
-
&.custom-color {
|
|
176
|
-
${border(1, color)}
|
|
177
|
-
color: ${color};
|
|
178
|
-
&.button-icon--loading {
|
|
179
|
-
background-color: ${hexToRGBA(color, alphaLoading)};
|
|
180
|
-
}
|
|
181
|
-
${Object.keys(alphaArr).map(key => `&:${key} {
|
|
182
|
-
background-color: ${hexToRGBA(color, alphaArr[key])};
|
|
183
|
-
}`)}
|
|
184
|
-
}
|
|
185
|
-
}
|
|
186
|
-
&.filled {
|
|
187
|
-
${borderNone}
|
|
188
|
-
color: ${white};
|
|
189
|
-
font-weight: bold;
|
|
190
|
-
&.button-icon--loading,
|
|
191
|
-
&:hover,
|
|
192
|
-
&:focus {
|
|
193
|
-
filter: brightness(0.85);
|
|
194
|
-
}
|
|
195
|
-
&:active {
|
|
196
|
-
filter: brightness(0.7);
|
|
197
|
-
}
|
|
198
|
-
&.default {
|
|
199
|
-
background-color: ${rest};
|
|
200
|
-
&.button-icon--loading,
|
|
201
|
-
&:hover,
|
|
202
|
-
&:focus,
|
|
203
|
-
&:active {
|
|
204
|
-
background-color: ${colorHover};
|
|
205
|
-
}
|
|
206
|
-
}
|
|
207
|
-
&.${color} {
|
|
208
|
-
background-color: ${colorMap.get(color)};
|
|
209
|
-
}
|
|
210
|
-
&.custom-color {
|
|
211
|
-
background-color: ${color};
|
|
212
|
-
}
|
|
213
|
-
}
|
|
214
|
-
&.text {
|
|
215
|
-
${noBorder}
|
|
216
|
-
${backgroundTransparent}
|
|
217
|
-
&.default {
|
|
218
|
-
color: ${rest};
|
|
219
|
-
&:hover,
|
|
220
|
-
&:focus,
|
|
221
|
-
&:active {
|
|
222
|
-
color: ${colorHover};
|
|
223
|
-
}
|
|
224
|
-
&.button-icon--loading {
|
|
225
|
-
color: ${active};
|
|
226
|
-
background-color: ${hexToRGBA(colorHover, alphaLoading)};
|
|
227
|
-
}
|
|
228
|
-
${Object.keys(alphaArr).map(key => `&:${key} {
|
|
229
|
-
background-color: ${hexToRGBA(colorHover, alphaArr[key])};
|
|
230
|
-
}`)}
|
|
231
|
-
}
|
|
232
|
-
&.${color} {
|
|
233
|
-
color: ${colorMap.get(color)};
|
|
234
|
-
&.button-icon--loading {
|
|
235
|
-
background-color: ${hexToRGBA(colorMap.get(color), alphaLoading)};
|
|
236
|
-
}
|
|
237
|
-
${Object.keys(alphaArr).map(key => `&:${key} {
|
|
238
|
-
background-color: ${hexToRGBA(colorMap.get(color), alphaArr[key])};
|
|
239
|
-
}`)}
|
|
240
|
-
}
|
|
241
|
-
&.custom-color {
|
|
242
|
-
color: ${color};
|
|
243
|
-
&.button-icon--loading {
|
|
244
|
-
background-color: ${hexToRGBA(color, alphaLoading)};
|
|
245
|
-
}
|
|
246
|
-
${Object.keys(alphaArr).map(key => `&:${key} {
|
|
247
|
-
background-color: ${hexToRGBA(color, alphaArr[key])};
|
|
248
|
-
}`)}
|
|
249
|
-
}
|
|
250
|
-
}
|
|
251
|
-
&.ghost {
|
|
252
|
-
${backgroundTransparent}
|
|
253
|
-
${noBorder}
|
|
254
|
-
color: ${rest};
|
|
255
|
-
&.${size} {
|
|
256
|
-
height: ${height ? _height : iconSize};
|
|
257
|
-
min-height: ${height ? _height : iconSize};
|
|
258
|
-
width: ${width ? _width : iconSize};
|
|
259
|
-
min-width: ${width ? _width : iconSize};
|
|
260
|
-
}
|
|
261
|
-
&.loading,
|
|
262
|
-
&:hover,
|
|
263
|
-
&:focus {
|
|
264
|
-
filter: brightness(0.85);
|
|
265
|
-
}
|
|
266
|
-
&:active {
|
|
267
|
-
filter: brightness(0.7);
|
|
268
|
-
}
|
|
269
|
-
&.default {
|
|
270
|
-
&:hover,
|
|
271
|
-
&:focus,
|
|
272
|
-
&:active {
|
|
273
|
-
color: ${iconColorMap.get(capitalize(name)) || colorHover};
|
|
274
|
-
}
|
|
275
|
-
}
|
|
276
|
-
&.${color} {
|
|
277
|
-
color: ${colorMap.get(color)};
|
|
278
|
-
}
|
|
279
|
-
&.custom-color {
|
|
280
|
-
color: ${color};
|
|
281
|
-
}
|
|
282
|
-
}
|
|
283
|
-
`;
|
|
102
|
+
const _color = colors[color];
|
|
103
|
+
colorHover = colors[colorHover] || colorHover;
|
|
104
|
+
|
|
105
|
+
const _ButtonRootCSS = ButtonRootCSS(circular, size, width, _width, height, _height, buttonSize, iconSize, colorHover, color, _color, name);
|
|
106
|
+
|
|
284
107
|
useImperativeHandle(reference, () => {
|
|
285
108
|
const currentRef = ref.current || {};
|
|
286
109
|
const _instance = {}; // methods
|
|
@@ -291,16 +114,6 @@ const ButtonIcon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
|
291
114
|
return currentRef;
|
|
292
115
|
});
|
|
293
116
|
|
|
294
|
-
const iconLoading = () => {
|
|
295
|
-
return jsx(CircularProgress, {
|
|
296
|
-
size: 'extraSmall',
|
|
297
|
-
background: 'transparent',
|
|
298
|
-
color: 'currentColor',
|
|
299
|
-
strokeWidth: 3,
|
|
300
|
-
width: parseInt(iconSize)
|
|
301
|
-
});
|
|
302
|
-
};
|
|
303
|
-
|
|
304
117
|
const _onClick = event => {
|
|
305
118
|
onClick && event.stopPropagation();
|
|
306
119
|
if (disabled || loading) return;
|
|
@@ -320,22 +133,210 @@ const ButtonIcon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
|
320
133
|
});
|
|
321
134
|
}
|
|
322
135
|
|
|
323
|
-
return jsx("
|
|
324
|
-
css:
|
|
136
|
+
return jsx("div", {
|
|
137
|
+
css: _ButtonRootCSS,
|
|
325
138
|
style: style,
|
|
326
139
|
ref: ref,
|
|
327
|
-
type: type,
|
|
328
140
|
onClick: _onClick,
|
|
329
141
|
className: ['DGN-UI-ButtonIcon', viewType, getClassNameFromColor(color), size, loading && 'button-icon--loading', disabled && 'button-icon--disabled', className].join(' ').trim().replace(/\s+/g, ' '),
|
|
330
|
-
|
|
331
|
-
}, loading &&
|
|
142
|
+
id: id
|
|
143
|
+
}, loading && renderIconLoading(iconSize), !loading && jsx("span", {
|
|
332
144
|
className: 'DGN-UI-ButtonIcon-Icon'
|
|
333
145
|
}, " ", node, " "), !disabled && !loading && viewType !== 'ghost' && jsx(Ripple, {
|
|
334
146
|
color: getRippleColor(color, viewType, allColors),
|
|
335
|
-
circular:
|
|
147
|
+
circular: circular
|
|
336
148
|
}));
|
|
337
|
-
}, [size, viewType, color, colorHover, disabled, name, children, onClick, loading, circular, viewBox, width, height]);
|
|
149
|
+
}, [style, className, size, viewType, color, colorHover, disabled, name, children, onClick, loading, circular, viewBox, width, height]);
|
|
338
150
|
}));
|
|
151
|
+
|
|
152
|
+
const ButtonRootCSS = (circular, size, width, _width, height, _height, buttonSize, iconSize, colorHover, color, _color, name) => css`
|
|
153
|
+
${inlineFlex};
|
|
154
|
+
${positionRelative};
|
|
155
|
+
${justifyCenter};
|
|
156
|
+
${alignCenter};
|
|
157
|
+
${outlineNone};
|
|
158
|
+
${borderBox};
|
|
159
|
+
${cursorPointer};
|
|
160
|
+
${userSelectNone};
|
|
161
|
+
padding: 0;
|
|
162
|
+
border-radius: ${circular ? '50%' : '4px'};
|
|
163
|
+
transition: background-color 0.5s, filter 0.5s;
|
|
164
|
+
.DGN-UI-ButtonIcon-Icon {
|
|
165
|
+
${flexRow};
|
|
166
|
+
${positionRelative};
|
|
167
|
+
${borderBox};
|
|
168
|
+
${justifyCenter};
|
|
169
|
+
${alignCenter};
|
|
170
|
+
}
|
|
171
|
+
&.button-icon--disabled {
|
|
172
|
+
cursor: not-allowed !important;
|
|
173
|
+
color: ${systemDisabled} !important;
|
|
174
|
+
&.outlined {
|
|
175
|
+
border-color: ${systemDisabled} !important;
|
|
176
|
+
background-color: transparent !important;
|
|
177
|
+
}
|
|
178
|
+
&.filled {
|
|
179
|
+
background-color: ${fillDisabled} !important;
|
|
180
|
+
filter: brightness(1) !important;
|
|
181
|
+
}
|
|
182
|
+
&.text {
|
|
183
|
+
background-color: transparent !important;
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
&.button-icon--loading {
|
|
187
|
+
${pointerEventsNone};
|
|
188
|
+
}
|
|
189
|
+
&.${size} {
|
|
190
|
+
width: ${width ? _width : buttonSize};
|
|
191
|
+
min-width: ${width ? _width : buttonSize};
|
|
192
|
+
height: ${height ? _height : buttonSize};
|
|
193
|
+
min-height: ${height ? _height : buttonSize};
|
|
194
|
+
.DGN-UI-ButtonIcon-Icon {
|
|
195
|
+
height: ${iconSize};
|
|
196
|
+
min-height: ${iconSize};
|
|
197
|
+
width: ${iconSize};
|
|
198
|
+
min-width: ${iconSize};
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
&.outlined {
|
|
202
|
+
${backgroundTransparent};
|
|
203
|
+
&.default {
|
|
204
|
+
${border(1, rest)}
|
|
205
|
+
color: ${rest};
|
|
206
|
+
&.button-icon--loading,
|
|
207
|
+
&:hover,
|
|
208
|
+
&:focus,
|
|
209
|
+
&:active {
|
|
210
|
+
color: ${colorHover};
|
|
211
|
+
border-color: ${colorHover};
|
|
212
|
+
}
|
|
213
|
+
&.button-icon--loading {
|
|
214
|
+
background-color: ${hexToRGBA(colorHover, alphaLoading)};
|
|
215
|
+
}
|
|
216
|
+
${Object.keys(alphaArr).map(key => `&:${key} {
|
|
217
|
+
background-color: ${hexToRGBA(colorHover, alphaArr[key])};
|
|
218
|
+
}`)}// &:hover | &:focus | &:active
|
|
219
|
+
}
|
|
220
|
+
&.${color} {
|
|
221
|
+
${color !== 'default' && border(1, _color)}
|
|
222
|
+
color: ${_color};
|
|
223
|
+
&.button-icon--loading {
|
|
224
|
+
background-color: ${hexToRGBA(_color, alphaLoading)};
|
|
225
|
+
}
|
|
226
|
+
${Object.keys(alphaArr).map(key => `&:${key} {
|
|
227
|
+
background-color: ${hexToRGBA(_color, alphaArr[key])};
|
|
228
|
+
}`)}
|
|
229
|
+
}
|
|
230
|
+
&.custom-color {
|
|
231
|
+
${border(1, color)}
|
|
232
|
+
color: ${color};
|
|
233
|
+
&.button-icon--loading {
|
|
234
|
+
background-color: ${hexToRGBA(color, alphaLoading)};
|
|
235
|
+
}
|
|
236
|
+
${Object.keys(alphaArr).map(key => `&:${key} {
|
|
237
|
+
background-color: ${hexToRGBA(color, alphaArr[key])};
|
|
238
|
+
}`)}
|
|
239
|
+
}
|
|
240
|
+
}
|
|
241
|
+
&.filled {
|
|
242
|
+
${borderNone};
|
|
243
|
+
color: ${color === white ? rest : white};
|
|
244
|
+
font-weight: bold;
|
|
245
|
+
&.button-icon--loading,
|
|
246
|
+
&:hover,
|
|
247
|
+
&:focus {
|
|
248
|
+
filter: brightness(0.85);
|
|
249
|
+
}
|
|
250
|
+
&:active {
|
|
251
|
+
filter: brightness(0.7);
|
|
252
|
+
}
|
|
253
|
+
&.default {
|
|
254
|
+
background-color: ${rest};
|
|
255
|
+
&.button-icon--loading,
|
|
256
|
+
&:hover,
|
|
257
|
+
&:focus,
|
|
258
|
+
&:active {
|
|
259
|
+
background-color: ${colorHover};
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
&.${color} {
|
|
263
|
+
background-color: ${_color};
|
|
264
|
+
}
|
|
265
|
+
&.custom-color {
|
|
266
|
+
background-color: ${color};
|
|
267
|
+
}
|
|
268
|
+
}
|
|
269
|
+
&.text {
|
|
270
|
+
${noBorder};
|
|
271
|
+
${backgroundTransparent};
|
|
272
|
+
&.default {
|
|
273
|
+
color: ${rest};
|
|
274
|
+
&:hover,
|
|
275
|
+
&:focus,
|
|
276
|
+
&:active {
|
|
277
|
+
color: ${colorHover};
|
|
278
|
+
}
|
|
279
|
+
&.button-icon--loading {
|
|
280
|
+
color: ${active};
|
|
281
|
+
background-color: ${hexToRGBA(colorHover, alphaLoading)};
|
|
282
|
+
}
|
|
283
|
+
${Object.keys(alphaArr).map(key => `&:${key} {
|
|
284
|
+
background-color: ${hexToRGBA(colorHover, alphaArr[key])};
|
|
285
|
+
}`)}
|
|
286
|
+
}
|
|
287
|
+
&.${color} {
|
|
288
|
+
color: ${_color};
|
|
289
|
+
&.button-icon--loading {
|
|
290
|
+
background-color: ${hexToRGBA(_color, alphaLoading)};
|
|
291
|
+
}
|
|
292
|
+
${Object.keys(alphaArr).map(key => `&:${key} {
|
|
293
|
+
background-color: ${hexToRGBA(_color, alphaArr[key])};
|
|
294
|
+
}`)}
|
|
295
|
+
}
|
|
296
|
+
&.custom-color {
|
|
297
|
+
color: ${color};
|
|
298
|
+
&.button-icon--loading {
|
|
299
|
+
background-color: ${hexToRGBA(color, alphaLoading)};
|
|
300
|
+
}
|
|
301
|
+
${Object.keys(alphaArr).map(key => `&:${key} {
|
|
302
|
+
background-color: ${hexToRGBA(color, alphaArr[key])};
|
|
303
|
+
}`)}
|
|
304
|
+
}
|
|
305
|
+
}
|
|
306
|
+
&.ghost {
|
|
307
|
+
${backgroundTransparent};
|
|
308
|
+
${noBorder};
|
|
309
|
+
color: ${rest};
|
|
310
|
+
&.${size} {
|
|
311
|
+
height: ${height ? _height : iconSize};
|
|
312
|
+
min-height: ${height ? _height : iconSize};
|
|
313
|
+
width: ${width ? _width : iconSize};
|
|
314
|
+
min-width: ${width ? _width : iconSize};
|
|
315
|
+
}
|
|
316
|
+
&.loading,
|
|
317
|
+
&:hover,
|
|
318
|
+
&:focus {
|
|
319
|
+
filter: brightness(0.85);
|
|
320
|
+
}
|
|
321
|
+
&:active {
|
|
322
|
+
filter: brightness(0.7);
|
|
323
|
+
}
|
|
324
|
+
&.default {
|
|
325
|
+
&:hover,
|
|
326
|
+
&:focus,
|
|
327
|
+
&:active {
|
|
328
|
+
color: ${iconColorMap.get(capitalize(name)) || colorHover};
|
|
329
|
+
}
|
|
330
|
+
}
|
|
331
|
+
&.${color} {
|
|
332
|
+
color: ${_color};
|
|
333
|
+
}
|
|
334
|
+
&.custom-color {
|
|
335
|
+
color: ${color};
|
|
336
|
+
}
|
|
337
|
+
}
|
|
338
|
+
`;
|
|
339
|
+
|
|
339
340
|
ButtonIcon.defaultProps = {
|
|
340
341
|
viewType: 'outlined',
|
|
341
342
|
color: 'default',
|
|
@@ -347,9 +348,6 @@ ButtonIcon.defaultProps = {
|
|
|
347
348
|
viewBox: true
|
|
348
349
|
};
|
|
349
350
|
ButtonIcon.propTypes = {
|
|
350
|
-
/** The type attribute specifies the type of tag button */
|
|
351
|
-
type: PropTypes.oneOf(['button', 'submit', 'reset']),
|
|
352
|
-
|
|
353
351
|
/** used to fill background for button */
|
|
354
352
|
viewType: PropTypes.oneOf(['text', 'outlined', 'filled', 'ghost']),
|
|
355
353
|
|
|
@@ -397,9 +395,6 @@ ButtonIcon.propTypes = {
|
|
|
397
395
|
/** element to display in button */
|
|
398
396
|
children: PropTypes.node,
|
|
399
397
|
|
|
400
|
-
/** any props else */
|
|
401
|
-
props: PropTypes.any,
|
|
402
|
-
|
|
403
398
|
/** status loading of button */
|
|
404
399
|
loading: PropTypes.bool,
|
|
405
400
|
|