contentoh-components-library 21.4.124 → 21.4.126

package/dist/assets/images/Icons/addv2.svg

@@ -0,0 +1,8 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_343_348" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="14" height="14">
+<rect width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_343_348)">
+<path d="M6.25 7.75H0V6.25H6.25V0H7.75V6.25H14V7.75H7.75V14H6.25V7.75Z" fill="#E33AA9"/>
+</g>
+</svg>

package/dist/assets/images/Icons/beenhere.svg

@@ -0,0 +1,9 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="33" height="33" rx="16.5" fill="white" stroke="#E33AA9"/>
+<mask id="mask0_387_1148" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="14" height="14">
+<rect x="10" y="10" width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_387_1148)">
+<path d="M17.0833 24L12.15 20.3C12.025 20.2083 11.9271 20.0917 11.8563 19.95C11.7854 19.8083 11.75 19.6583 11.75 19.5V11C11.75 10.7333 11.85 10.5 12.05 10.3C12.25 10.1 12.4833 10 12.75 10H21.4167C21.6833 10 21.9167 10.1 22.1167 10.3C22.3167 10.5 22.4167 10.7333 22.4167 11V19.5C22.4167 19.6583 22.3813 19.8083 22.3104 19.95C22.2396 20.0917 22.1417 20.2083 22.0167 20.3L17.0833 24ZM17.0833 22.75L21.4167 19.4167V11H12.75V19.4167L17.0833 22.75ZM16.3833 18.6667L20.15 14.9L19.4333 14.2L16.3667 17.2667L14.7167 15.6167L14.0167 16.3167L16.3833 18.6667Z" fill="#E33AA9"/>
+</g>
+</svg>

package/dist/assets/images/Icons/checkv2.svg

@@ -0,0 +1,8 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_372_2690" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="48" height="48">
+<rect width="48" height="48" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_372_2690)">
+<path d="M20.46 34.92L37.44 17.94L34.68 15.24L20.46 29.46L13.26 22.26L10.56 24.96L20.46 34.92ZM24 48C20.72 48 17.62 47.37 14.7 46.11C11.78 44.85 9.23 43.13 7.05 40.95C4.87 38.77 3.15 36.22 1.89 33.3C0.63 30.38 0 27.28 0 24C0 20.68 0.63 17.56 1.89 14.64C3.15 11.72 4.87 9.18 7.05 7.02C9.23 4.86 11.78 3.15 14.7 1.89C17.62 0.63 20.72 0 24 0C27.32 0 30.44 0.63 33.36 1.89C36.28 3.15 38.82 4.86 40.98 7.02C43.14 9.18 44.85 11.72 46.11 14.64C47.37 17.56 48 20.68 48 24C48 27.28 47.37 30.38 46.11 33.3C44.85 36.22 43.14 38.77 40.98 40.95C38.82 43.13 36.28 44.85 33.36 46.11C30.44 47.37 27.32 48 24 48ZM24 44.4C29.68 44.4 34.5 42.41 38.46 38.43C42.42 34.45 44.4 29.64 44.4 24C44.4 18.32 42.42 13.5 38.46 9.54C34.5 5.58 29.68 3.6 24 3.6C18.36 3.6 13.55 5.58 9.57 9.54C5.59 13.5 3.6 18.32 3.6 24C3.6 29.64 5.59 34.45 9.57 38.43C13.55 42.41 18.36 44.4 24 44.4Z" fill="#85BC5B"/>
+</g>
+</svg>

package/dist/assets/images/Icons/close-magenta.svg

@@ -0,0 +1,9 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="33" height="33" rx="16.5" fill="white" stroke="#E33AA9"/>
+<mask id="mask0_346_668" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="14" height="14">
+<rect x="10" y="10" width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_346_668)">
+<path d="M11.077 24L10 22.9231L15.9231 17L10 11.0769L11.077 10L17 15.9231L22.9231 10L24 11.0769L18.077 17L24 22.9231L22.9231 24L17 18.0769L11.077 24Z" fill="#E33AA9"/>
+</g>
+</svg>

package/dist/assets/images/Icons/close.svg

@@ -0,0 +1,8 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_731_2487" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="10" height="10">
+<rect width="10" height="10" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_731_2487)">
+<path d="M0.769231 10L0 9.23077L4.23077 5L0 0.769231L0.769231 0L5 4.23077L9.23077 0L10 0.769231L5.76923 5L10 9.23077L9.23077 10L5 5.76923L0.769231 10Z" fill="#B64545"/>
+</g>
+</svg>

package/dist/assets/images/Icons/closeCircle.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
+  <mask id="mask0_336_331" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="10" height="10">
+    <rect x="0.0588379" y="0.0588226" width="9.88235" height="9.88235" fill="#D9D9D9"/>
+  </mask>
+  <g mask="url(#mask0_336_331)">
+    <path d="M0.819019 9.94121L0.0588379 9.18103L4.23983 5.00003L0.0588379 0.819034L0.819019 0.0588531L5.00001 4.23985L9.18101 0.0588531L9.94119 0.819034L5.7602 5.00003L9.94119 9.18103L9.18101 9.94121L5.00001 5.76021L0.819019 9.94121Z" fill="white"/>
+  </g>
+</svg>

package/dist/assets/images/Icons/delete-forever-red.svg

@@ -0,0 +1,9 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="33" height="33" rx="16.5" fill="white" stroke="#B64545"/>
+<mask id="mask0_346_669" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="14" height="14">
+<rect x="10" y="10" width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_346_669)">
+<path d="M14.7833 20.5194L17.0972 18.1667L19.4306 20.5194L20.3444 19.5861L18.0306 17.2333L20.3444 14.8806L19.4306 13.9472L17.0972 16.3L14.7833 13.9472L13.85 14.8806L16.1833 17.2333L13.85 19.5861L14.7833 20.5194ZM12.8389 24C12.5278 24 12.2556 23.8833 12.0222 23.65C11.7889 23.4167 11.6722 23.1444 11.6722 22.8333V11.75H10.875V10.5833H14.5306V10H19.6639V10.5833H23.3194V11.75H22.5222V22.8333C22.5222 23.1444 22.4056 23.4167 22.1722 23.65C21.9389 23.8833 21.6667 24 21.3556 24H12.8389ZM21.3556 11.75H12.8389V22.8333H21.3556V11.75Z" fill="#B64545"/>
+</g>
+</svg>

package/dist/assets/images/Icons/delete-forever-white.svg

