diginet-core-ui 1.3.48 → 1.3.49

package/assets/images/menu/bem/WA3F0100.svg

@@ -0,0 +1,6 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.08 35.26H21.02C16.71 35.24 12.39 35.25 8.07999 35.26C7.83999 35.26 7.64999 35.2 7.48999 35.02C6.72999 34.14 5.93999 33.28 5.21999 32.36C3.62999 30.36 2.08999 28.32 0.509991 26.32C-0.340009 25.24 -9.05991e-06 24.03 0.609991 23.46C1.36999 22.76 2.46999 22.7 3.27999 23.33C4.17999 24.04 5.04999 24.76 5.93999 25.47C6.17999 25.66 6.42999 25.85 6.70999 25.99C7.04999 26.16 7.33999 26.03 7.43999 25.67C7.50999 25.4 7.52999 25.11 7.52999 24.84C7.53999 20.17 7.52999 15.49 7.52999 10.82C7.52999 9.7 8.08999 8.93 9.05999 8.69C10.34 8.38 11.56 9.25 11.58 10.57C11.62 12.89 11.6 15.21 11.6 17.55C11.6 17.67 11.62 17.79 11.62 17.91C11.65 17.92 11.68 17.93 11.71 17.94C11.79 17.83 11.87 17.72 11.94 17.61C12.47 16.79 13.36 16.45 14.26 16.71C15.13 16.96 15.71 17.75 15.73 18.7V19.92C15.76 19.93 15.78 19.95 15.81 19.96C15.92 19.83 16.04 19.71 16.14 19.57C16.6 18.89 17.42 18.55 18.23 18.73C19.06 18.91 19.61 19.42 19.78 20.25C19.86 20.67 19.82 21.12 19.84 21.56C19.85 21.7 19.87 21.82 19.89 21.96C19.65 21.87 19.39 21.87 19.14 21.97C18.77 22.12 18.53 22.49 18.53 22.89V29.24C18.89 30.44 20.51 34.4 21.08 35.26Z" fill="#2680EB"/>
+<path d="M12.52 14.27C12.52 13.86 12.51 13.48 12.53 13.1C12.53 13.02 12.62 12.91 12.7 12.86C14.66 11.63 15.73 9.85 15.76 7.54C15.78 5.2 14.76 3.33 12.75 2.11C9.72999 0.3 5.99999 1.23 4.12999 4.22C2.30999 7.12 3.32999 11.19 6.30999 12.88C6.50999 12.99 6.57999 13.12 6.56999 13.34C6.54999 13.67 6.56999 13.99 6.56999 14.33C4.06999 13.4 1.51999 10.33 2.09999 6.36C2.62999 2.77 5.66999 0.0600001 9.32999 1.06287e-07C13.25 -0.0599999 16.39 2.65 16.91 6.61C17.36 10.08 15.23 13.19 12.52 14.27Z" fill="#2680EB"/>
+<path d="M6.51999 11.25C5.19999 10.33 4.30999 8.31 4.79999 6.33C5.28999 4.3 7.08999 2.71 9.34999 2.64C11.37 2.58 13.27 3.79 14.01 5.78C14.73 7.7 14.12 9.99 12.56 11.18C12.53 10.81 12.5 10.5 12.77 10.17C14.39 8.17 13.98 5.39 11.87 3.93C10.42 2.93 8.45999 2.96 7.03999 4C5.53999 5.1 5.03999 6.6 5.34999 8.39C5.46999 9.07 5.77999 9.69 6.24999 10.19C6.52999 10.51 6.61999 10.83 6.51999 11.25Z" fill="#2680EB"/>
+<path d="M29.74 20.44C26.33 20.44 23.3 22.3 21.74 25.13L19.5 22.88V29.23H25.84L23.11 26.49C24.38 24.05 26.82 22.39 29.74 22.39C33.74 22.39 37.05 25.71 37.05 29.72C37.05 33.73 33.73 37.05 29.74 37.05C26.52 37.05 23.89 35 22.82 32.16H20.77C21.84 36.07 25.45 39 29.74 39C34.9 39 39 34.8 39 29.72C39 24.64 34.81 20.44 29.74 20.44ZM28.27 25.32V30.3L32.85 33.04L33.63 31.77L29.73 29.43V25.33H28.27V25.32Z" fill="#FFAA00"/>
+</svg>

package/assets/images/menu/bem/WA3F1025.svg

@@ -0,0 +1,10 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27.36 26.16C27.27 25.7 27.18 25.22 27.09 24.76C26.92 23.88 26.45 23.22 25.72 22.74C25.67 22.71 25.62 22.68 25.57 22.65C24.99 22.31 24.87 22.03 25.02 21.36C25.17 20.68 25.78 20.16 26.47 20.16C28.4 20.15 30.34 20.15 32.28 20.15C29.51 20.77 27.42 23.22 27.36 26.16Z" fill="#7BC0F9"/>
+<path d="M35.22 27.85H35.43C35.36 27.89 35.29 27.93 35.22 27.97V27.85Z" fill="#7BC0F9"/>
+<path d="M30.7 18.46C28.12 18.46 26.04 16.33 26.05 13.71C26.06 11.1 28.14 9 30.71 9C33.3 9 35.38 11.12 35.37 13.76C35.36 16.36 33.27 18.46 30.7 18.46Z" fill="#7BC0F9"/>
+<path d="M0 25.84C0.15 26.63 0.66 27.13 1.31 27.55C2.48 28.31 3.68 28.99 5.02 29.41C6.35 29.83 7.62 29.63 8.86 29.09C9.2 28.94 9.37 28.65 9.44 28.28C9.67 27.11 9.9 25.93 10.12 24.76C10.29 23.88 10.76 23.22 11.49 22.74C11.54 22.71 11.59 22.68 11.64 22.65C12.22 22.3 12.34 22.03 12.19 21.36C12.04 20.67 11.43 20.16 10.73 20.16C7.9 20.16 5.07 20.16 2.24 20.16C1.51 20.16 0.9 20.69 0.76 21.43C0.52 22.66 0.28 23.9 0.04 25.13C0.04 25.17 0.02 25.22 0 25.27C0 25.46 0 25.65 0 25.84Z" fill="#7BC0F9"/>
+<path d="M6.51 18.46C9.09 18.46 11.17 16.33 11.16 13.71C11.15 11.1 9.07 9 6.5 9C3.91 9 1.83 11.12 1.84 13.76C1.85 16.36 3.94 18.46 6.51 18.46Z" fill="#7BC0F9"/>
+<path d="M18.59 20.73C15.5 20.72 13.02 18.18 13.03 15.05C13.04 11.92 15.55 9.39 18.62 9.41C21.69 9.42 24.19 11.99 24.17 15.1C24.16 18.21 21.65 20.75 18.59 20.73Z" fill="#2680EB"/>
+<path d="M25.97 27.33L25.63 25.73C25.43 24.78 24.99 24.14 23.96 23.77C22.19 23.09 21.14 22.4 21.14 22.4L19.78 26.71L19.59 27.3L18.98 25.57C20.38 23.61 18.88 23.52 18.61 23.52H18.59C18.33 23.52 16.82 23.61 18.22 25.57L17.61 27.3L17.42 26.71L16.06 22.4C16.04 22.41 14.99 23.09 13.24 23.76C12.4 24.06 11.97 24.55 11.72 25.23L11.32 26.91C11.23 27.39 11.13 27.88 11.04 28.36C10.88 29.23 11.17 30 11.86 30.53C13.14 31.51 14.53 32.31 16.02 32.91C17.37 33.45 18.75 33.67 20.18 33.25C22.11 32.67 23.83 31.69 25.42 30.47C26.09 29.95 26.32 29.17 26.16 28.32C26.11 27.99 26.04 27.66 25.97 27.33Z" fill="#2680EB"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.36 26.31C28.36 23.37 30.74 20.99 33.68 20.99C36.62 20.99 39 23.38 39 26.31C39 29.24 36.62 31.63 33.68 31.63C30.74 31.63 28.36 29.25 28.36 26.31ZM34.21 26.84H36.34V25.78H34.21V23.65H33.15V25.78H31.02V26.84H33.15V28.97H34.21V26.84Z" fill="#FFAA00"/>
+</svg>

package/assets/images/menu/bem/WA3F2000.svg

@@ -0,0 +1,10 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.11 23.14H7.11C6.48 23.14 5.97 23.65 5.97 24.28C5.97 24.91 6.48 25.43 7.11 25.43H16.11C16.74 25.43 17.25 24.91 17.25 24.28C17.25 23.65 16.74 23.14 16.11 23.14Z" fill="#2680EB"/>
+<path d="M20.82 18.57H7.11C6.48 18.57 5.97 19.08 5.97 19.71C5.97 20.34 6.48 20.86 7.11 20.86H20.82C21.45 20.86 21.96 20.34 21.96 19.71C21.96 19.08 21.45 18.57 20.82 18.57Z" fill="#2680EB"/>
+<path d="M20.82 14.04H7.11C6.48 14.04 5.97 14.55 5.97 15.18C5.97 15.81 6.48 16.33 7.11 16.33H20.82C21.45 16.33 21.96 15.81 21.96 15.18C21.96 14.55 21.45 14.04 20.82 14.04Z" fill="#2680EB"/>
+<path d="M29.41 25.38L28.64 26.23C28.22 26.69 27.82 27.12 27.42 27.52V35.57C27.42 36.2 26.91 36.71 26.28 36.71H3.43C2.8 36.71 2.29 36.2 2.29 35.57V3.43C2.29 2.8 2.8 2.29 3.43 2.29H18.28V8C18.28 9.89 19.82 11.43 21.71 11.43H27.01C27.28 11.09 27.53 10.78 27.77 10.49C28.18 9.99 28.58 9.52 28.96 9.07L20.23 0.33C20.02 0.12 19.73 0 19.42 0H3.43C1.54 0 0 1.54 0 3.43V35.57C0 37.46 1.54 39 3.43 39H26.28C28.17 39 29.71 37.46 29.71 35.57V24.99C29.67 25.05 29.41 25.38 29.41 25.38ZM20.57 3.9L25.81 9.14H21.71C21.08 9.14 20.57 8.63 20.57 8V3.9Z" fill="#2680EB"/>
+<path d="M11.61 31.37C10.73 31.43 10.2 31.99 9.71 32.57C9.42 32.92 9.24 33.37 8.93 33.7C8.77 33.88 8.44 33.9 8.19 34C8.13 33.73 7.94 33.41 8.02 33.21C8.51 32.08 9.27 31.16 10.38 30.58C11.71 29.89 12.55 30.3 12.85 31.76C12.88 31.88 12.91 32.01 12.93 32.06C13.63 31.76 14.29 31.37 15.01 31.21C16.17 30.94 17.26 31.35 18.26 31.93C18.42 32.02 18.42 32.4 18.5 32.64C18.26 32.71 17.99 32.89 17.78 32.84C17.23 32.72 16.71 32.48 16.17 32.32C15.45 32.11 14.79 32.31 14.18 32.71C13.98 32.84 13.79 32.99 13.58 33.1C12.78 33.53 12.2 33.29 11.92 32.41C11.8 32.08 11.71 31.74 11.61 31.37Z" fill="#FFAA00"/>
+<path d="M35.16 6.17998C35.31 6.27998 35.44 6.35999 35.55 6.45999C35.69 6.57998 35.8 6.56998 35.95 6.44998C36.34 6.12998 36.74 5.81998 37.15 5.51998C37.63 5.16998 38.1 5.15998 38.53 5.44998C38.94 5.72998 39.09 6.20999 38.93 6.77999C38.19 9.51999 37.01 12.07 35.66 14.55C33.77 18.03 31.54 21.27 28.99 24.3C28.91 24.4 28.82 24.5 28.7 24.63C27.17 23.58 25.65 22.53 24.09 21.46C26.72 16.65 29.91 12.28 33.79 8.37998C33.58 8.22998 33.39 8.09998 33.18 7.94998C32.89 8.23998 32.58 8.50998 32.32 8.81998C30.96 10.4 29.61 11.99 28.26 13.58C28.2 13.65 28.16 13.72 28.1 13.79C27.85 14.06 27.48 14.09 27.21 13.88C26.94 13.67 26.88 13.28 27.09 12.99C27.56 12.36 28.04 11.74 28.54 11.14C30.55 8.68999 32.7 6.38998 35.24 4.46998C35.38 4.35998 35.52 4.25998 35.67 4.15998C36 3.93998 36.37 3.98998 36.58 4.26998C36.81 4.57998 36.76 4.94998 36.43 5.19998C36.12 5.44998 35.8 5.67998 35.48 5.91998C35.38 5.98998 35.28 6.06998 35.16 6.17998Z" fill="#FFAA00"/>
+<path d="M27.9 25.55C26.35 27.25 24.74 28.83 22.93 30.19C22.84 30.25 22.66 30.3 22.59 30.26C22.02 29.89 21.46 29.49 20.9 29.11C21.21 27.64 22.66 24.04 23.54 22.55C24.99 23.55 26.43 24.55 27.9 25.55Z" fill="#FFAA00"/>
+<path d="M21.89 31.23C21.37 31.7 20.92 32.12 20.46 32.52C20.27 32.68 20.01 32.77 19.83 32.58C19.71 32.44 19.62 32.16 19.67 32C19.86 31.4 20.11 30.83 20.32 30.29C20.83 30.61 21.32 30.9 21.89 31.23Z" fill="#FFAA00"/>
+</svg>