@@ -0,0 +1,10 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="delete-forever-white">
+<mask id="mask0_498_688" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="10" height="10">
+<rect id="Bounding box" x="0.0588379" y="0.0588379" width="9.88235" height="9.88235" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_498_688)">
+<path id="delete-forever" d="M3.43534 7.48433L5.06867 5.82354L6.71573 7.48433L7.36083 6.8255L5.72749 5.16472L7.36083 3.50394L6.71573 2.84511L5.06867 4.5059L3.43534 2.84511L2.77651 3.50394L4.42357 5.16472L2.77651 6.8255L3.43534 7.48433ZM2.06279 9.94119C1.84318 9.94119 1.65102 9.85884 1.48632 9.69413C1.32161 9.52943 1.23926 9.33727 1.23926 9.11766V1.29413H0.676514V0.470603H3.25691V0.0588379H6.88044V0.470603H9.46083V1.29413H8.89808V9.11766C8.89808 9.33727 8.81573 9.52943 8.65102 9.69413C8.48632 9.85884 8.29416 9.94119 8.07455 9.94119H2.06279ZM8.07455 1.29413H2.06279V9.11766H8.07455V1.29413Z" fill="white"/>
+</g>
+</g>
+</svg>

package/dist/assets/images/Icons/edit.svg

@@ -0,0 +1,8 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_731_2312" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="12" height="12">
+<rect width="12" height="12" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_731_2312)">
+<path d="M1.40041 10.5996H2.06071L8.70873 3.95157L8.04843 3.29127L1.40041 9.93929V10.5996ZM10.6146 3.30628L8.69372 1.3854L9.32401 0.755116C9.49409 0.585039 9.70418 0.5 9.9543 0.5C10.2044 0.5 10.4145 0.585039 10.5846 0.755116L11.2449 1.41542C11.415 1.58549 11.5 1.79559 11.5 2.0457C11.5 2.29582 11.415 2.50591 11.2449 2.67599L10.6146 3.30628ZM9.98431 3.93656L2.42087 11.5H0.5V9.57913L8.06344 2.01569L9.98431 3.93656Z" fill="#E33AA9"/>
+</g>
+</svg>

package/dist/assets/images/Icons/fullscreen.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
+  <path d="M0 12V7.71111H1.33333V10.6667H4.28889V12H0ZM7.71111 12V10.6667H10.6667V7.71111H12V12H7.71111ZM0 4.28889V0H4.28889V1.33333H1.33333V4.28889H0ZM10.6667 4.28889V1.33333H7.71111V0H12V4.28889H10.6667Z" fill="white"/>
+</svg>

package/dist/assets/images/Icons/infoNR.svg

@@ -0,0 +1,8 @@
+<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_37_379" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="8" height="8">
+<rect width="8" height="8" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_37_379)">
+<path d="M3.63807 5.98825H4.40893V3.62867H3.63807V5.98825ZM3.99596 3.07403C4.124 3.07403 4.2311 3.03169 4.31727 2.947C4.40345 2.86232 4.44653 2.75738 4.44653 2.6322C4.44653 2.49463 4.40331 2.38347 4.31685 2.29871C4.2304 2.21394 4.12327 2.17156 3.99547 2.17156C3.86061 2.17156 3.75166 2.21394 3.66863 2.29871C3.58559 2.38347 3.54407 2.49307 3.54407 2.6275C3.54407 2.7566 3.58737 2.8633 3.67398 2.94759C3.7606 3.03188 3.86792 3.07403 3.99596 3.07403ZM3.9991 8C3.44212 8 2.92156 7.89633 2.43741 7.68899C1.95324 7.48165 1.52964 7.19646 1.16659 6.83341C0.803541 6.47036 0.518349 6.04696 0.311013 5.5632C0.103671 5.07943 0 4.5588 0 4.0013C0 3.44379 0.103671 2.92273 0.311013 2.4381C0.518349 1.95348 0.803049 1.53104 1.16511 1.1708C1.52718 0.810554 1.95032 0.525358 2.43455 0.315215C2.91877 0.105072 3.43989 0 3.99792 0C4.55595 0 5.07764 0.10483 5.56301 0.314491C6.04837 0.524146 6.47094 0.80868 6.83072 1.16809C7.1905 1.52751 7.47533 1.95015 7.6852 2.43603C7.89507 2.92191 8 3.44396 8 4.0022C8 4.56004 7.89493 5.08098 7.68479 5.56504C7.47464 6.04909 7.18945 6.47169 6.8292 6.83282C6.46896 7.19395 6.04646 7.47876 5.56169 7.68726C5.07694 7.89575 4.55607 8 3.9991 8ZM4 7.11633C4.86173 7.11633 5.59499 6.81435 6.19977 6.21037C6.80454 5.60639 7.10693 4.8696 7.10693 4C7.10693 3.13827 6.80513 2.40501 6.20153 1.80024C5.59793 1.19546 4.86095 0.893067 3.9906 0.893067C3.12887 0.893067 2.39561 1.19487 1.79083 1.79847C1.18606 2.40207 0.883666 3.13905 0.883666 4.0094C0.883666 4.87113 1.18565 5.60439 1.78963 6.20917C2.39361 6.81394 3.1304 7.11633 4 7.11633Z" fill="#707070"/>
+</g>
+</svg>

package/dist/assets/images/Icons/options.svg

@@ -0,0 +1,3 @@
+<svg width="6" height="17" viewBox="0 0 6 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 14.25C2.5875 14.25 2.23438 14.1031 1.94063 13.8094C1.64688 13.5156 1.5 13.1625 1.5 12.75C1.5 12.3375 1.64688 11.9844 1.94063 11.6906C2.23438 11.3969 2.5875 11.25 3 11.25C3.4125 11.25 3.76562 11.3969 4.05938 11.6906C4.35313 11.9844 4.5 12.3375 4.5 12.75C4.5 13.1625 4.35313 13.5156 4.05938 13.8094C3.76562 14.1031 3.4125 14.25 3 14.25ZM3 9.75C2.5875 9.75 2.23438 9.60313 1.94063 9.30938C1.64688 9.01563 1.5 8.6625 1.5 8.25C1.5 7.8375 1.64688 7.48438 1.94063 7.19063C2.23438 6.89687 2.5875 6.75 3 6.75C3.4125 6.75 3.76562 6.89687 4.05938 7.19063C4.35313 7.48438 4.5 7.8375 4.5 8.25C4.5 8.6625 4.35313 9.01563 4.05938 9.30938C3.76562 9.60313 3.4125 9.75 3 9.75ZM3 5.25C2.5875 5.25 2.23438 5.10313 1.94063 4.80938C1.64688 4.51562 1.5 4.1625 1.5 3.75C1.5 3.3375 1.64688 2.98438 1.94063 2.69063C2.23438 2.39688 2.5875 2.25 3 2.25C3.4125 2.25 3.76562 2.39688 4.05938 2.69063C4.35313 2.98438 4.5 3.3375 4.5 3.75C4.5 4.1625 4.35313 4.51562 4.05938 4.80938C3.76562 5.10313 3.4125 5.25 3 5.25Z" fill="#CBCBCB"/>
+</svg>

package/dist/assets/images/Icons/save-white-gray.svg