package/assets/images/menu/bem/WA3F2020.svg

@@ -0,0 +1,6 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M37.9 26.6147C39.09 27.5047 39.21 29.0547 38.74 29.3147C38.65 29.3647 31.85 32.7647 28.51 34.4547C27.15 35.1447 25.76 35.7947 24.24 36.0847C23.71 36.1847 23.18 36.2547 22.65 36.3547H20.6C20.05 36.2647 19.5 36.1847 18.96 36.0747C17.47 35.7947 16.12 35.1547 14.74 34.5947C12.18 33.5647 9.62 32.5147 7.04 31.4947C6.77 31.3947 6.68 31.2647 6.68 30.9747C6.69 28.0647 6.69 25.1447 6.68 22.2347C6.68 21.9947 6.74 21.8547 6.97 21.7347C7.99 21.2347 8.98 20.6947 10.1 20.4647C11.62 20.1647 13.12 20.2647 14.58 20.8447C17.04 21.8147 19.49 22.7847 21.93 23.7847C23.87 24.5847 24.64 26.4747 23.87 28.4047C23.77 28.6547 23.65 28.9147 23.52 29.2147C21.19 28.3247 18.87 27.4347 16.53 26.5347C16.25 27.2347 16 27.9247 15.71 28.6447C16.03 28.7747 16.34 28.8947 16.66 29.0247C18.9 29.8747 21.15 30.7447 23.39 31.6147C23.64 31.7147 23.82 31.6247 24.02 31.5347C27.52 29.7647 31.03 28.0147 34.54 26.2647C35.81 25.6147 36.88 25.8447 37.9 26.6147Z" fill="#2680EB"/>
+<path d="M0 20.3047C1.45 20.3047 2.91 20.3047 4.39 20.3047C4.39 24.8647 4.39 29.3947 4.39 33.9847C2.93 33.9847 1.47 33.9847 0 33.9847C0 29.4247 0 24.8647 0 20.3047Z" fill="#2680EB"/>
+<path d="M26.41 27.7747C26.57 26.1147 26.19 24.6747 25.13 23.3847C26.38 22.8847 27.44 22.0947 28.74 21.8547C30.6 21.5147 32.76 22.5847 33.48 24.2347C31.15 25.4047 28.81 26.5747 26.41 27.7747Z" fill="#2680EB"/>
+<path d="M31.7 2H11.66C10.84 2 10.17 2.67 10.17 3.49V16.81C10.17 17.63 10.84 18.3 11.66 18.3H31.7C32.52 18.3 33.19 17.63 33.19 16.81V3.49C33.19 2.67 32.52 2 31.7 2ZM12.09 16.39V3.92H25.47V5.04C23.29 5.12 21.73 6.29 21.73 8.13C21.73 9.76 22.8 10.63 24.74 11.06L25.48 11.21V13.42C24.58 13.35 24.06 12.92 23.94 12.26H21.65C21.7 14.14 23.22 15.22 25.47 15.3V16.39H12.09ZM26.11 11.35C27.11 11.6 27.5 11.84 27.5 12.4C27.5 12.98 27 13.34 26.11 13.41V11.35ZM25.46 8.95C24.56 8.72 24.14 8.42 24.14 7.9C24.14 7.37 24.59 6.99 25.46 6.93V8.95ZM31.27 16.39H26.1V15.29C28.38 15.16 29.9 13.98 29.9 12.12C29.9 10.5 28.88 9.7 26.84 9.25L26.1 9.09V6.93C26.86 7.02 27.36 7.41 27.47 8.12H29.74C29.67 6.33 28.33 5.17 26.1 5.05V3.92H31.27V16.39ZM20.62 8.79C20.62 9.32 20.19 9.75 19.66 9.75H14.41C13.88 9.75 13.45 9.32 13.45 8.79C13.45 8.26 13.88 7.83 14.41 7.83H19.66C20.19 7.83 20.62 8.26 20.62 8.79ZM18.62 12.32C18.62 12.85 18.19 13.28 17.66 13.28H14.41C13.88 13.28 13.45 12.85 13.45 12.32C13.45 11.79 13.88 11.36 14.41 11.36H17.66C18.2 11.36 18.62 11.79 18.62 12.32Z" fill="#FFAA00"/>
+</svg>

package/assets/images/menu/bem/WA3F2030.svg

@@ -0,0 +1,14 @@
+<svg width="39" height="40" viewBox="0 0 39 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29.66 9.48L20.43 0.34C20.21 0.12 19.92 0 19.61 0H3.46C1.55 0 0 1.54 0 3.43V35.57C0 37.46 1.55 39 3.46 39H17.74C17.51 38.61 17.42 38.15 17.5 37.7L17.66 36.72H3.46C2.82 36.72 2.3 36.2 2.3 35.57V3.43C2.3 2.8 2.82 2.29 3.46 2.29H18.46V8C18.46 9.89 20.01 11.43 21.92 11.43H26.03C26.05 11.43 26.05 11.43 26.07 11.43H27.69V22.73L30 20.42V10.29C30 9.97 29.86 9.68 29.66 9.48ZM21.92 9.14C21.28 9.14 20.76 8.63 20.76 8V3.9L26.06 9.14H21.92Z" fill="#2680EB"/>
+<path d="M25.46 23.91C25.46 23.28 24.94 22.77 24.31 22.77H13.9C13.26 22.77 12.75 23.28 12.75 23.91C12.75 24.54 13.27 25.05 13.9 25.05H24.3C24.94 25.05 25.46 24.54 25.46 23.91Z" fill="#FFAA00"/>
+<path d="M24.3 18.2H13.9C13.26 18.2 12.75 18.71 12.75 19.34C12.75 19.97 13.27 20.48 13.9 20.48H24.3C24.94 20.48 25.45 19.97 25.45 19.34C25.45 18.71 24.94 18.2 24.3 18.2Z" fill="#FFAA00"/>
+<path d="M13.9 27.34C13.26 27.34 12.75 27.85 12.75 28.48C12.75 29.11 13.27 29.62 13.9 29.62H19.69C20.33 29.62 20.84 29.11 20.84 28.48C20.84 27.85 20.32 27.34 19.69 27.34H13.9Z" fill="#FFAA00"/>
+<path d="M4.73 21.59H5.88V19.35H4.9V18.63C5.52 18.53 5.82 18.42 6.18 18.21H7.05V21.6H8V22.54H4.73V21.59Z" fill="#FFAA00"/>
+<path d="M9.55 21.72C9.55 21.23 9.91 20.83 10.45 20.83C10.99 20.83 11.35 21.23 11.35 21.72C11.35 22.21 10.99 22.61 10.45 22.61C9.9 22.61 9.55 22.22 9.55 21.72Z" fill="#FFAA00"/>
+<path d="M4.59 28.95C5.76 28.01 6.61 27.28 6.61 26.69C6.61 26.3 6.36 26.12 5.97 26.12C5.65 26.12 5.39 26.33 5.16 26.53L4.53 25.9C5.01 25.42 5.45 25.2 6.14 25.2C7.08 25.2 7.73 25.76 7.73 26.62C7.73 27.32 7 28.08 6.28 28.68C6.52 28.65 6.85 28.63 7.07 28.63H7.95V29.61H4.59V28.95Z" fill="#FFAA00"/>
+<path d="M9.55 28.82C9.55 28.33 9.91 27.93 10.45 27.93C10.99 27.93 11.35 28.33 11.35 28.82C11.35 29.31 10.99 29.71 10.45 29.71C9.9 29.7 9.55 29.31 9.55 28.82Z" fill="#FFAA00"/>
+<path d="M38.71 23.01L34.46 18.76C34.08 18.38 33.45 18.38 33.07 18.76L19.59 32.24C19.44 32.39 19.35 32.57 19.32 32.78L18.49 37.86C18.44 38.17 18.54 38.49 18.76 38.72C18.95 38.91 19.2 39.01 19.46 39.01C19.51 39.01 19.57 39.01 19.62 39L24.7 38.17C24.9 38.14 25.09 38.04 25.24 37.89L38.71 24.4C38.9 24.21 39 23.96 39 23.7C39 23.44 38.9 23.19 38.71 23.01ZM21.66 33.63L29.99 25.3L32.16 27.48L23.83 35.81L21.23 36.24L21.66 33.63ZM32.06 23.23L33.77 21.52L35.94 23.7L34.24 25.41L32.06 23.23Z" fill="#FFAA00"/>
+<path d="M4.48001 13.56V8.84001H6.85001C7.84001 8.84001 8.42001 9.28001 8.42001 10.02C8.42001 10.56 8.00001 10.97 7.44001 11.04V11.07C8.09001 11.09 8.64001 11.57 8.64001 12.19C8.64001 13.02 7.97001 13.56 6.94001 13.56H4.48001ZM5.90001 10.73H6.45001C6.81001 10.73 7.04001 10.54 7.04001 10.26C7.04001 9.97001 6.83001 9.79001 6.47001 9.79001H5.90001V10.73ZM6.51001 12.61C6.95001 12.61 7.20001 12.42 7.20001 12.06C7.20001 11.72 6.95001 11.53 6.52001 11.53H5.90001V12.61H6.51001Z" fill="#FF3D71"/>
+<path d="M12.5 13.56H9.10001V8.84001H12.5V9.94001H10.51V10.7H12.37V11.69H10.51V12.45H12.5V13.56Z" fill="#FF3D71"/>
+<path d="M17.9 11.2C17.9 12.71 16.96 13.64 15.47 13.64C13.98 13.64 13.04 12.71 13.04 11.2C13.04 9.69001 13.98 8.76001 15.47 8.76001C16.96 8.76001 17.9 9.70001 17.9 11.2ZM14.48 11.2C14.48 12.01 14.87 12.53 15.47 12.53C16.07 12.53 16.46 12.01 16.46 11.2C16.46 10.38 16.07 9.86001 15.47 9.86001C14.87 9.87001 14.48 10.38 14.48 11.2Z" fill="#FF3D71"/>
+</svg>