@@ -0,0 +1,9 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="34" height="34" rx="17" fill="#F0F0F0"/>
+<mask id="mask0_346_670" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="14" height="14">
+<rect x="10" y="10" width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_346_670)">
+<path d="M24 13.0528V22.8333C24 23.1444 23.8833 23.4167 23.65 23.65C23.4167 23.8833 23.1444 24 22.8333 24H11.1667C10.8556 24 10.5833 23.8833 10.35 23.65C10.1167 23.4167 10 23.1444 10 22.8333V11.1667C10 10.8556 10.1167 10.5833 10.35 10.35C10.5833 10.1167 10.8556 10 11.1667 10H20.9472L24 13.0528ZM22.8333 13.5778L20.4222 11.1667H11.1667V22.8333H22.8333V13.5778ZM16.9954 21.5694C17.5559 21.5694 18.0338 21.3733 18.4292 20.981C18.8245 20.5886 19.0222 20.1123 19.0222 19.5518C19.0222 18.9913 18.8261 18.5134 18.4337 18.1181C18.0414 17.7227 17.565 17.525 17.0046 17.525C16.4441 17.525 15.9662 17.7212 15.5708 18.1135C15.1755 18.5058 14.9778 18.9822 14.9778 19.5427C14.9778 20.1031 15.1739 20.581 15.5663 20.9764C15.9586 21.3718 16.435 21.5694 16.9954 21.5694ZM12.1972 14.9778H19.1583V12.1972H12.1972V14.9778Z" fill="white"/>
+</g>
+</svg>

package/dist/assets/images/Icons/save-white.svg

@@ -0,0 +1,9 @@
+<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="34" height="34" rx="17" fill="#E33AA9"/>
+<mask id="mask0_346_670" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="14" height="14">
+<rect x="10" y="10" width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_346_670)">
+<path d="M24 13.0528V22.8333C24 23.1444 23.8833 23.4167 23.65 23.65C23.4167 23.8833 23.1444 24 22.8333 24H11.1667C10.8556 24 10.5833 23.8833 10.35 23.65C10.1167 23.4167 10 23.1444 10 22.8333V11.1667C10 10.8556 10.1167 10.5833 10.35 10.35C10.5833 10.1167 10.8556 10 11.1667 10H20.9472L24 13.0528ZM22.8333 13.5778L20.4222 11.1667H11.1667V22.8333H22.8333V13.5778ZM16.9954 21.5694C17.5559 21.5694 18.0338 21.3733 18.4292 20.981C18.8245 20.5886 19.0222 20.1123 19.0222 19.5518C19.0222 18.9913 18.8261 18.5134 18.4337 18.1181C18.0414 17.7227 17.565 17.525 17.0046 17.525C16.4441 17.525 15.9662 17.7212 15.5708 18.1135C15.1755 18.5058 14.9778 18.9822 14.9778 19.5427C14.9778 20.1031 15.1739 20.581 15.5663 20.9764C15.9586 21.3718 16.435 21.5694 16.9954 21.5694ZM12.1972 14.9778H19.1583V12.1972H12.1972V14.9778Z" fill="white"/>
+</g>
+</svg>

package/dist/assets/images/Icons/save.svg

@@ -0,0 +1,8 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_748_1469" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="14" height="14">
+<rect width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_748_1469)">
+<path d="M14 3.05278V12.8333C14 13.1444 13.8833 13.4167 13.65 13.65C13.4167 13.8833 13.1444 14 12.8333 14H1.16667C0.855556 14 0.583333 13.8833 0.35 13.65C0.116667 13.4167 0 13.1444 0 12.8333V1.16667C0 0.855556 0.116667 0.583333 0.35 0.35C0.583333 0.116667 0.855556 0 1.16667 0H10.9472L14 3.05278ZM12.8333 3.57778L10.4222 1.16667H1.16667V12.8333H12.8333V3.57778ZM6.99543 11.5694C7.55588 11.5694 8.0338 11.3733 8.42917 10.981C8.82454 10.5886 9.02222 10.1123 9.02222 9.55179C9.02222 8.99134 8.82606 8.51343 8.43374 8.11806C8.04143 7.72269 7.56504 7.525 7.00457 7.525C6.44412 7.525 5.9662 7.72116 5.57083 8.11349C5.17546 8.5058 4.97778 8.98219 4.97778 9.54265C4.97778 10.1031 5.17394 10.581 5.56626 10.9764C5.95858 11.3718 6.43496 11.5694 6.99543 11.5694ZM2.19722 4.97778H9.15833V2.19722H2.19722V4.97778Z" fill="#E33AA9"/>
+</g>
+</svg>

package/dist/assets/images/Icons/search.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.2667 12L6.88333 7.61667C6.55 7.90556 6.16134 8.13056 5.71735 8.29167C5.27336 8.45278 4.80091 8.53333 4.3 8.53333C3.0982 8.53333 2.08108 8.11667 1.24865 7.28333C0.416217 6.45 0 5.44444 0 4.26667C0 3.08889 0.416667 2.08333 1.25 1.25C2.08333 0.416667 3.09167 0 4.275 0C5.45833 0 6.46389 0.416667 7.29167 1.25C8.11944 2.08333 8.53333 3.08972 8.53333 4.26917C8.53333 4.74528 8.45556 5.20556 8.3 5.65C8.14444 6.09444 7.91111 6.51111 7.6 6.9L12 11.2667L11.2667 12ZM4.28333 7.53333C5.18611 7.53333 5.95347 7.21389 6.58542 6.575C7.21736 5.93611 7.53333 5.16667 7.53333 4.26667C7.53333 3.36667 7.21736 2.59722 6.58542 1.95833C5.95347 1.31944 5.18611 1 4.28333 1C3.3713 1 2.59607 1.31944 1.95763 1.95833C1.31921 2.59722 1 3.36667 1 4.26667C1 5.16667 1.31921 5.93611 1.95763 6.575C2.59607 7.21389 3.3713 7.53333 4.28333 7.53333Z" fill="#707070"/>
+</svg>

package/dist/assets/images/Icons/settings.svg

@@ -0,0 +1,8 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_801_1360" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="12" height="12">
+<rect width="12" height="12" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_801_1360)">
+<path d="M4.62 12L4.32 10.11C4.13 10.04 3.93 9.945 3.72 9.825C3.51 9.705 3.325 9.58 3.165 9.45L1.395 10.26L0 7.8L1.62 6.615C1.6 6.525 1.5875 6.4225 1.5825 6.3075C1.5775 6.1925 1.575 6.09 1.575 6C1.575 5.91 1.5775 5.8075 1.5825 5.6925C1.5875 5.5775 1.6 5.475 1.62 5.385L0 4.2L1.395 1.74L3.165 2.55C3.325 2.42 3.51 2.295 3.72 2.175C3.93 2.055 4.13 1.965 4.32 1.905L4.62 0H7.38L7.68 1.89C7.87 1.96 8.0725 2.0525 8.2875 2.1675C8.5025 2.2825 8.685 2.41 8.835 2.55L10.605 1.74L12 4.2L10.38 5.355C10.4 5.455 10.4125 5.5625 10.4175 5.6775C10.4225 5.7925 10.425 5.9 10.425 6C10.425 6.1 10.4225 6.205 10.4175 6.315C10.4125 6.425 10.4 6.53 10.38 6.63L12 7.8L10.605 10.26L8.835 9.45C8.675 9.58 8.4925 9.7075 8.2875 9.8325C8.0825 9.9575 7.88 10.05 7.68 10.11L7.38 12H4.62ZM5.34 11.1H6.66L6.87 9.42C7.2 9.34 7.5125 9.215 7.8075 9.045C8.1025 8.875 8.37 8.67 8.61 8.43L10.2 9.12L10.8 8.04L9.39 7.005C9.43 6.835 9.4625 6.6675 9.4875 6.5025C9.5125 6.3375 9.525 6.17 9.525 6C9.525 5.83 9.515 5.6625 9.495 5.4975C9.475 5.3325 9.44 5.165 9.39 4.995L10.8 3.96L10.2 2.88L8.61 3.57C8.38 3.31 8.12 3.0925 7.83 2.9175C7.54 2.7425 7.22 2.63 6.87 2.58L6.66 0.9H5.34L5.13 2.58C4.79 2.65 4.4725 2.77 4.1775 2.94C3.8825 3.11 3.62 3.32 3.39 3.57L1.8 2.88L1.2 3.96L2.61 4.995C2.57 5.165 2.5375 5.3325 2.5125 5.4975C2.4875 5.6625 2.475 5.83 2.475 6C2.475 6.17 2.4875 6.3375 2.5125 6.5025C2.5375 6.6675 2.57 6.835 2.61 7.005L1.2 8.04L1.8 9.12L3.39 8.43C3.63 8.67 3.8975 8.875 4.1925 9.045C4.4875 9.215 4.8 9.34 5.13 9.42L5.34 11.1ZM6 7.95C6.54 7.95 7 7.76 7.38 7.38C7.76 7 7.95 6.54 7.95 6C7.95 5.46 7.76 5 7.38 4.62C7 4.24 6.54 4.05 6 4.05C5.46 4.05 5 4.24 4.62 4.62C4.24 5 4.05 5.46 4.05 6C4.05 6.54 4.24 7 4.62 7.38C5 7.76 5.46 7.95 6 7.95Z" fill="#E33AA9"/>
+</g>
+</svg>

package/dist/assets/images/Icons/trash.svg

@@ -0,0 +1,8 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_238_1737" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="14" height="14">
+<rect width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_238_1737)">
+<path d="M4.78333 10.5194L7.09722 8.16667L9.43056 10.5194L10.3444 9.58611L8.03056 7.23333L10.3444 4.88056L9.43056 3.94722L7.09722 6.3L4.78333 3.94722L3.85 4.88056L6.18333 7.23333L3.85 9.58611L4.78333 10.5194ZM2.83889 14C2.52778 14 2.25556 13.8833 2.02222 13.65C1.78889 13.4167 1.67222 13.1444 1.67222 12.8333V1.75H0.875V0.583333H4.53056V0H9.66389V0.583333H13.3194V1.75H12.5222V12.8333C12.5222 13.1444 12.4056 13.4167 12.1722 13.65C11.9389 13.8833 11.6667 14 11.3556 14H2.83889ZM11.3556 1.75H2.83889V12.8333H11.3556V1.75Z" fill="#B64545"/>
+</g>
+</svg>

package/dist/assets/images/Icons/undo.svg

@@ -0,0 +1,8 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_267_1812" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="14" height="14">
+<rect width="14" height="14" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_267_1812)">
+<path d="M2.16563 13.7083V12.3958H8.94688C9.96771 12.3958 10.8464 12.0567 11.5828 11.3786C12.3193 10.7004 12.6875 9.85825 12.6875 8.852C12.6875 7.84575 12.3193 7.00356 11.5828 6.32544C10.8464 5.64731 9.96771 5.30825 8.94688 5.30825H2.49375L4.9875 7.802L4.06875 8.72075L0 4.652L4.06875 0.583252L4.9875 1.502L2.49375 3.99575H8.925C10.3104 3.99575 11.5026 4.46242 12.5016 5.39575C13.5005 6.32909 14 7.48117 14 8.852C14 10.2228 13.5005 11.3749 12.5016 12.3083C11.5026 13.2416 10.3104 13.7083 8.925 13.7083H2.16563Z" fill="white"/>
+</g>
+</svg>

package/dist/assets/images/Icons/upload-file-white.svg

@@ -0,0 +1,4 @@
+
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="48" viewBox="0 0 40 48" fill="none">
+  <path d="M18.32 40.68H21.92V28.62L26.8401 33.54L29.3601 31.02L20 21.9L10.76 31.14L13.2801 33.66L18.32 28.62V40.68ZM4.40005 48C3.44005 48 2.60005 47.64 1.88005 46.92C1.16005 46.2 0.800049 45.36 0.800049 44.4V3.6C0.800049 2.64 1.16005 1.8 1.88005 1.08C2.60005 0.36 3.44005 0 4.40005 0H26.0601L39.2001 13.14V44.4C39.2001 45.36 38.84 46.2 38.1201 46.92C37.4001 47.64 36.5601 48 35.6001 48H4.40005ZM24.2601 14.76V3.6H4.40005V44.4H35.6001V14.76H24.2601Z" fill="#E33AA9"/>
+</svg>

package/dist/assets/images/Icons/upload-file.svg

@@ -0,0 +1,10 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="upload_file">
+<mask id="mask0_498_701" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="12" height="12">
+<rect id="Bounding box" x="0.5" y="0.5" width="11" height="11" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_498_701)">
+<path id="upload_file_2" d="M5.61485 9.8225H6.43985V7.05875L7.56735 8.18625L8.14485 7.60875L5.99985 5.51875L3.88235 7.63625L4.45985 8.21375L5.61485 7.05875V9.8225ZM2.42485 11.5C2.20485 11.5 2.01235 11.4175 1.84735 11.2525C1.68235 11.0875 1.59985 10.895 1.59985 10.675V1.325C1.59985 1.105 1.68235 0.9125 1.84735 0.7475C2.01235 0.5825 2.20485 0.5 2.42485 0.5H7.3886L10.3999 3.51125V10.675C10.3999 10.895 10.3174 11.0875 10.1524 11.2525C9.98735 11.4175 9.79485 11.5 9.57485 11.5H2.42485ZM6.9761 3.8825V1.325H2.42485V10.675H9.57485V3.8825H6.9761Z" fill="white"/>
+</g>
+</g>
+</svg>

package/dist/assets/images/Icons/upload_file.svg

@@ -0,0 +1,10 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="upload_file">
+<mask id="mask0_496_1928" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="48" height="48">
+<rect id="Bounding box" width="48" height="48" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_496_1928)">
+<path id="upload_file_2" d="M22.32 40.68H25.92V28.62L30.8401 33.54L33.3601 31.02L24 21.9L14.76 31.14L17.2801 33.66L22.32 28.62V40.68ZM8.40005 48C7.44005 48 6.60005 47.64 5.88005 46.92C5.16005 46.2 4.80005 45.36 4.80005 44.4V3.6C4.80005 2.64 5.16005 1.8 5.88005 1.08C6.60005 0.36 7.44005 0 8.40005 0H30.0601L43.2001 13.14V44.4C43.2001 45.36 42.84 46.2 42.1201 46.92C41.4001 47.64 40.5601 48 39.6001 48H8.40005ZM28.2601 14.76V3.6H8.40005V44.4H39.6001V14.76H28.2601Z" fill="#E33AA9"/>
+</g>
+</g>
+</svg>