package/assets/images/menu/bem/WA3F2040.svg

@@ -0,0 +1,8 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.87 22.74C23.82 22.86 23.77 22.98 23.72 23.12C23.48 23.18 23.23 23.26 23 23.35C20.84 22.53 18.7 21.71 16.53 20.87C16.26 21.57 16 22.26 15.72 22.98C16.03 23.11 16.35 23.23 16.66 23.37C17.94 23.86 19.23 24.34 20.51 24.85C19.53 25.69 18.76 26.78 18.29 28C18.03 28.67 17.84 29.38 17.78 30.11C16.75 29.79 15.76 29.34 14.75 28.93C12.18 27.91 9.63 26.85 7.05 25.83C6.79 25.73 6.69 25.6 6.69 25.31C6.7 22.4 6.7 19.48 6.69 16.57C6.69 16.33 6.75 16.18 6.97 16.07C7.99 15.57 8.98 15.02 10.11 14.8C11.63 14.5 13.13 14.6 14.58 15.18C17.04 16.15 19.49 17.12 21.94 18.12C23.87 18.92 24.64 20.81 23.87 22.74Z" fill="#2680EB"/>
+<path d="M38.74 23.65C38.68 23.68 35.77 25.14 32.81 26.61C32.17 25.62 31.32 24.75 30.27 24.09C29.84 23.82 29.39 23.58 28.92 23.39C30.79 22.46 32.65 21.52 34.52 20.59C35.8 19.95 36.87 20.18 37.89 20.95C39.1 21.84 39.21 23.39 38.74 23.65Z" fill="#2680EB"/>
+<path d="M0 14.64C1.45 14.64 2.91 14.64 4.39 14.64C4.39 19.2 4.39 23.73 4.39 28.32C2.93 28.32 1.47 28.32 0 28.32C0 23.76 0 19.2 0 14.64Z" fill="#2680EB"/>
+<path d="M26.41 22.12C26.57 20.46 26.19 19.02 25.13 17.73C26.38 17.23 27.44 16.44 28.74 16.2C30.6 15.86 32.76 16.93 33.48 18.58C31.15 19.75 28.81 20.91 26.41 22.12Z" fill="#2680EB"/>
+<path d="M29.74 24.95C28.64 24.23 27.32 23.83 25.9 23.83C25.58 23.83 25.27 23.85 24.96 23.89C24.36 23.97 23.78 24.12 23.23 24.34C22.91 24.46 22.61 24.61 22.33 24.78C20.92 25.58 19.82 26.85 19.23 28.38C18.91 29.19 18.74 30.07 18.74 30.99C18.74 34.94 21.95 38.15 25.91 38.15C29.87 38.15 33.08 34.94 33.08 30.99C33.07 28.44 31.74 26.21 29.74 24.95ZM30.36 28.67L26.11 34.44C25.87 34.77 25.48 34.98 25.07 35H25C24.61 35 24.24 34.84 23.97 34.54L21.49 31.79C21.1 31.35 21.13 30.68 21.57 30.29C21.77 30.1 22.03 30.01 22.28 30.01C22.57 30.01 22.87 30.13 23.08 30.37L24.84 32.31C24.87 32.34 24.9 32.35 24.94 32.35C24.98 32.35 25.02 32.33 25.04 32.3L28.65 27.41C28.86 27.12 29.18 26.97 29.51 26.97C29.73 26.97 29.95 27.04 30.14 27.18C30.61 27.53 30.71 28.19 30.36 28.67Z" fill="#1CA261"/>
+<path d="M32.27 1H16.77C16.13 1 15.62 1.52 15.62 2.15V12.46C15.62 13.1 16.14 13.61 16.77 13.61H32.27C32.91 13.61 33.42 13.09 33.42 12.46V2.15C33.42 1.52 32.9 1 32.27 1ZM17.09 12.13V2.48H27.44V3.35C25.75 3.41 24.54 4.32 24.54 5.74C24.54 7 25.37 7.68 26.87 8.01L27.44 8.13V9.84C26.74 9.78 26.34 9.45 26.25 8.94H24.48C24.52 10.39 25.7 11.23 27.44 11.29V12.13H17.09ZM27.94 8.24C28.72 8.43 29.02 8.62 29.02 9.05C29.02 9.5 28.63 9.78 27.94 9.83V8.24ZM27.44 6.37C26.74 6.19 26.42 5.96 26.42 5.56C26.42 5.15 26.77 4.86 27.44 4.81V6.37ZM31.94 12.13H27.94V11.28C29.7 11.18 30.88 10.27 30.88 8.82C30.88 7.57 30.09 6.95 28.51 6.6L27.94 6.48V4.82C28.53 4.89 28.92 5.19 29 5.74H30.76C30.7 4.36 29.67 3.46 27.94 3.36V2.48H31.94V12.13ZM23.7 6.25C23.7 6.66 23.37 6.99 22.96 6.99H18.9C18.49 6.99 18.16 6.66 18.16 6.25C18.16 5.84 18.49 5.51 18.9 5.51H22.96C23.36 5.51 23.7 5.84 23.7 6.25ZM22.15 8.98C22.15 9.39 21.82 9.72 21.41 9.72H18.89C18.48 9.72 18.15 9.39 18.15 8.98C18.15 8.57 18.48 8.24 18.89 8.24H21.41C21.82 8.24 22.15 8.57 22.15 8.98Z" fill="#FFAA00"/>
+</svg>

package/assets/images/menu/bem/WA3F2100.svg

@@ -0,0 +1,6 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.25 22.5H15.75C16.99 22.5 18 21.49 18 20.25V2.25C18 1.01 16.99 0 15.75 0H2.25C1.01 0 0 1.01 0 2.25V20.25C0 21.49 1.01 22.5 2.25 22.5Z" fill="#FF3D71"/>
+<path d="M2.25 39H15.75C16.99 39 18 37.99 18 36.75V27.75C18 26.51 16.99 25.5 15.75 25.5H2.25C1.01 25.5 0 26.51 0 27.75V36.75C0 37.99 1.01 39 2.25 39Z" fill="#1CA261"/>
+<path d="M23.25 39H36.75C37.99 39 39 37.99 39 36.75V18.75C39 17.51 37.99 16.5 36.75 16.5H23.25C22.01 16.5 21 17.51 21 18.75V36.75C21 37.99 22.01 39 23.25 39Z" fill="#2680EB"/>
+<path d="M21 2.25V11.25C21 12.49 22.01 13.5 23.25 13.5H36.75C37.99 13.5 39 12.49 39 11.25V2.25C39 1.01 37.99 0 36.75 0H23.25C22.01 0 21 1.01 21 2.25Z" fill="#FFAA00"/>
+</svg>

package/assets/images/menu/dhr/MHRM13N0004.svg

@@ -0,0 +1,21 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_108_32)">
+<path d="M6.92003 29.02L9.42003 32.94C9.59003 33.21 9.84003 33.39 10.12 33.49C10.26 33.54 10.41 33.56 10.55 33.56C10.7 33.56 10.85 33.53 10.99 33.48L6.92003 29.02Z" fill="#FFC766"/>
+<path d="M0.630034 19.15L8.01003 12.42L9.79003 10.79L0.610034 16.64C0.450034 16.74 0.330034 16.86 0.230034 17.01C0.170034 17.09 0.150034 17.19 0.110034 17.28C0.0200339 17.51 -0.0299661 17.75 0.0100339 18C0.0200339 18.04 0.0400339 18.07 0.0500339 18.11C0.0800339 18.24 0.120034 18.38 0.200034 18.5L0.630034 19.15Z" fill="#FFC766"/>
+<path d="M22.03 15.78C21.57 15.28 21.02 15.02 20.37 15.02C19.72 15.01 18.82 15.35 17.67 16.03L15.99 14.19C16.5 13.97 16.97 14 17.4 14.28L18.79 12.73C18.26 12.35 17.67 12.2 17.04 12.26C16.4 12.33 15.74 12.63 15.04 13.15L14.62 12.69L13.74 13.49L14.16 13.95C13.52 14.64 13.15 15.35 13.05 16.08C12.95 16.81 13.13 17.43 13.6 17.95C14.06 18.45 14.64 18.72 15.34 18.74C16.03 18.75 16.85 18.49 17.8 17.94L19.6 19.91C19.31 20.03 18.99 20.08 18.65 20.06C18.3 20.04 17.99 19.93 17.69 19.74L16.23 21.32C16.92 21.82 17.63 22.05 18.38 21.99C19.12 21.93 19.87 21.61 20.63 21.04L20.72 21.14C20.97 20.83 21.28 20.57 21.64 20.38L21.49 20.22C22.19 19.41 22.59 18.61 22.68 17.82C22.77 17.03 22.55 16.35 22.03 15.78ZM15.68 16.79C15.42 16.77 15.22 16.67 15.06 16.51C14.9 16.33 14.82 16.1 14.82 15.82C14.83 15.54 14.92 15.26 15.1 14.98L16.58 16.6C16.24 16.76 15.94 16.82 15.68 16.79ZM20.54 19.18L18.87 17.35C19.3 17.1 19.67 16.97 19.97 16.98C20.27 16.99 20.51 17.1 20.7 17.31C20.92 17.54 21.01 17.83 20.98 18.18C20.95 18.53 20.8 18.86 20.54 19.18Z" fill="#FFAA00"/>
+<path d="M35.6 13.55C35.54 13.39 35.45 13.23 35.33 13.1L23.78 0.440033C23.65 0.300033 23.51 0.190033 23.35 0.120033C22.88 -0.0999673 22.3 -0.0199673 21.89 0.350033L0.760034 19.63C0.480034 19.88 0.340034 20.21 0.320034 20.55C0.320034 20.72 0.340034 20.9 0.400034 21.06C0.460034 21.22 0.550034 21.38 0.670034 21.52L12.22 34.18C12.34 34.31 12.49 34.42 12.65 34.49C12.81 34.56 12.98 34.6 13.15 34.61C13.49 34.63 13.83 34.51 14.11 34.26L20 28.89V26.98L13.21 33.18L11.7 31.52L1.76003 20.62L22.79 1.44003L24.29 3.09003L34.24 13.99L27.66 20H29.74L35.24 14.98C35.51 14.74 35.66 14.4 35.68 14.06C35.68 13.89 35.66 13.72 35.6 13.55Z" fill="#FFAA00"/>
+<path d="M29.08 5.60003L26.58 1.68003C26.41 1.41003 26.16 1.23003 25.88 1.13003C25.74 1.08003 25.59 1.06003 25.45 1.06003C25.3 1.06003 25.15 1.09003 25.01 1.14003L29.08 5.60003Z" fill="#FFC766"/>
+<path d="M35.98 16.62C35.98 16.63 35.98 16.63 35.98 16.64C36.04 16.97 35.96 17.32 35.77 17.6C35.67 17.75 35.54 17.87 35.38 17.97L32.2 20H30.39L35.37 15.46L35.79 16.13C35.87 16.25 35.91 16.38 35.94 16.51C35.95 16.55 35.98 16.59 35.98 16.62Z" fill="#FFC766"/>
+<path d="M36.88 21H23.12C21.95 21 21 21.95 21 23.12V36.88C21 38.05 21.95 39 23.12 39H36.88C38.05 39 39 38.05 39 36.88V23.12C39 21.95 38.05 21 36.88 21ZM37.41 36.88C37.41 37.17 37.17 37.41 36.88 37.41H23.12C22.83 37.41 22.59 37.17 22.59 36.88V23.12C22.59 22.83 22.83 22.59 23.12 22.59H36.88C37.17 22.59 37.41 22.83 37.41 23.12V36.88Z" fill="#FF8C00"/>
+<path d="M28.88 25.27H24.38C23.94 25.27 23.59 25.63 23.59 26.06C23.59 26.49 23.95 26.85 24.38 26.85H28.88C29.32 26.85 29.67 26.49 29.67 26.06C29.67 25.63 29.31 25.27 28.88 25.27Z" fill="#FF8C00"/>
+<path d="M35.63 31.46H31.69C31.25 31.46 30.9 31.82 30.9 32.25C30.9 32.68 31.26 33.04 31.69 33.04H35.63C36.07 33.04 36.42 32.68 36.42 32.25C36.42 31.82 36.06 31.46 35.63 31.46Z" fill="#FF8C00"/>
+<path d="M35.63 33.71H31.69C31.25 33.71 30.9 34.07 30.9 34.5C30.9 34.93 31.26 35.29 31.69 35.29H35.63C36.07 35.29 36.42 34.93 36.42 34.5C36.42 34.07 36.06 33.71 35.63 33.71Z" fill="#FF8C00"/>
+<path d="M36.19 23.82C35.88 23.51 35.38 23.51 35.07 23.82L33.66 25.23L32.25 23.82C31.94 23.51 31.44 23.51 31.13 23.82C30.82 24.13 30.82 24.63 31.13 24.94L32.54 26.35L31.13 27.76C30.82 28.07 30.82 28.57 31.13 28.88C31.29 29.04 31.49 29.11 31.69 29.11C31.89 29.11 32.1 29.03 32.25 28.88L33.66 27.47L35.07 28.88C35.23 29.04 35.43 29.11 35.63 29.11C35.83 29.11 36.04 29.03 36.19 28.88C36.5 28.57 36.5 28.07 36.19 27.76L34.78 26.35L36.19 24.94C36.5 24.63 36.5 24.13 36.19 23.82Z" fill="#FF8C00"/>
+<path d="M28.88 32.58H27.42V31.12C27.42 30.68 27.06 30.33 26.63 30.33C26.2 30.33 25.84 30.69 25.84 31.12V32.58H24.38C23.94 32.58 23.59 32.94 23.59 33.37C23.59 33.8 23.95 34.16 24.38 34.16H25.84V35.62C25.84 36.06 26.2 36.41 26.63 36.41C27.06 36.41 27.42 36.05 27.42 35.62V34.16H28.88C29.32 34.16 29.67 33.8 29.67 33.37C29.67 32.94 29.31 32.58 28.88 32.58Z" fill="#FF8C00"/>
+</g>
+<defs>
+<clipPath id="clip0_108_32">
+<rect width="39" height="39" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/assets/images/menu/dhr/MHRM39N0020.svg

@@ -0,0 +1,11 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.8002 12.5499C19.7702 12.5399 19.7302 12.5299 19.7002 12.5299C19.6302 12.5299 19.5602 12.5499 19.5202 12.6099L19.0102 13.1099C18.9602 13.1499 18.9402 13.2099 18.9402 13.2899V15.3099C18.9402 15.6599 18.8202 15.9599 18.5702 16.2099C18.3202 16.4599 18.0102 16.5799 17.6602 16.5799H10.9802C10.6302 16.5799 10.3202 16.4599 10.0702 16.2099C9.82016 15.9599 9.70016 15.6599 9.70016 15.3099V8.71991C9.70016 8.36991 9.82016 8.06991 10.0702 7.81991C10.3202 7.56991 10.6302 7.44991 10.9802 7.44991H17.6502C17.7602 7.44991 17.8902 7.45991 18.0102 7.48991C18.0402 7.49991 18.0702 7.49991 18.0802 7.49991C18.1502 7.49991 18.2202 7.47991 18.2602 7.41991L18.6602 7.02991C18.7302 6.95991 18.7502 6.87991 18.7302 6.78991C18.7202 6.69991 18.6602 6.63991 18.5802 6.60991C18.3002 6.47991 17.9802 6.40991 17.6402 6.40991H10.9802C10.3402 6.40991 9.80016 6.62991 9.35016 7.07991C8.90016 7.52991 8.66016 8.07991 8.66016 8.69991V15.2899C8.66016 15.9199 8.89016 16.4599 9.34016 16.8999C9.79016 17.3499 10.3402 17.5699 10.9702 17.5699H17.6402C18.2802 17.5699 18.8202 17.3499 19.2702 16.8999C19.7202 16.4499 19.9502 15.9099 19.9502 15.2899V12.7699C19.9602 12.6699 19.9002 12.5899 19.8002 12.5499ZM21.8102 7.99991L20.9302 7.12991C20.8002 6.99991 20.6402 6.92991 20.4702 6.92991C20.2902 6.92991 20.1402 6.99991 20.0202 7.11991L14.8402 12.2399L12.7302 10.1599C12.6002 10.0399 12.4402 9.96991 12.2702 9.96991C12.0902 9.96991 11.9402 10.0399 11.8202 10.1599L10.9402 11.0299C10.8202 11.1499 10.7502 11.3099 10.7502 11.4799C10.7502 11.6499 10.8202 11.8099 10.9402 11.9299L14.3902 15.3399C14.5102 15.4599 14.6702 15.5299 14.8402 15.5299C15.0202 15.5299 15.1702 15.4599 15.2902 15.3399L21.8102 8.89991C21.9302 8.76991 22.0002 8.61991 22.0002 8.44991C22.0002 8.27991 21.9402 8.12991 21.8102 7.99991Z" fill="#1CA261"/>
+<path d="M30.7901 28.1299C30.7901 27.4999 30.2701 26.9899 29.6401 26.9899H19.2301C18.5901 26.9899 18.0801 27.4999 18.0801 28.1299C18.0801 28.7599 18.6001 29.2699 19.2301 29.2699H29.6401C30.2701 29.2699 30.7901 28.7599 30.7901 28.1299Z" fill="#FF8C00"/>
+<path d="M29.6401 22.4099H19.2301C18.5901 22.4099 18.0801 22.9199 18.0801 23.5499C18.0801 24.1799 18.6001 24.6899 19.2301 24.6899H29.6401C30.2801 24.6899 30.7901 24.1799 30.7901 23.5499C30.7901 22.9199 30.2701 22.4099 29.6401 22.4099Z" fill="#FF8C00"/>
+<path d="M19.2301 31.5599C18.5901 31.5599 18.0801 32.0699 18.0801 32.6999C18.0801 33.3299 18.6001 33.8399 19.2301 33.8399H25.0201C25.6601 33.8399 26.1701 33.3299 26.1701 32.6999C26.1701 32.0699 25.6501 31.5599 25.0201 31.5599H19.2301Z" fill="#FF8C00"/>
+<path d="M10.0596 25.8099H11.1996V23.5699H10.2396V22.8499C10.8596 22.7499 11.1696 22.6399 11.5196 22.4299H12.3896V25.8199H13.3296V26.7599H10.0596V25.8099Z" fill="#FF8C00"/>
+<path d="M14.8796 25.9399C14.8796 25.4499 15.2396 25.0499 15.7796 25.0499C16.3196 25.0499 16.6796 25.4499 16.6796 25.9399C16.6796 26.4299 16.3196 26.8299 15.7796 26.8299C15.2396 26.8299 14.8796 26.4299 14.8796 25.9399Z" fill="#FF8C00"/>
+<path d="M9.92035 33.1699C11.0904 32.2299 11.9404 31.4999 11.9404 30.9099C11.9404 30.5199 11.6904 30.3399 11.3004 30.3399C10.9804 30.3399 10.7204 30.5499 10.4904 30.7499L9.86035 30.1199C10.3404 29.6399 10.7804 29.4199 11.4704 29.4199C12.4104 29.4199 13.0604 29.9799 13.0604 30.8399C13.0604 31.5399 12.3304 32.2999 11.6104 32.8999C11.8504 32.8699 12.1804 32.8499 12.4004 32.8499H13.2804V33.8299H9.92035V33.1699Z" fill="#FF8C00"/>
+<path d="M14.8804 33.0299C14.8804 32.5399 15.2404 32.1399 15.7804 32.1399C16.3204 32.1399 16.6804 32.5399 16.6804 33.0299C16.6804 33.5199 16.3204 33.9199 15.7804 33.9199C15.2404 33.9199 14.8804 33.5299 14.8804 33.0299Z" fill="#FF8C00"/>
+<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"/>
+</svg>

package/assets/images/menu/dhr/MHRM39N0021.svg