package/dist/assets/images/Icons/warningv2.svg

@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.9988 35.9047C24.555 35.9047 25.0217 35.7166 25.3986 35.3403C25.7756 34.964 25.9641 34.4977 25.9641 33.9415C25.9641 33.3852 25.776 32.9186 25.3997 32.5416C25.0234 32.1646 24.5571 31.9761 24.0009 31.9761C23.4446 31.9761 22.978 32.1643 22.601 32.5406C22.224 32.9169 22.0355 33.3831 22.0355 33.9394C22.0355 34.4956 22.2237 34.9623 22.6 35.3392C22.9763 35.7162 23.4425 35.9047 23.9988 35.9047ZM22.3927 26.7976H25.9641V11.738H22.3927V26.7976ZM24.0157 47.8095C20.7326 47.8095 17.6473 47.1845 14.7597 45.9345C11.8722 44.6845 9.34705 42.9781 7.18436 40.8154C5.02166 38.6527 3.31531 36.1261 2.06531 33.2356C0.815308 30.3451 0.190308 27.2567 0.190308 23.9702C0.190308 20.6837 0.815308 17.5953 2.06531 14.7048C3.31531 11.8143 5.02166 9.29757 7.18436 7.15472C9.34705 5.01186 11.8737 3.31543 14.7642 2.06543C17.6547 0.81543 20.7431 0.19043 24.0296 0.19043C27.3161 0.19043 30.4045 0.81543 33.295 2.06543C36.1855 3.31543 38.7022 5.01186 40.8451 7.15472C42.9879 9.29757 44.6844 11.8174 45.9344 14.7142C47.1844 17.6111 47.8094 20.701 47.8094 23.9841C47.8094 27.2672 47.1844 30.3525 45.9344 33.2401C44.6844 36.1276 42.9879 38.6491 40.8451 40.8045C38.7022 42.9599 36.1824 44.6662 33.2855 45.9235C30.3887 47.1808 27.2988 47.8095 24.0157 47.8095ZM24.0296 44.238C29.6447 44.238 34.4165 42.2638 38.3451 38.3154C42.2736 34.367 44.2379 29.5853 44.2379 23.9702C44.2379 18.3551 42.2774 13.5833 38.3563 9.65472C34.4351 5.72614 29.6496 3.76186 23.9998 3.76186C18.4046 3.76186 13.6328 5.72241 9.68435 9.64353C5.73594 13.5647 3.76174 18.3502 3.76174 24C3.76174 29.5952 5.73594 34.367 9.68435 38.3154C13.6328 42.2638 18.4145 44.238 24.0296 44.238Z" fill="#B64545"/>
+</svg>

package/dist/assets/images/checkBox/checkrosa.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.2222 0H1.77778C0.791111 0 0 0.8 0 1.77778V14.2222C0 15.2 0.791111 16 1.77778 16H14.2222C15.2089 16 16 15.2 16 14.2222V1.77778C16 0.8 15.2089 0 14.2222 0ZM6.22222 12.4444L1.77778 8L3.03111 6.74667L6.22222 9.92889L12.9689 3.18222L14.2222 4.44444L6.22222 12.4444Z" fill="#E33AA9"/>
+</svg>

package/dist/assets/images/checkBox/checkverde.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.2222 0H1.77778C0.791111 0 0 0.8 0 1.77778V14.2222C0 15.2 0.791111 16 1.77778 16H14.2222C15.2089 16 16 15.2 16 14.2222V1.77778C16 0.8 15.2089 0 14.2222 0ZM6.22222 12.4444L1.77778 8L3.03111 6.74667L6.22222 9.92889L12.9689 3.18222L14.2222 4.44444L6.22222 12.4444Z" fill="#85BC5B"/>
+</svg>

package/dist/assets/images/flagsv2/highPriority.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 16H7.375V11H10L11 13H16V7H13L12 5H6V16ZM10 20C8.63333 20 7.34167 19.7375 6.125 19.2125C4.90833 18.6875 3.84583 17.9708 2.9375 17.0625C2.02917 16.1542 1.3125 15.0917 0.7875 13.875C0.2625 12.6583 0 11.3667 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.02917 3.825 2.9375 2.925C3.84583 2.025 4.90833 1.3125 6.125 0.7875C7.34167 0.2625 8.63333 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3667 19.7375 12.6583 19.2125 13.875C18.6875 15.0917 17.975 16.1542 17.075 17.0625C16.175 17.9708 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z" fill="#FC3030"/>
+</svg>

package/dist/assets/images/flagsv2/lowPriority.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 16H7.375V11H10L11 13H16V7H13L12 5H6V16ZM10 20C8.63333 20 7.34167 19.7375 6.125 19.2125C4.90833 18.6875 3.84583 17.9708 2.9375 17.0625C2.02917 16.1542 1.3125 15.0917 0.7875 13.875C0.2625 12.6583 0 11.3667 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.02917 3.825 2.9375 2.925C3.84583 2.025 4.90833 1.3125 6.125 0.7875C7.34167 0.2625 8.63333 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3667 19.7375 12.6583 19.2125 13.875C18.6875 15.0917 17.975 16.1542 17.075 17.0625C16.175 17.9708 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z" fill="#71DE56"/>
+</svg>

package/dist/assets/images/flagsv2/mediumPriority.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 16H7.375V11H10L11 13H16V7H13L12 5H6V16ZM10 20C8.63333 20 7.34167 19.7375 6.125 19.2125C4.90833 18.6875 3.84583 17.9708 2.9375 17.0625C2.02917 16.1542 1.3125 15.0917 0.7875 13.875C0.2625 12.6583 0 11.3667 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.02917 3.825 2.9375 2.925C3.84583 2.025 4.90833 1.3125 6.125 0.7875C7.34167 0.2625 8.63333 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3667 19.7375 12.6583 19.2125 13.875C18.6875 15.0917 17.975 16.1542 17.075 17.0625C16.175 17.9708 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z" fill="#EFD963"/>
+</svg>

package/dist/assets/images/flagsv2/noPriority.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 16H7.375V11H10L11 13H16V7H13L12 5H6V16ZM10 20C8.63333 20 7.34167 19.7375 6.125 19.2125C4.90833 18.6875 3.84583 17.9708 2.9375 17.0625C2.02917 16.1542 1.3125 15.0917 0.7875 13.875C0.2625 12.6583 0 11.3667 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.02917 3.825 2.9375 2.925C3.84583 2.025 4.90833 1.3125 6.125 0.7875C7.34167 0.2625 8.63333 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3667 19.7375 12.6583 19.2125 13.875C18.6875 15.0917 17.975 16.1542 17.075 17.0625C16.175 17.9708 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z" fill="#CBCBCB"/>
+</svg>