@@ -0,0 +1,11 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M25.06 14L29 17.95L25.06 21.89V18.93H18.15V16.96H25.06V14Z" fill="#FF8C00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 22.95L15.94 19V21.96H22.85V23.93H15.94V26.89L12 22.95Z" fill="#FF8C00"/>
+<path d="M38.74 16.47L31.68 9.5C31.49 9.35 31.25 9.25 31.03 9.25H24V11.09H30.09V15.39C30.09 16.85 31.3 18.05 32.79 18.05L37.14 18.04V36.34C37.14 36.78 36.76 37.16 36.31 37.16H18.69C18.24 37.16 17.87 36.79 17.87 36.34V30.75H16V36.34C16 37.81 17.21 39 18.69 39H36.31C37.79 39 39 37.81 39 36.34V17.12C39 16.89 38.9 16.64 38.74 16.47ZM32.79 16.2C32.33 16.2 31.96 15.83 31.96 15.39V12.39L35.82 16.2H32.79Z" fill="#2680EB"/>
+<path d="M23 15.96V7.87C23 7.64 22.9 7.4 22.73 7.21L15.67 0.25C15.48 0.09 15.25 0 15.02 0H2.69C1.21 0 0 1.19 0 2.66V27.09C0 28.56 1.21 29.75 2.69 29.75H20.31C21.79 29.75 23 28.56 23 27.09V24.92C22.95 24.93 22.9 24.93 22.85 24.93H21.13V27.09C21.13 27.54 20.76 27.9 20.31 27.9H2.69C2.24 27.9 1.87 27.54 1.87 27.09V2.66C1.87 2.21 2.24 1.85 2.69 1.85H14.08V6.14C14.08 7.6 15.3 8.8 16.79 8.8L21.13 8.79V15.96H23ZM16.79 6.95C16.33 6.95 15.95 6.58 15.95 6.14V3.14L19.81 6.95H16.79Z" fill="#2680EB"/>
+<path d="M35 27H33.4L32.98 25.79H30.76L30.34 27H28.78L31 21H32.78L35 27ZM32.61 24.69L31.87 22.54L31.13 24.69H32.61Z" fill="#2680EB"/>
+<path d="M34.46 33.77C34.46 34.06 34.4 34.32 34.28 34.55C34.16 34.78 34 34.97 33.8 35.12C33.56 35.3 33.3 35.42 33.02 35.5C32.74 35.58 32.38 35.61 31.94 35.61H29.32V29.61H31.65C32.13 29.61 32.49 29.63 32.71 29.66C32.93 29.69 33.16 29.76 33.38 29.87C33.61 29.99 33.78 30.14 33.89 30.34C34 30.53 34.06 30.76 34.06 31.01C34.06 31.3 33.98 31.56 33.83 31.78C33.68 32 33.46 32.17 33.18 32.3V32.33C33.57 32.41 33.88 32.57 34.11 32.81C34.34 33.05 34.46 33.37 34.46 33.77ZM32.48 31.3C32.48 31.2 32.46 31.1 32.41 31C32.36 30.9 32.27 30.83 32.15 30.78C32.04 30.74 31.9 30.71 31.73 30.71C31.56 30.71 31.33 30.7 31.02 30.7H30.87V31.97H31.11C31.35 31.97 31.56 31.97 31.73 31.96C31.9 31.95 32.04 31.93 32.14 31.88C32.28 31.82 32.37 31.74 32.41 31.64C32.45 31.55 32.48 31.43 32.48 31.3ZM32.85 33.75C32.85 33.56 32.81 33.41 32.74 33.31C32.67 33.21 32.54 33.13 32.36 33.08C32.24 33.05 32.07 33.03 31.86 33.02C31.65 33.02 31.43 33.02 31.2 33.02H30.86V34.52H30.97C31.4 34.52 31.72 34.52 31.9 34.52C32.09 34.52 32.26 34.48 32.42 34.42C32.58 34.35 32.69 34.26 32.75 34.15C32.82 34.02 32.85 33.89 32.85 33.75Z" fill="#2680EB"/>
+<path d="M8.64 8.95H4.68V7.91H5.93V4.78H4.68V3.81C4.87 3.81 5.05 3.8 5.23 3.78C5.4 3.75 5.55 3.71 5.67 3.66C5.8 3.59 5.91 3.51 5.98 3.4C6.05 3.29 6.09 3.16 6.1 3H7.42V7.91H8.64V8.95Z" fill="#2680EB"/>
+<path d="M8.99 17.97H4.33V16.99C4.69 16.73 5.04 16.46 5.4 16.17C5.76 15.88 6.04 15.63 6.26 15.42C6.58 15.11 6.81 14.84 6.95 14.61C7.09 14.38 7.15 14.15 7.15 13.92C7.15 13.65 7.06 13.44 6.89 13.29C6.72 13.14 6.47 13.07 6.14 13.07C5.9 13.07 5.64 13.12 5.37 13.22C5.1 13.32 4.85 13.45 4.62 13.61H4.48V12.29C4.67 12.21 4.95 12.13 5.31 12.04C5.68 11.96 6.05 11.92 6.42 11.92C7.16 11.92 7.73 12.08 8.12 12.39C8.51 12.7 8.71 13.14 8.71 13.71C8.71 14.08 8.62 14.44 8.43 14.78C8.24 15.12 7.96 15.47 7.57 15.82C7.33 16.04 7.08 16.25 6.84 16.44C6.6 16.63 6.42 16.76 6.32 16.83H8.99V17.97Z" fill="#2680EB"/>
+<path d="M8.57 24.09C8.7 24.2 8.8 24.33 8.88 24.48C8.96 24.63 9 24.83 9 25.08C9 25.36 8.94 25.62 8.83 25.86C8.72 26.1 8.55 26.31 8.32 26.48C8.1 26.65 7.83 26.78 7.53 26.86C7.24 26.96 6.87 27 6.44 27C5.95 27 5.53 26.96 5.17 26.88C4.82 26.8 4.53 26.72 4.31 26.62V25.32H4.47C4.7 25.46 4.97 25.58 5.29 25.68C5.61 25.78 5.9 25.83 6.16 25.83C6.31 25.83 6.48 25.82 6.66 25.79C6.84 25.76 6.99 25.71 7.12 25.62C7.22 25.55 7.3 25.47 7.36 25.38C7.42 25.29 7.45 25.15 7.45 24.97C7.45 24.8 7.41 24.66 7.33 24.57C7.25 24.48 7.14 24.41 7.02 24.37C6.89 24.33 6.73 24.3 6.55 24.3C6.37 24.3 6.2 24.29 6.04 24.29H5.7V23.23H6.04C6.25 23.23 6.43 23.22 6.59 23.21C6.75 23.2 6.88 23.17 7 23.12C7.12 23.07 7.2 23 7.26 22.92C7.32 22.84 7.35 22.71 7.35 22.55C7.35 22.43 7.32 22.33 7.26 22.26C7.2 22.2 7.12 22.14 7.03 22.1C6.93 22.05 6.8 22.02 6.66 22C6.52 21.98 6.4 21.98 6.3 21.98C6.05 21.98 5.78 22.02 5.49 22.11C5.2 22.2 4.91 22.32 4.64 22.48H4.49V21.19C4.71 21.1 5 21.02 5.38 20.94C5.75 20.86 6.13 20.82 6.52 20.82C6.89 20.82 7.22 20.85 7.5 20.92C7.78 20.98 8.01 21.07 8.2 21.18C8.42 21.31 8.58 21.47 8.69 21.65C8.8 21.84 8.85 22.05 8.85 22.3C8.85 22.63 8.75 22.92 8.54 23.18C8.34 23.44 8.07 23.6 7.73 23.68V23.74C7.87 23.76 8.01 23.8 8.16 23.85C8.31 23.9 8.45 23.99 8.57 24.09Z" fill="#2680EB"/>
+</svg>

package/assets/images/menu/dhr/MHRM39N0022.svg

@@ -0,0 +1,18 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.0396 14.1799C19.9796 14.4799 19.7896 14.6599 19.5496 14.8199C19.1096 15.0999 18.6596 15.3599 18.1696 15.5099C17.6696 15.6699 17.1996 15.5899 16.7296 15.3899C16.5996 15.3299 16.5396 15.2199 16.5096 15.0899C16.4296 14.6499 16.3396 14.2099 16.2596 13.7699C16.1996 13.4399 16.0196 13.1999 15.7496 13.0199C15.7296 13.0099 15.7096 12.9999 15.6896 12.9899C15.4696 12.8599 15.4296 12.7599 15.4796 12.5099C15.5396 12.2499 15.7596 12.0599 16.0196 12.0599C17.0796 12.0599 18.1296 12.0599 19.1896 12.0599C19.4596 12.0599 19.6896 12.2599 19.7396 12.5399C19.8296 12.9999 19.9196 13.4599 20.0096 13.9199C20.0096 13.9399 20.0196 13.9599 20.0296 13.9699C20.0396 14.0399 20.0396 14.1099 20.0396 14.1799Z" fill="#2680EB"/>
+<path d="M17.5996 11.4299C16.6396 11.4299 15.8596 10.6299 15.8596 9.6599C15.8596 8.6899 16.6396 7.8999 17.5996 7.8999C18.5696 7.8999 19.3496 8.6899 19.3396 9.6799C19.3396 10.6399 18.5596 11.4299 17.5996 11.4299Z" fill="#2680EB"/>
+<path d="M6.13965 14.1799C6.19965 14.4799 6.38965 14.6599 6.62965 14.8199C7.06965 15.0999 7.51965 15.3599 8.00965 15.5099C8.50965 15.6699 8.97965 15.5899 9.44965 15.3899C9.57965 15.3299 9.63965 15.2199 9.66965 15.0899C9.74965 14.6499 9.83965 14.2099 9.91965 13.7699C9.97965 13.4399 10.1596 13.1999 10.4296 13.0199C10.4496 13.0099 10.4696 12.9999 10.4896 12.9899C10.7096 12.8599 10.7496 12.7599 10.6996 12.5099C10.6396 12.2499 10.4196 12.0599 10.1596 12.0599C9.09965 12.0599 8.04965 12.0599 6.98965 12.0599C6.71965 12.0599 6.48965 12.2599 6.43965 12.5399C6.34965 12.9999 6.25965 13.4599 6.16965 13.9199C6.16965 13.9399 6.15965 13.9599 6.14965 13.9699C6.13965 14.0399 6.13965 14.1099 6.13965 14.1799Z" fill="#2680EB"/>
+<path d="M8.56965 11.4299C9.52965 11.4299 10.3096 10.6299 10.3096 9.6599C10.3096 8.6899 9.52965 7.8999 8.56965 7.8999C7.59965 7.8999 6.81965 8.6899 6.82965 9.6799C6.82965 10.6399 7.60965 11.4299 8.56965 11.4299Z" fill="#2680EB"/>
+<path d="M13.0796 12.2799C11.9296 12.2699 10.9996 11.3199 10.9996 10.1499C10.9996 8.9799 11.9396 8.0399 13.0896 8.0399C14.2396 8.0499 15.1696 8.9999 15.1596 10.1699C15.1596 11.3299 14.2196 12.2799 13.0796 12.2799Z" fill="#2680EB"/>
+<path d="M15.8396 14.7399L15.7096 14.1399C15.6296 13.7899 15.4696 13.5499 15.0896 13.4099C14.4296 13.1599 14.0396 12.8999 14.0396 12.8999L13.5296 14.5099L13.4596 14.7299L13.2296 14.0799C13.7496 13.3499 13.1896 13.3099 13.0896 13.3099H13.0796C12.9796 13.3099 12.4196 13.3399 12.9396 14.0799L12.7096 14.7299L12.6396 14.5099L12.1296 12.8999C12.1196 12.8999 11.7296 13.1599 11.0796 13.4099C10.7696 13.5199 10.5996 13.7099 10.5096 13.9599L10.3596 14.5899C10.3196 14.7699 10.2896 14.9499 10.2596 15.1299C10.1996 15.4599 10.3096 15.7399 10.5696 15.9399C11.0496 16.2999 11.5696 16.5999 12.1296 16.8299C12.6396 17.0299 13.1496 17.1199 13.6796 16.9599C14.3996 16.7499 15.0396 16.3799 15.6396 15.9199C15.8896 15.7299 15.9796 15.4299 15.9196 15.1199C15.8896 14.9899 15.8596 14.8599 15.8396 14.7399Z" fill="#2680EB"/>
+<path d="M25.5003 26.57V28.86H16.4403C15.8003 28.86 15.2903 28.34 15.2903 27.71C15.2903 27.08 15.8003 26.57 16.4403 26.57H25.5003Z" fill="#FF8C00"/>
+<path d="M26.4603 22.57C26.6303 22.74 26.8103 22.88 27.0003 23C26.8103 23.12 26.6303 23.26 26.4603 23.43C26.2003 23.69 25.9903 23.98 25.8403 24.29H16.4403C15.8003 24.29 15.2903 23.77 15.2903 23.14C15.2903 22.51 15.8003 22 16.4403 22H26.0003C26.1303 22.2 26.2803 22.39 26.4603 22.57Z" fill="#FF8C00"/>
+<path d="M16.4403 31.14C15.8003 31.14 15.2903 31.65 15.2903 32.28C15.2903 32.91 15.8103 33.42 16.4403 33.42H22.2303C22.8703 33.42 23.3803 32.91 23.3803 32.28C23.3803 31.65 22.8603 31.14 22.2303 31.14H16.4403Z" fill="#FF8C00"/>
+<path d="M7.27031 25.39H8.42031V23.15H7.45031V22.43C8.07031 22.33 8.38031 22.22 8.73031 22.01H9.60031V25.4H10.5403V26.34H7.27031V25.39Z" fill="#FF8C00"/>
+<path d="M12.0903 25.53C12.0903 25.04 12.4503 24.64 12.9903 24.64C13.5303 24.64 13.8903 25.04 13.8903 25.53C13.8903 26.02 13.5303 26.42 12.9903 26.42C12.4503 26.42 12.0903 26.02 12.0903 25.53Z" fill="#FF8C00"/>
+<path d="M7.13031 32.76C8.30031 31.82 9.15031 31.09 9.15031 30.5C9.15031 30.11 8.90031 29.93 8.51031 29.93C8.19031 29.93 7.93031 30.14 7.70031 30.34L7.07031 29.71C7.55031 29.23 7.99031 29.01 8.68031 29.01C9.62031 29.01 10.2703 29.57 10.2703 30.43C10.2703 31.13 9.54031 31.89 8.82031 32.49C9.06031 32.46 9.39031 32.44 9.61031 32.44H10.5003V33.42H7.13031V32.76Z" fill="#FF8C00"/>
+<path d="M12.0903 32.62C12.0903 32.13 12.4503 31.73 12.9903 31.73C13.5303 31.73 13.8903 32.13 13.8903 32.62C13.8903 33.11 13.5303 33.51 12.9903 33.51C12.4503 33.51 12.0903 33.11 12.0903 32.62Z" fill="#FF8C00"/>
+<path d="M35.28 18.2599C35.25 18.2499 35.23 18.2399 35.2 18.2399C35.15 18.2399 35.1 18.2599 35.07 18.2999L34.69 18.6799C34.66 18.7099 34.64 18.7599 34.64 18.8099V20.3099C34.64 20.5699 34.55 20.7899 34.36 20.9799C34.17 21.1599 33.95 21.2599 33.69 21.2599H28.72C28.46 21.2599 28.23 21.1699 28.05 20.9799C27.86 20.7999 27.77 20.5699 27.77 20.3099V15.4099C27.77 15.1499 27.86 14.9299 28.05 14.7399C28.24 14.5599 28.46 14.4599 28.72 14.4599H33.68C33.76 14.4599 33.86 14.4699 33.95 14.4899C33.98 14.4999 33.99 14.4999 34 14.4999C34.05 14.4999 34.1 14.4799 34.13 14.4399L34.43 14.1499C34.48 14.0999 34.5 14.0399 34.48 13.9699C34.47 13.8999 34.43 13.8599 34.37 13.8399C34.16 13.7399 33.92 13.6899 33.67 13.6899H28.72C28.25 13.6899 27.84 13.8599 27.51 14.1899C27.17 14.5299 27 14.9299 27 15.3999V20.2999C27 20.7699 27.17 21.1699 27.51 21.4999C27.85 21.8299 28.25 21.9999 28.72 21.9999H33.68C34.15 21.9999 34.56 21.8299 34.89 21.4999C35.23 21.1699 35.4 20.7699 35.4 20.2999V18.4199C35.4 18.3499 35.36 18.2899 35.28 18.2599ZM36.78 14.8699L36.12 14.2199C36.03 14.1299 35.91 14.0799 35.78 14.0799C35.65 14.0799 35.54 14.1299 35.44 14.2199L31.59 18.0299L30.02 16.4799C29.93 16.3899 29.81 16.3399 29.68 16.3399C29.55 16.3399 29.44 16.3899 29.34 16.4799L28.68 17.1299C28.59 17.2199 28.54 17.3399 28.54 17.4599C28.54 17.5799 28.59 17.6999 28.68 17.7899L31.24 20.3199C31.33 20.4099 31.45 20.4599 31.58 20.4599C31.71 20.4599 31.82 20.4099 31.92 20.3199L36.77 15.5299C36.86 15.4399 36.91 15.3199 36.91 15.1999C36.91 15.0799 36.88 14.9699 36.78 14.8699Z" fill="#1CA261"/>
+<path d="M35.28 28.2599C35.25 28.2499 35.23 28.2399 35.2 28.2399C35.15 28.2399 35.1 28.2599 35.07 28.2999L34.69 28.6799C34.66 28.7099 34.64 28.7599 34.64 28.8099V30.3099C34.64 30.5699 34.55 30.7899 34.36 30.9799C34.17 31.1599 33.95 31.2599 33.69 31.2599H28.72C28.46 31.2599 28.23 31.1699 28.05 30.9799C27.86 30.7999 27.77 30.5699 27.77 30.3099V25.4099C27.77 25.1499 27.86 24.9299 28.05 24.7399C28.24 24.5599 28.46 24.4599 28.72 24.4599H33.68C33.76 24.4599 33.86 24.4699 33.95 24.4899C33.98 24.4999 33.99 24.4999 34 24.4999C34.05 24.4999 34.1 24.4799 34.13 24.4399L34.43 24.1499C34.48 24.0999 34.5 24.0399 34.48 23.9699C34.47 23.8999 34.43 23.8599 34.37 23.8399C34.16 23.7399 33.92 23.6899 33.67 23.6899H28.72C28.25 23.6899 27.84 23.8599 27.51 24.1899C27.18 24.5199 27 24.9299 27 25.3999V30.2999C27 30.7699 27.17 31.1699 27.51 31.4999C27.85 31.8299 28.25 31.9999 28.72 31.9999H33.68C34.15 31.9999 34.56 31.8299 34.89 31.4999C35.23 31.1699 35.4 30.7699 35.4 30.2999V28.4199C35.4 28.3499 35.36 28.2899 35.28 28.2599ZM36.78 24.8699L36.12 24.2199C36.03 24.1299 35.91 24.0799 35.78 24.0799C35.65 24.0799 35.54 24.1299 35.44 24.2199L31.59 28.0299L30.02 26.4799C29.93 26.3899 29.81 26.3399 29.68 26.3399C29.55 26.3399 29.44 26.3899 29.34 26.4799L28.68 27.1299C28.59 27.2199 28.54 27.3399 28.54 27.4599C28.54 27.5799 28.59 27.6999 28.68 27.7899L31.24 30.3199C31.33 30.4099 31.45 30.4599 31.58 30.4599C31.71 30.4599 31.82 30.4099 31.92 30.3199L36.77 25.5299C36.86 25.4399 36.91 25.3199 36.91 25.1999C36.92 25.0799 36.88 24.9699 36.78 24.8699Z" fill="#1CA261"/>
+<path d="M30.16 33.8V35.78C30.16 36.56 29.52 37.19 28.73 37.19H5.26C4.48 37.19 3.83 36.56 3.83 35.78V3.22C3.83 2.44 4.47 1.81 5.26 1.81H20.77V7.85C20.77 9.62 22.24 11.07 24.03 11.07H28.22L29.9 11.06H30.16V12.2H32V10.16C32 9.93 31.9 9.69 31.74 9.52L22.35 0.26C22.17 0.1 21.93 0 21.7 0H5.26C3.47 0 2 1.45 2 3.22V35.78C2 37.55 3.47 39 5.26 39H28.73C30.53 39 31.99 37.55 31.99 35.78V33.8H30.16ZM22.61 3.09L23.05 3.52L28.42 8.82L28.86 9.26H24.03C23.25 9.26 22.6 8.63 22.6 7.85V3.09H22.61Z" fill="#2680EB"/>
+</svg>

package/assets/images/menu/dhr/MHRM39N0023.svg

@@ -0,0 +1,13 @@
+<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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 39H31.53C33.44 39 34.99 37.46 34.99 35.57V10.29C35 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 35.58C32.69 36.21 32.17 36.72 31.54 36.72H8.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.69V35.58Z" fill="#2680EB"/>
+<path d="M30.7904 28.1299C30.7904 27.4999 30.2704 26.9899 29.6404 26.9899H19.2304C18.5904 26.9899 18.0804 27.4999 18.0804 28.1299C18.0804 28.7599 18.6004 29.2699 19.2304 29.2699H29.6404C30.2704 29.2699 30.7904 28.7599 30.7904 28.1299Z" fill="#FF8C00"/>
+<path d="M29.6404 22.4099H19.2304C18.5904 22.4099 18.0804 22.9199 18.0804 23.5499C18.0804 24.1799 18.6004 24.6899 19.2304 24.6899H29.6404C30.2804 24.6899 30.7904 24.1799 30.7904 23.5499C30.7904 22.9299 30.2704 22.4099 29.6404 22.4099Z" fill="#FF8C00"/>
+<path d="M19.2304 31.5599C18.5904 31.5599 18.0804 32.0699 18.0804 32.6999C18.0804 33.3299 18.6004 33.8399 19.2304 33.8399H25.0204C25.6604 33.8399 26.1704 33.3299 26.1704 32.6999C26.1704 32.0699 25.6504 31.5599 25.0204 31.5599H19.2304Z" fill="#FF8C00"/>
+<path d="M10.0603 25.8099H11.2003V23.5699H10.2403V22.8499C10.8603 22.7499 11.1703 22.6399 11.5203 22.4299H12.3903V25.8199H13.3303V26.7599H10.0603V25.8099Z" fill="#FF8C00"/>
+<path d="M14.8803 25.9399C14.8803 25.4499 15.2403 25.0499 15.7803 25.0499C16.3203 25.0499 16.6803 25.4499 16.6803 25.9399C16.6803 26.4299 16.3203 26.8299 15.7803 26.8299C15.2403 26.8299 14.8803 26.4299 14.8803 25.9399Z" fill="#FF8C00"/>
+<path d="M9.92035 33.1699C11.0904 32.2299 11.9404 31.4999 11.9404 30.9099C11.9404 30.5199 11.6904 30.3399 11.3004 30.3399C10.9804 30.3399 10.7204 30.5499 10.4904 30.7499L9.86035 30.1199C10.3404 29.6399 10.7804 29.4199 11.4704 29.4199C12.4104 29.4199 13.0604 29.9799 13.0604 30.8399C13.0604 31.5399 12.3304 32.2999 11.6104 32.8999C11.8504 32.8699 12.1804 32.8499 12.4004 32.8499H13.2804V33.8299H9.92035V33.1699Z" fill="#FF8C00"/>
+<path d="M14.8804 33.0299C14.8804 32.5399 15.2404 32.1399 15.7804 32.1399C16.3204 32.1399 16.6804 32.5399 16.6804 33.0299C16.6804 33.5199 16.3204 33.9199 15.7804 33.9199C15.2404 33.9199 14.8804 33.5299 14.8804 33.0299Z" fill="#FF8C00"/>
+<path d="M16.2198 17.57C16.2198 18.03 16.3598 18.45 16.6098 18.81C16.5498 18.83 16.4898 18.8501 16.4298 18.8701C15.5798 19.1201 14.7698 18.99 13.9698 18.67C13.0798 18.31 12.2598 17.84 11.4998 17.26C11.0898 16.95 10.9198 16.49 11.0098 15.98C11.1698 15.09 11.3498 14.2 11.5298 13.32C11.6298 12.77 12.0298 12.44 12.5798 12.44H16.4698C16.2998 12.74 16.2198 13.07 16.2198 13.43V17.57Z" fill="#2680EB"/>
+<path d="M15.4898 11.45C13.6598 11.44 12.1898 9.94005 12.1998 8.09005C12.2098 6.24005 13.6898 4.74005 15.5098 4.75005C17.3298 4.76005 18.8098 6.28005 18.7998 8.12005C18.7898 9.96005 17.2998 11.46 15.4898 11.45Z" fill="#2680EB"/>
+<path d="M23.98 15.84C23.96 15.83 23.94 15.83 23.92 15.83C23.88 15.83 23.83 15.84 23.81 15.88L23.49 16.2C23.46 16.23 23.45 16.26 23.45 16.31V17.58C23.45 17.8 23.37 17.99 23.22 18.14C23.06 18.29 22.87 18.37 22.65 18.37H18.46C18.24 18.37 18.05 18.29 17.89 18.14C17.73 17.99 17.66 17.8 17.66 17.58V13.45C17.66 13.23 17.74 13.04 17.89 12.89C18.05 12.74 18.24 12.66 18.46 12.66H22.64C22.71 12.66 22.79 12.67 22.87 12.69C22.89 12.7 22.91 12.7 22.91 12.7C22.95 12.7 23 12.69 23.02 12.65L23.27 12.4C23.31 12.36 23.33 12.31 23.31 12.25C23.3 12.19 23.27 12.16 23.22 12.14C23.04 12.04 22.84 12 22.62 12H18.45C18.05 12 17.71 12.14 17.43 12.42C17.14 12.7 17 13.04 17 13.43V17.56C17 17.95 17.14 18.29 17.43 18.57C17.72 18.85 18.05 19 18.45 19H22.63C23.03 19 23.37 18.86 23.65 18.58C23.93 18.3 24.08 17.96 24.08 17.57V15.99C24.08 15.92 24.05 15.87 23.98 15.84ZM25.24 12.99L24.69 12.44C24.61 12.36 24.51 12.32 24.41 12.32C24.3 12.32 24.2 12.36 24.13 12.44L20.88 15.65L19.56 14.34C19.48 14.26 19.38 14.22 19.28 14.22C19.17 14.22 19.07 14.26 19 14.34L18.45 14.89C18.37 14.97 18.33 15.07 18.33 15.17C18.33 15.28 18.37 15.37 18.45 15.45L20.61 17.59C20.69 17.67 20.79 17.71 20.89 17.71C21 17.71 21.1 17.67 21.17 17.59L25.26 13.55C25.34 13.47 25.38 13.37 25.38 13.27C25.36 13.17 25.33 13.08 25.24 12.99Z" fill="#1CA261"/>
+</svg>