package/dist/assets/images/generalButton/closeIconWhite.svg

@@ -0,0 +1,4 @@
+<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<line x1="13.3585" y1="12.1333" x2="39.8661" y2="38.641" stroke="#FFFFFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M39.8672 12.1333L13.8672 38.1333" stroke="#FFFFFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/images/generalButton/closeIconv2.svg

@@ -0,0 +1,4 @@
+<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<line x1="13.3585" y1="12.1333" x2="39.8661" y2="38.641" stroke="#707070" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M39.8672 12.1333L13.8672 38.1333" stroke="#707070" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/images/generalButton/saveIconpink.svg

@@ -0,0 +1,3 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.76419 1.25748L8.05551 0.488358C7.76757 0.1754 7.37713 0 6.96975 0H1.05581C0.472617 0 0 0.512924 0 1.14586V8.85414C0 9.48708 0.472617 10 1.05581 10H8.15836C8.74156 10 9.21417 9.48708 9.21417 8.85414V2.43584C9.21417 1.99371 9.05256 1.56998 8.76419 1.25748ZM1.53567 2.60414V1.5625C1.53567 1.39 1.66467 1.25 1.82361 1.25H5.85482C6.01376 1.25 6.14276 1.39 6.14276 1.5625V2.60414C6.14276 2.77664 6.01376 2.91664 5.85482 2.91664H1.82361C1.66467 2.91664 1.53567 2.77664 1.53567 2.60414ZM4.60709 8.33336C3.65306 8.33336 2.87943 7.49374 2.87943 6.45836C2.87943 5.4229 3.65306 4.58336 4.60709 4.58336C5.56111 4.58336 6.33474 5.4229 6.33474 6.45836C6.33474 7.49374 5.56111 8.33336 4.60709 8.33336Z" fill="#E33AA9"/>
+</svg>

package/dist/components/atoms/Avatar/index.js

@@ -19,12 +19,13 @@ var Avatar = function Avatar(_ref) {
   var image = _ref.image,
       altText = _ref.altText,
       imageType = _ref.imageType,
-      onClick = _ref.onClick;
+      onClick = _ref.onClick,
+      fallbackImage = _ref.fallbackImage;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
     className: imageType,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactImageFallback.default, {
       src: image,
-      fallbackImage: _defaultProfileImage.default,
+      fallbackImage: fallbackImage || _defaultProfileImage.default,
       alt: altText,
       onClick: onClick
     })

package/dist/components/atoms/ButtonV2/ButtonV2.stories.js