package/components/form-control/dropdown/index.js

@@ -131,8 +131,7 @@ const Dropdown = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     target.style.pointerEvents = 'none';
 
     if (!boxRef.current) {
-      inputRef.current.focus();
-      inputRef.current.click();
+      onClickInput();
     } else {
       onClickOutsideOfInput({
         target: null

package/components/grid/Col.js

@@ -0,0 +1,63 @@
+/** @jsxRuntime classic */
+
+/** @jsx jsx */
+import PropTypes from 'prop-types';
+import { jsx } from '@emotion/core';
+import Grid from '.';
+
+const Col = props => {
+  return jsx(Grid, { ...props,
+    item: true
+  });
+};
+
+Col.defaultProps = {
+  style: {},
+  className: '',
+  columns: 12,
+  lg: false,
+  md: false,
+  sm: false,
+  xl: false,
+  xs: false,
+  zeroMinWidth: false,
+  wrap: 'wrap'
+};
+Col.propTypes = {
+  /** The content of the component. */
+  children: PropTypes.node,
+
+  /** Style inline of component. */
+  style: PropTypes.object,
+
+  /** Class for component. */
+  className: PropTypes.string,
+
+  /** The number of columns. */
+  columns: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number, PropTypes.object]),
+
+  /** Defines the `flex-direction` style property. It is applied for all screen sizes. */
+  direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),
+
+  /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `lg` breakpoint and wider screens if not overridden. */
+  lg: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
+
+  /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `md` breakpoint and wider screens if not overridden. */
+  md: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
+
+  /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `sm` breakpoint and wider screens if not overridden. */
+  sm: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
+
+  /** Defines the flex-wrap style property. It's applied for all screen sizes. */
+  wrap: PropTypes.oneOf(['nowrap', 'wrap-reverse', 'wrap']),
+
+  /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `xl` breakpoint and wider screens if not overridden. */
+  xl: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
+
+  /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for all the screen sizes with the lowest priority. */
+  xs: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
+
+  /** If `true`, it sets `min-width: 0` on the item. Refer to the limitations section of the documentation to better understand the use case. */
+  zeroMinWidth: PropTypes.bool
+};
+export default Col;

package/components/grid/Row.js

@@ -0,0 +1,76 @@
+/** @jsxRuntime classic */
+
+/** @jsx jsx */
+import PropTypes from 'prop-types';
+import { jsx } from '@emotion/core';
+import Grid from '.';
+
+const Row = props => {
+  return jsx(Grid, { ...props,
+    container: true
+  });
+};
+
+Row.defaultProps = {
+  style: {},
+  className: '',
+  columns: 12,
+  lg: false,
+  md: false,
+  sm: false,
+  xl: false,
+  xs: false,
+  zeroMinWidth: false,
+  spacing: 0,
+  direction: 'row',
+  wrap: 'wrap',
+  columnSpacing: 4,
+  rowSpacing: 4
+};
+Row.propTypes = {
+  /** The content of the component. */
+  children: PropTypes.node,
+
+  /** Style inline of component. */
+  style: PropTypes.object,
+
+  /** Class for component. */
+  className: PropTypes.string,
+
+  /** The number of columns. */
+  columns: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number, PropTypes.object]),
+
+  /** Defines the horizontal space between the type `Col` components. It overrides the value of the `spacing` prop. */
+  columnSpacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
+
+  /** Defines the `flex-direction` style property. It is applied for all screen sizes. */
+  direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),
+
+  /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `lg` breakpoint and wider screens if not overridden. */
+  lg: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
+
+  /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `md` breakpoint and wider screens if not overridden. */
+  md: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
+
+  /** Defines the vertical space between the type `Col` components. It overrides the value of the `spacing` prop. */
+  rowSpacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
+
+  /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `sm` breakpoint and wider screens if not overridden. */
+  sm: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
+
+  /** Defines the space between the type `Col` components */
+  spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
+
+  /** Defines the flex-wrap style property. It's applied for all screen sizes. */
+  wrap: PropTypes.oneOf(['nowrap', 'wrap-reverse', 'wrap']),
+
+  /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `xl` breakpoint and wider screens if not overridden. */
+  xl: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
+
+  /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for all the screen sizes with the lowest priority. */
+  xs: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
+
+  /** If `true`, it sets `min-width: 0` on the item. Refer to the limitations section of the documentation to better understand the use case. */
+  zeroMinWidth: PropTypes.bool
+};
+export default Row;

package/components/grid/context.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+const GridContext = /*#__PURE__*/createContext();
+export default GridContext;

package/components/grid/index.js

@@ -0,0 +1,260 @@
+/** @jsxRuntime classic */
+
+/** @jsx jsx */
+import { memo, useContext, useRef, useMemo, forwardRef, useImperativeHandle } from 'react';
+import PropTypes from 'prop-types';
+import { jsx, css } from '@emotion/core';
+import GridContext from './context';
+import theme from '../../theme/settings';
+import { breakpointKeys } from '../../theme/createBreakpoints';
+import { borderBox } from '../../styles/general';
+const {
+  breakpoints: themeBreakpoints,
+  spacing: themeSpacing
+} = theme;
+const Grid = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+  id,
+  style,
+  className,
+  children,
+  columns: columnsProp,
+  columnSpacing: columnSpacingProp,
+  container,
+  direction,
+  item,
+  lg,
+  md,
+  rowSpacing: rowSpacingProp,
+  sm,
+  spacing,
+  wrap,
+  xl,
+  xs,
+  zeroMinWidth
+}, reference) => {
+  const columnsContext = useContext(GridContext);
+  const rowSpacing = rowSpacingProp || spacing;
+  const columnSpacing = columnSpacingProp || spacing;
+  const columns = container ? columnsProp : columnsContext;
+  const ref = useRef(null);
+
+  const _GridCSS = GridCSS(direction, zeroMinWidth, container, item, wrap);
+
+  const _GridSpacingCSS = GridSpacingCSS(rowSpacing, columnSpacing);
+
+  const _HandleGridCSS = HandleGridCSS([xs, sm, md, lg, xl], columns);
+
+  useImperativeHandle(reference, () => {
+    const currentRef = ref.current || {};
+    const _instance = {}; // methods
+
+    _instance.__proto__ = {}; // hidden methods
+
+    currentRef.instance = _instance;
+    return currentRef;
+  });
+  return useMemo(() => {
+    return jsx("div", {
+      id: id,
+      ref: ref,
+      css: [_GridCSS, container && (rowSpacing || columnSpacing) && _GridSpacingCSS, _HandleGridCSS],
+      style: style,
+      className: [`DGN-UI-Grid${item ? '-item' : ''}`, className].join(' ').trim().replace(/\s+/g, ' ')
+    }, jsx(GridContext.Provider, {
+      value: columns
+    }, children));
+  }, [id, container, item, direction, wrap, rowSpacing, columnSpacing, xs, sm, md, lg, xl, spacing, zeroMinWidth, className, columns, children]);
+}));
+
+const getOffset = val => {
+  const parse = parseFloat(val);
+  return `${parse}${String(val).replace(String(parse), '') || 'px'}`;
+};
+
+const handleBreakpoints = (propValue, cssFromPropValue) => {
+  let output = '';
+
+  if (Array.isArray(propValue)) {
+    propValue.map((item, index) => {
+      output = output.concat([themeBreakpoints.up(breakpointKeys[index])]).concat(`{${cssFromPropValue(propValue[index])}} `);
+    });
+    return output;
+  }
+
+  if (typeof propValue === 'object') {
+    Object.keys(propValue).map(item => {
+      if (breakpointKeys.includes(item)) {
+        output = output.concat([themeBreakpoints.up(item)]).concat(`{${cssFromPropValue(propValue[item])}} `);
+      }
+    });
+    return output;
+  }
+
+  output = cssFromPropValue(propValue);
+  return output;
+};
+
+const progessSizeArray = sizeArr => {
+  let lastValue = false;
+  sizeArr = sizeArr.map(item => {
+    if (item === false) return lastValue;else lastValue = item;
+    return item;
+  });
+  return sizeArr;
+};
+
+const handleGrid = (size, value, columns) => {
+  let css = '';
+
+  if (value === true) {
+    css = `
+            flex-basis: 0;
+            flex-grow: 1;
+            max-width: 100%;
+        `;
+  } else if (value === 'auto') {
+    css = `
+            flex-basis: auto;
+            flex-grow: 0;
+            flex-shrink: 0;
+            max-width: none;
+            width: auto;
+        `;
+  } else if (typeof value === 'number' && value !== 0) {
+    css = handleBreakpoints(columns, propValue => {
+      return `
+            flex-basis: ${Math.round(value / propValue * 10e7) / 10e5}%;
+            flex-grow: 0;
+            max-width: ${Math.round(value / propValue * 10e7) / 10e5}%;
+        `;
+    });
+  }
+
+  return `${themeBreakpoints.up(size)} {
+        ${css}
+    }`;
+};
+
+const GridCSS = (direction, zeroMinWidth, container, item, wrap) => css`
+    ${borderBox};
+    ${container && `
+        display: flex;
+        flex-wrap: ${wrap};
+        width: 100%;
+    `};
+    ${item && `
+        margin: 0;
+    `};
+    ${zeroMinWidth && `min-width: 0;`}
+    ${handleBreakpoints(direction, propValue => {
+  return `flex-direction: ${propValue}`;
+})};
+`;
+
+const GridSpacingCSS = (rowSpacing, columnSpacing) => css`
+    ${rowSpacing && handleBreakpoints(rowSpacing, propValue => {
+  const spacing = typeof propValue === 'number' ? themeSpacing(propValue) : propValue;
+
+  if (spacing !== '0px') {
+    return `
+            margin-top: -${getOffset(spacing)};
+            & > .DGN-UI-Grid-item {
+                padding-top: ${getOffset(spacing)};
+            }
+            `;
+  }
+
+  return '';
+})};
+    ${columnSpacing && handleBreakpoints(columnSpacing, propValue => {
+  const spacing = typeof propValue === 'number' ? themeSpacing(propValue) : propValue;
+
+  if (spacing !== '0px') {
+    return `
+                width: calc(100% + ${getOffset(spacing)});
+                margin-left: -${getOffset(spacing)};
+                & > .DGN-UI-Grid-item {
+                padding-left: ${getOffset(spacing)};
+            }
+            `;
+  }
+
+  return '';
+})};
+`;
+
+const HandleGridCSS = (sizeArr, columns) => css`
+    ${progessSizeArray(sizeArr).map((item, idx) => {
+  return handleGrid(breakpointKeys[idx], item, columns);
+})}
+`;
+
+Grid.defaultProps = {
+  style: {},
+  className: '',
+  columns: 12,
+  container: false,
+  item: false,
+  lg: false,
+  md: false,
+  sm: false,
+  xl: false,
+  xs: false,
+  zeroMinWidth: false,
+  spacing: 0,
+  direction: 'row',
+  wrap: 'wrap'
+};
+Grid.propTypes = {
+  /** The content of the component. */
+  children: PropTypes.node,
+
+  /** Style inline of component. */
+  style: PropTypes.object,
+
+  /** Class for component. */
+  className: PropTypes.string,
+
+  /** The number of columns. */
+  columns: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number, PropTypes.object]),
+
+  /** Defines the horizontal space between the type `item` components. It overrides the value of the `spacing` prop. */
+  columnSpacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
+
+  /** If true, the component will have the flex *container* behavior. You should be wrapping *items* with a *container*. */
+  container: PropTypes.bool,
+
+  /** Defines the `flex-direction` style property. It is applied for all screen sizes. */
+  direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),
+
+  /** If `true`, the component will have the flex *item* behavior. You should be wrapping *items* with a *container*. */
+  item: PropTypes.bool,
+
+  /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `lg` breakpoint and wider screens if not overridden. */
+  lg: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
+
+  /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `md` breakpoint and wider screens if not overridden. */
+  md: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
+
+  /** Defines the vertical space between the type `item` components. It overrides the value of the `spacing` prop. */
+  rowSpacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
+
+  /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `sm` breakpoint and wider screens if not overridden. */
+  sm: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
+
+  /** Defines the space between the type `item` components. It can only be used on a type `container` component. */
+  spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
+
+  /** Defines the flex-wrap style property. It's applied for all screen sizes. */
+  wrap: PropTypes.oneOf(['nowrap', 'wrap-reverse', 'wrap']),
+
+  /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `xl` breakpoint and wider screens if not overridden. */
+  xl: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
+
+  /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for all the screen sizes with the lowest priority. */
+  xs: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
+
+  /** If `true`, it sets `min-width: 0` on the item. Refer to the limitations section of the documentation to better understand the use case. */
+  zeroMinWidth: PropTypes.bool
+};
+export default Grid;