@@ -20,7 +20,7 @@ var _default = {
   component: _index.ButtonV2,
   argTypes: {
     type: {
-      options: [undefined, "white", "whiteS2", "whiteS3", "whiteS4", "pink", "gray", "purple", "purpleS2", "black"],
+      options: [undefined, "white", "whiteS2", "whiteS3", "whiteS4", "pink", "gray", "purple", "purpleS2", "black", "red"],
       control: {
         type: "select"
       }

package/dist/components/atoms/ButtonV2/index.js

@@ -50,7 +50,7 @@ var ButtonV2 = function ButtonV2(props) {
     disabled: disabled,
     isLoading: isLoading,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
-      className: "button " + (["white", "whiteS2", "whiteS3", "whiteS4", "pink", "gray", "purple", "purpleS2", "black"].includes(type) ? type : "white") + (transparent ? " transparent" : " fill"),
+      className: "button " + (["white", "whiteS2", "whiteS3", "whiteS4", "pink", "gray", "purple", "purpleS2", "black", "red"].includes(type) ? type : "white") + (transparent ? " transparent" : " fill"),
       variant: "text",
       disabled: disabled || isLoading,
       onClick: /*#__PURE__*/function () {

package/dist/components/atoms/ButtonV2/styles.js

@@ -15,7 +15,7 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: fit-content;\n  padding: 0px;\n  cursor: ", ";\n  border-radius: ", ";\n  border: none;\n\n  .button {\n    --size: ", "px;\n    width: 100%;\n    min-width: min-content;\n    cursor: inherit;\n    display: flex;\n    flex-direction: ", ";\n    gap: 7px;\n    align-items: center;\n    justify-content: center;\n    padding: ", ";\n    border-radius: inherit;\n    border: ", ";\n    font-family: ", ", sans-serif;\n    font-size: var(--size);\n    line-height: 1.2;\n    text-transform: none;\n\n    // tipos de botones fill\n    &.fill {\n      &.white {\n        background-color: white;\n        color: #e33aa9;\n        border-color: #e33aa9;\n        &:hover {\n          background-color: #f4f4f4;\n        }\n      }\n      &.whiteS2 {\n        background-color: white;\n        color: #7b7979;\n        border-color: #f0f0f0;\n        &:hover {\n          background-color: #f4f4f4;\n        }\n      }\n      &.whiteS3 {\n        background-color: white;\n        color: #262626;\n        border-color: #f0f0f0;\n        &:hover {\n          background-color: #f4f4f4;\n        }\n      }\n      &.whiteS4 {\n        background-color: white;\n        color: #8a6caa;\n        border-color: #8a6caa;\n        &:hover {\n          background-color: #e0e0f1;\n        }\n      }\n      &.pink {\n        background-color: #e33aa9;\n        color: #f0f0f0;\n        border-color: #e33aa9;\n        &:hover {\n          background-color: #b42983;\n        }\n      }\n      &.gray {\n        background-color: #e8e5e5;\n        color: #262626;\n        border-color: #7b7979;\n        .icon,\n        .iconLoading {\n          color: #7b7979;\n        }\n        &:hover {\n          background-color: #d6d3d3;\n        }\n      }\n      &.purple {\n        background-color: #f7f7fc;\n        color: #8a6caa;\n        border-color: #8a6caa;\n        &:hover {\n          background-color: #e0e0f1;\n        }\n      }\n      &.purpleS2 {\n        background-color: #8a6caa;\n        color: white;\n        border-color: #8a6caa;\n        &:hover {\n          background-color: #61467e;\n        }\n      }\n    }\n\n    // tipos de botones transparent\n    &.transparent {\n      &:hover {\n        background-color: transparent;\n      }\n      &.white {\n        color: white;\n        border-color: #e33aa9;\n        &:hover {\n          color: #d6d4d4;\n        }\n      }\n      &.pink {\n        color: #e33aa9;\n        border-color: #e33aa9;\n        &:hover {\n          color: #b42983;\n        }\n      }\n      &.gray {\n        color: #262626;\n        border-color: #7b7979;\n        .icon,\n        .iconLoading {\n          color: #7b7979;\n          transition: inherit;\n        }\n        &:hover {\n          color: #7b7979;\n          .icon,\n          .iconLoading {\n            color: #bdbbbb;\n          }\n        }\n      }\n      &.purple {\n        color: #8a6caa;\n        border-color: #8a6caa;\n        &:hover {\n          color: #714f95;\n        }\n      }\n      &.black {\n        color: #262626;\n        border-color: #262626;\n        &:hover {\n          color: #7b7979;\n        }\n      }\n    }\n\n    .icon,\n    .iconLoading {\n      display: grid;\n      place-items: center;\n      color: inherit;\n      font-size: ", ";\n    }\n    .iconLoading {\n      font-size: ", ";\n    }\n\n    // mismo estilo desabilitado para cualquier tipo de boton\n    &:disabled {\n      background-color: #fcebf7 !important;\n      color: #7b7979 !important;\n      border-color: #7b7979 !important;\n\n      .icon {\n        color: #9e9c9c !important;\n      }\n      .iconLoading {\n        color: #9e2674 !important;\n      }\n\n      &:hover {\n        background-color: #fcebf7 !important;\n      }\n    }\n  }\n"])), function (_ref) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: fit-content;\n  padding: 0px;\n  cursor: ", ";\n  border-radius: ", ";\n  border: none;\n\n  .button {\n    --size: ", "px;\n    width: 100%;\n    min-width: min-content;\n    cursor: inherit;\n    display: flex;\n    flex-direction: ", ";\n    gap: 7px;\n    align-items: center;\n    justify-content: center;\n    padding: ", ";\n    border-radius: inherit;\n    border: ", ";\n    font-family: ", ", sans-serif;\n    font-size: var(--size);\n    line-height: 1.2;\n    text-transform: none;\n\n    // tipos de botones fill\n    &.fill {\n      &.white {\n        background-color: white;\n        color: #e33aa9;\n        border-color: #e33aa9;\n        &:hover {\n          background-color: #f4f4f4;\n        }\n      }\n      &.whiteS2 {\n        background-color: white;\n        color: #7b7979;\n        border-color: #f0f0f0;\n        &:hover {\n          background-color: #f4f4f4;\n        }\n      }\n      &.whiteS3 {\n        background-color: white;\n        color: #262626;\n        border-color: #f0f0f0;\n        &:hover {\n          background-color: #f4f4f4;\n        }\n      }\n      &.whiteS4 {\n        background-color: white;\n        color: #8a6caa;\n        border-color: #8a6caa;\n        &:hover {\n          background-color: #e0e0f1;\n        }\n      }\n      &.pink {\n        background-color: #e33aa9;\n        color: #f0f0f0;\n        border-color: #e33aa9;\n        &:hover {\n          background-color: #b42983;\n        }\n      }\n      &.gray {\n        background-color: #e8e5e5;\n        color: #262626;\n        border-color: #7b7979;\n        .icon,\n        .iconLoading {\n          color: #7b7979;\n        }\n        &:hover {\n          background-color: #d6d3d3;\n        }\n      }\n      &.purple {\n        background-color: #f7f7fc;\n        color: #8a6caa;\n        border-color: #8a6caa;\n        &:hover {\n          background-color: #e0e0f1;\n        }\n      }\n      &.purpleS2 {\n        background-color: #8a6caa;\n        color: white;\n        border-color: #8a6caa;\n        &:hover {\n          background-color: #61467e;\n        }\n      }\n      &.red {\n        background-color: #B64545;\n        color: white;\n        border-color: #B64545;\n        &:hover {\n          background-color: 9C4646;\n        }\n      }\n    }\n\n    // tipos de botones transparent\n    &.transparent {\n      &:hover {\n        background-color: transparent;\n      }\n      &.white {\n        color: white;\n        border-color: #e33aa9;\n        &:hover {\n          color: #d6d4d4;\n        }\n      }\n      &.pink {\n        color: #e33aa9;\n        border-color: #e33aa9;\n        &:hover {\n          color: #b42983;\n        }\n      }\n      &.gray {\n        color: #262626;\n        border-color: #7b7979;\n        .icon,\n        .iconLoading {\n          color: #7b7979;\n          transition: inherit;\n        }\n        &:hover {\n          color: #7b7979;\n          .icon,\n          .iconLoading {\n            color: #bdbbbb;\n          }\n        }\n      }\n      &.purple {\n        color: #8a6caa;\n        border-color: #8a6caa;\n        &:hover {\n          color: #714f95;\n        }\n      }\n      &.black {\n        color: #262626;\n        border-color: #262626;\n        &:hover {\n          color: #7b7979;\n        }\n      }\n      &.red {\n        background-color: #B64545;\n        color: white;\n        border-color: #B64545;\n        &:hover {\n          background-color: 9C4646;\n        }\n      }\n    }\n\n    .icon,\n    .iconLoading {\n      display: grid;\n      place-items: center;\n      color: inherit;\n      font-size: ", ";\n    }\n    .iconLoading {\n      font-size: ", ";\n    }\n\n    // mismo estilo desabilitado para cualquier tipo de boton\n    &:disabled {\n      background-color: #fcebf7 !important;\n      color: #7b7979 !important;\n      border-color: #7b7979 !important;\n\n      .icon {\n        color: #9e9c9c !important;\n      }\n      .iconLoading {\n        color: #9e2674 !important;\n      }\n\n      &:hover {\n        background-color: #fcebf7 !important;\n      }\n    }\n  }\n"])), function (_ref) {
   var disabled = _ref.disabled,
       isLoading = _ref.isLoading;
   return disabled || isLoading ? "not-allowed" : "pointer";

package/dist/components/atoms/CharsMissing/Wysiwyg.stories.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DefaultCharsMissing = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _index = require("./index");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _default = {
+  title: "Components/atoms/CharsMissing",
+  component: _index.CharsMissing
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CharsMissing, (0, _objectSpread2.default)({}, args));
+};
+
+var DefaultCharsMissing = Template.bind({});
+exports.DefaultCharsMissing = DefaultCharsMissing;
+DefaultCharsMissing.args = {
+  text: "hola mundo"
+};

package/dist/components/atoms/CharsMissing/index.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CharsMissing = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _reactQuill = _interopRequireDefault(require("react-quill"));
+
+require("react-quill/dist/quill.snow.css");
+
+var _react = require("react");
+
+var _styles = require("./styles");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var CharsMissing = function CharsMissing(_ref) {
+  var _ref$mainValue = _ref.mainValue,
+      mainValue = _ref$mainValue === void 0 ? "" : _ref$mainValue,
+      inputId = _ref.inputId,
+      articleId = _ref.articleId,
+      updatedDescriptions = _ref.updatedDescriptions,
+      setUpdatedDescriptions = _ref.setUpdatedDescriptions,
+      isRequired = _ref.isRequired,
+      maxChar = _ref.maxChar;
+
+  var _useState = (0, _react.useState)(mainValue),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      inputValue = _useState2[0],
+      setInputValue = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      selection = _useState4[0],
+      setSelection = _useState4[1];
+
+  var _useState5 = (0, _react.useState)({
+    left: 0,
+    top: 0
+  }),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      position = _useState6[0],
+      setPosition = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(0),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      charsCounter = _useState8[0],
+      setCharsCounter = _useState8[1];
+
+  var _useState9 = (0, _react.useState)({}),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      quillState = _useState10[0],
+      setQuillState = _useState10[1];
+
+  var maxLength = maxChar ? maxChar : 999;
+
+  var getValue = function getValue(value) {
+    var temp = value.replace(/\n/gm, "<br>").replace(/\&nbsp;/gm, " ").replace(/\&amp;/gm, "&");
+    return temp;
+  }; //const quillRef = useRef();
+
+
+  var setQuill = function setQuill(ref) {
+    if (!ref || ref === null) return;
+    if (typeof ref.getEditor !== "function") return;
+    setQuillState(ref.getEditor());
+  };
+
+  var valueFormater = function valueFormater(value) {
+    return value.replace(/<\/p><p>/gm, "\n").replace(/<\/?br>|<\/?p>/gm, "").replace(/\&nbsp;/gm, " ").replace(/\&amp;/gm, "&");
+  };
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    isRequired: isRequired && (inputValue.replace(/<.*?>/gm, "").length === 0 || !inputValue),
+    selection: selection,
+    position: position,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+      className: "description-limit",
+      children: ["C. ", charsCounter, "/", maxLength]
+    })
+  });
+};
+
+exports.CharsMissing = CharsMissing;

package/dist/components/atoms/CharsMissing/styles.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _variables = require("../../../global-files/variables");
+
+var _templateObject;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .description-limit {\n    font-size: 8px;\n    font-family: ", ", sans-serif;\n    color: ", ";\n  }\n  .quill {\n    background-color: ", ";\n    border: 1px solid\n      ", ";\n    position: relative;\n    border-radius: 5px;\n\n    .ql-toolbar {\n      background-color: ", ";\n      position: absolute;\n      z-index: 10;\n      border: 1px solid ", ";\n      width: 45px;\n      height: 45px;\n      border-radius: 4px;\n      visibility: ", ";\n      top: ", "px;\n      left: ", "px;\n    }\n\n    .ql-container {\n      border: none;\n      font-family: ", ";\n      color: ", ";\n      strong {\n        font-family: ", ";\n      }\n\n      .ql-editor{\n        padding: 8px 10px;\n      }\n    }\n  }\n"])), _variables.FontFamily.Roboto, _variables.GlobalColors.gray_medium, _variables.GlobalColors.white, function (_ref) {
+  var focus = _ref.focus,
+      isRequired = _ref.isRequired;
+  return focus ? _variables.GlobalColors.magenta_s2 : isRequired ? "red" : _variables.GlobalColors.gray_light;
+}, _variables.GlobalColors.s2, _variables.GlobalColors.gray_light, function (_ref2) {
+  var selection = _ref2.selection;
+  return selection ? "visible" : "hidden";
+}, function (_ref3) {
+  var position = _ref3.position;
+  return position.top;
+}, function (_ref4) {
+  var position = _ref4.position;
+  return position.left;
+}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.FontFamily.Raleway_900);
+
+exports.Container = Container;