package/components/index.js

@@ -53,7 +53,11 @@ export { default as HelperText } from './form-control/helper-text';
 export { default as TextInput } from './form-control/text-input';
 export { default as MoneyInput } from './form-control/money-input';
 export { default as NumberInput } from './form-control/number-input/index2';
-export { default as Toggle } from './form-control/toggle'; // List
+export { default as Toggle } from './form-control/toggle'; // Grid
+
+export { default as Grid } from './grid';
+export { default as Row } from './grid/Row';
+export { default as Col } from './grid/Col'; // List
 
 export { default as List } from './list/list';
 export { default as ListItem } from './list/list-item';

package/icons/menu/v2/index.js

@@ -1,3 +1,7 @@
+/* eslint-disable no-undef */
+
+/* eslint-disable no-empty */
+
 /** @jsxRuntime classic */
 
 /** @jsx jsx */
@@ -27,7 +31,8 @@ const IconMenu = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   return useMemo(() => jsx("img", {
     src: getResourceImage(name + '.svg'),
     width: width,
-    height: height
+    height: height,
+    alt: ''
   }), [type, name, width, height]);
 }));
 IconMenu.defaultProps = {
@@ -37,16 +42,16 @@ IconMenu.defaultProps = {
   height: '100%'
 };
 IconMenu.propTypes = {
-  /** Menu type (DHR || ERP) */
-  type: PropTypes.oneOf(['dhr', 'erp']),
+  /** Menu type (DHR || ERP || BEM). */
+  type: PropTypes.oneOf(['dhr', 'erp', 'bem']),
 
-  /** name of icon */
+  /** Name of icon. */
   name: PropTypes.string,
 
-  /** the width of icon */
+  /** Width of icon. */
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 
-  /** the height of icon */
+  /** Height of icon. */
   height: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
 };
 export default IconMenu;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "diginet-core-ui",
-  "version": "1.3.48",
+  "version": "1.3.49",
   "description": "The DigiNet core ui",
   "homepage": "https://diginet.com.vn",
   "main": "index.js",

package/readme.md

@@ -38,6 +38,12 @@ npm test
 ```
 
 ## Changelog
+## 1.3.49
+- \[Added\]: MenuIcon – WA3F0100, WA3F1025, WA3F2000, WA3F2020, WA3F2030, WA3F2040, WA3F2100
+- \[Changed\]: Grid – Phát triển component Grid
+- \[Changed\]: THEME – Refactoring breakpoints
+- \[Fixed\]: Dropdown – Fix bug open dropdown by icon trigger double-click
+
 ## 1.3.48
 - \[Added\]: MenuIcon – MHRM09N1030
 - \[Added\]: Icon – AssignmentInd

package/styles/colors.js

@@ -43,7 +43,7 @@ export const blue7 = '#5DABFF';
 export const blue8 = '#469FFF';
 export const blue9 = '#2E93FF';
 export const blue10 = '#1787FF';
-export const blue = '#3366ff';
+export const blue = '#007BFF';
 export const blue11 = '#F4FAFF';
 export const blue12 = '#EAF4FF';
 export const blue13 = '#DFEFFF';
@@ -233,7 +233,7 @@ export const color = {
   formal8: '#050a36',
   formal9: '#03072d',
   //blue
-  blue: '#3366FF',
+  blue: '#007BFF',
   blue1: '#E8F3FF',
   blue2: '#D1E7FF',
   blue3: '#B9DBFF',

package/theme/createBreakpoints.js

@@ -0,0 +1,94 @@
+// Sorted ASC by size. That's important.
+// It can't be configured as it's used statically for propTypes.
+export const breakpointKeys = ['xs', 'sm', 'md', 'lg', 'xl'];
+
+const sortBreakpointsValues = values => {
+  const breakpointsAsArray = Object.keys(values).map(key => ({
+    key,
+    val: values[key]
+  })) || []; // Sort in ascending order
+
+  breakpointsAsArray.sort((breakpoint1, breakpoint2) => breakpoint1.val - breakpoint2.val);
+  return breakpointsAsArray.reduce((acc, obj) => {
+    return { ...acc,
+      [obj.key]: obj.val
+    };
+  }, {});
+}; // Keep in mind that @media is inclusive by the CSS specification.
+
+
+const createBreakpoints = breakpoints => {
+  const {
+    // The breakpoint **start** at this value.
+    // For instance with the first breakpoint xs: [xs, sm).
+    values = {
+      xs: 0,
+      // extra-small
+      sm: 600,
+      // small
+      md: 900,
+      // medium
+      lg: 1200,
+      // large
+      xl: 1536 // extra-large
+
+    },
+    unit = 'px',
+    step = 5,
+    ...other
+  } = breakpoints;
+  const sortedValues = sortBreakpointsValues(values);
+  const keys = Object.keys(sortedValues);
+
+  const up = key => {
+    const value = typeof values[key] === 'number' ? values[key] : key;
+    return `@media (min-width:${value}${unit})`;
+  };
+
+  const down = key => {
+    const value = typeof values[key] === 'number' ? values[key] : key;
+    return `@media (max-width:${value - step / 100}${unit})`;
+  };
+
+  const between = (start, end) => {
+    const endIndex = keys.indexOf(end);
+    return `@media (min-width:${typeof values[start] === 'number' ? values[start] : start}${unit}) and ` + `(max-width:${(endIndex !== -1 && typeof values[keys[endIndex]] === 'number' ? values[keys[endIndex]] : end) - step / 100}${unit})`;
+  };
+
+  const only = key => {
+    if (keys.indexOf(key) + 1 < keys.length) {
+      return between(key, keys[keys.indexOf(key) + 1]);
+    }
+
+    return up(key);
+  };
+
+  const not = key => {
+    // handle first and last key separately, for better readability
+    const keyIndex = keys.indexOf(key);
+
+    if (keyIndex === 0) {
+      return up(keys[1]);
+    }
+
+    if (keyIndex === keys.length - 1) {
+      return down(keys[keyIndex]);
+    }
+
+    return between(key, keys[keys.indexOf(key) + 1]).replace('@media', '@media not all and');
+  };
+
+  return {
+    keys,
+    values: sortedValues,
+    up,
+    down,
+    between,
+    only,
+    not,
+    unit,
+    ...other
+  };
+};
+
+export default createBreakpoints;

package/theme/settings.js

@@ -9,6 +9,7 @@ const {
   fontFamilyMedium
 } = font;
 import { typography as typographies } from '../styles/typography';
+import createBreakpoints from './createBreakpoints';
 const settings = {
   border: {
     radius: '4px',
@@ -55,52 +56,22 @@ const settings = {
     },
     ...typographies
   },
-  breakpoints: {
+  breakpoints: createBreakpoints({
     values: {
-      xs: 600,
-      sm: 960,
-      md: 1280,
-      lg: 1920
-    },
-    down: value => getMedia(value, 'max'),
-    up: value => getMedia(value, 'min'),
-    only: value => getMedia(value, 'min', value),
-    between: (start, end) => getMedia(start, 'min', end)
-  },
+      xs: 0,
+      // extra-small
+      sm: 600,
+      // small
+      md: 900,
+      // medium
+      lg: 1200,
+      // large
+      xl: 1536 // extra-large
+
+    }
+  }),
   spacing: vl => getSpacing(vl),
   zIndex: vl => zIndex(vl),
   setZIndex: vl => setZIndex(vl)
 };
-
-const getMedia = (value, type, value2 = '') => {
-  const values = settings.breakpoints.values;
-  let px1,
-      px2 = '';
-
-  if (typeof value === 'number') {
-    px1 = value + 'px'; // eslint-disable-next-line no-constant-condition
-  } else if (/^xs|sm|md|lg|xl$/) {
-    px1 = values[value] - (type === 'max' ? 0.05 : 0) + 'px';
-  }
-
-  if (value2) {
-    const keys = Object.keys(values);
-
-    if (value2 === value) {
-      // only
-      value2 = values[keys[keys.indexOf(value) + 1]] - 0.05 + 'px';
-    } else {
-      if (typeof value2 === 'number') {
-        value2 += 'px'; // eslint-disable-next-line no-constant-condition
-      } else if (/^xs|sm|md|lg|xl$/) {
-        value2 = values[keys[keys.indexOf(value2) + 1]] - 0.05 + 'px';
-      }
-    }
-
-    px2 = ` and (max-width: ${value2})`;
-  }
-
-  return `@media (${type}-width: ${px1}${px2})`;
-};
-
 export default settings;