package/dist/components/atoms/CheckBox/CheckBox.stories.js

@@ -20,6 +20,12 @@ var _default = {
     isFilter: {
       options: [true, false],
       type: "boolean"
+    },
+    typeColor: {
+      options: ["purple", "green", "pink"],
+      control: {
+        type: "select"
+      }
     }
   }
 };
@@ -33,5 +39,6 @@ var CheckBoxDefault = Template.bind({});
 exports.CheckBoxDefault = CheckBoxDefault;
 CheckBoxDefault.args = {
   id: "chk-default",
-  label: "chk-default"
+  label: "chk-default",
+  typeColor: "purple"
 };

package/dist/components/atoms/CheckBox/index.js

@@ -1,10 +1,16 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CheckBox = void 0;
 
+var _react = _interopRequireDefault(require("react"));
+
+var _CheckBox = _interopRequireDefault(require("@mui/icons-material/CheckBox"));
+
 var _styles = require("./styles");
 
 var _jsxRuntime = require("react/jsx-runtime");
@@ -18,10 +24,12 @@ var CheckBox = function CheckBox(_ref) {
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       checked = _ref.checked,
+      typeColor = _ref.typeColor,
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? "" : _ref$className;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     className: className,
+    typeColor: typeColor,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
       type: "checkbox",
       name: id,

package/dist/components/atoms/CheckBox/styles.js

@@ -13,12 +13,19 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _checked = _interopRequireDefault(require("../../../assets/images/checkBox/checked.svg"));
 
+var _checkverde = _interopRequireDefault(require("../../../assets/images/checkBox/checkverde.svg"));
+
+var _checkrosa = _interopRequireDefault(require("../../../assets/images/checkBox/checkrosa.svg"));
+
 var _unchecked = _interopRequireDefault(require("../../../assets/images/checkBox/unchecked.svg"));
 
 var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  input {\n    display: none;\n    &:checked + label {\n      &:before {\n        background-color: ", ";\n        background-image: url(", ");\n      }\n    }\n  }\n\n  label {\n    position: relative;\n    min-height: 16px;\n    min-width: 16px;\n    display: inline-block;\n\n    p {\n      display: inline;\n      color: ", ";\n      font-family: ", ";\n      font-weight: 500;\n      font-size: 13px;\n      line-height: 21px;\n      margin-left: 20px;\n\n      &.filter-text {\n        color: ", ";\n        font-size: 18px;\n        line-height: 24px;\n        margin-left: 23px;\n      }\n    }\n\n    &:before {\n      content: \"\";\n      width: 16px;\n      height: 16px;\n      position: absolute;\n      display: inline-block;\n      top: 50%;\n      transform: translateY(-50%);\n      background-image: url(", ");\n    }\n  }\n"])), _variables.GlobalColors.white, _checked.default, _variables.GlobalColors.s4, _variables.FontFamily.AvenirNext, _variables.GlobalColors.magenta_s2, _unchecked.default);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  input {\n    display: none;\n    &:checked + label {\n      &:before {\n        background-color: ", ";\n        background-image: ", "\n      } \n    }\n  }\n\n  label {\n    position: relative;\n    min-height: 16px;\n    min-width: 16px;\n    display: inline-block;\n\n    p {\n      display: inline;\n      color: ", ";\n      font-family: ", ";\n      font-weight: 500;\n      font-size: 13px;\n      line-height: 21px;\n      margin-left: 20px;\n\n      &.filter-text {\n        color: ", ";\n        font-size: 18px;\n        line-height: 24px;\n        margin-left: 23px;\n      }\n    }\n\n    &:before {\n      content: \"\";\n      width: 16px;\n      height: 16px;\n      position: absolute;\n      display: inline-block;\n      top: 50%;\n      transform: translateY(-50%);\n      background-image: url(", ");\n      z-index: 5;\n      cursor: pointer;\n    }\n  }\n"])), _variables.GlobalColors.white, function (_ref) {
+  var typeColor = _ref.typeColor;
+  return typeColor === "purple" ? "url(".concat(_checked.default, ")") : typeColor === "green" ? "url(".concat(_checkverde.default, ")") : "url(".concat(_checkrosa.default, ")");
+}, _variables.GlobalColors.s4, _variables.FontFamily.AvenirNext, _variables.GlobalColors.magenta_s2, _unchecked.default);
 
 exports.Container = Container;