| 1 |
import { memo } from "@wordpress/element"; |
| 2 |
import { __ } from "@wordpress/i18n"; |
| 3 |
export const LibraryIcon = () => ( |
| 4 |
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"> |
| 5 |
<g clipPath="url(#clip0_20469_155509)"> |
| 6 |
<path |
| 7 |
d="M3.43322e-05 14.6971C3.43322e-05 13.8686 0.671606 13.1971 1.50003 13.1971L9.30002 13.1971C10.1284 13.1971 10.8 13.8686 10.8 14.6971L10.8 22.4971C10.8 23.3255 10.1284 23.9971 9.30002 23.9971H1.50003C0.671606 23.9971 3.43322e-05 23.3255 3.43322e-05 22.4971L3.43322e-05 14.6971Z" |
| 8 |
fill="currentColor" |
| 9 |
/> |
| 10 |
<path |
| 11 |
d="M13.2 5.39707C13.2 2.41473 15.6177 -0.00292969 18.6 -0.00292969C21.5823 -0.00292969 24 2.41473 24 5.39707C24 8.37941 21.5823 10.7971 18.6 10.7971C15.6177 10.7971 13.2 8.37941 13.2 5.39707Z" |
| 12 |
fill="currentColor" |
| 13 |
/> |
| 14 |
<path |
| 15 |
d="M0 1.49707C0 0.668643 0.671572 -0.00292969 1.5 -0.00292969L9.29999 -0.00292969C10.1284 -0.00292969 10.8 0.668643 10.8 1.49707L10.8 9.29707C10.8 10.1255 10.1284 10.7971 9.29999 10.7971L1.5 10.7971C0.671572 10.7971 0 10.1255 0 9.29707L0 1.49707Z" |
| 16 |
fill="currentColor" |
| 17 |
/> |
| 18 |
<path |
| 19 |
d="M13.2 14.7971C13.2 14.3553 13.5582 13.9971 14 13.9971L23.2 13.9971C23.6418 13.9971 24 14.3553 24 14.7971C24 15.2389 23.6418 15.5971 23.2 15.5971L14 15.5971C13.5582 15.5971 13.2 15.2389 13.2 14.7971Z" |
| 20 |
fill="currentColor" |
| 21 |
/> |
| 22 |
<path |
| 23 |
d="M13.2 18.6051C13.2 18.1633 13.5582 17.8051 14 17.8051H23.2C23.6418 17.8051 24 18.1633 24 18.6051C24 19.0469 23.6418 19.4051 23.2 19.4051H14C13.5582 19.4051 13.2 19.0469 13.2 18.6051Z" |
| 24 |
fill="currentColor" |
| 25 |
/> |
| 26 |
<path |
| 27 |
d="M13.2 22.4131C13.2 21.9713 13.5582 21.6131 14 21.6131H23.2C23.6418 21.6131 24 21.9713 24 22.4131C24 22.8549 23.6418 23.2131 23.2 23.2131H14C13.5582 23.2131 13.2 22.8549 13.2 22.4131Z" |
| 28 |
fill="currentColor" |
| 29 |
/> |
| 30 |
</g> |
| 31 |
<defs> |
| 32 |
<clipPath id="clip0_20469_155509"> |
| 33 |
<rect width="24" height="24" fill="currentColor" /> |
| 34 |
</clipPath> |
| 35 |
</defs> |
| 36 |
</svg> |
| 37 |
); |
| 38 |
|
| 39 |
export const CloseIcon = () => ( |
| 40 |
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none"> |
| 41 |
<path |
| 42 |
d="M6.36397 7.77819L11.3137 12.7279L12.7279 11.3137L7.77819 6.36397L12.7279 1.41423L11.3137 1.1603e-05L6.36397 4.94976L1.41421 0L0 1.41421L4.94976 6.36397L1.18415e-05 11.3137L1.41423 12.7279L6.36397 7.77819Z" |
| 43 |
fill="currentColor" |
| 44 |
/> |
| 45 |
</svg> |
| 46 |
); |
| 47 |
export const RotateIcon = () => ( |
| 48 |
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"> |
| 49 |
<path |
| 50 |
d="M6.1443 6.15055C9.34843 2.94642 14.6518 2.94642 17.8559 6.15055L15.3147 8.69176H21.9439V2.06256L19.8446 4.16179C15.5357 -0.147191 8.46452 -0.147191 4.15554 4.16179C1.72485 6.59248 0.730475 9.90708 1.06193 13.1112H3.82408C3.49262 10.6805 4.26601 8.02884 6.1443 6.15055Z" |
| 51 |
fill="currentColor" |
| 52 |
/> |
| 53 |
<path |
| 54 |
d="M22.9366 10.9017H20.1745C20.5059 13.3324 19.7325 15.9841 17.8542 17.8624C14.6501 21.0665 9.34676 21.0665 6.14268 17.8624L8.68389 15.3212H2.05469V21.9504L4.15392 19.8512C8.4629 24.1601 15.4236 24.1601 19.7325 19.8512C22.2737 17.4205 23.2681 14.1059 22.9366 10.9017Z" |
| 55 |
fill="currentColor" |
| 56 |
/> |
| 57 |
</svg> |
| 58 |
); |
| 59 |
export const SearchIcon = () => ( |
| 60 |
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="currentColor"> |
| 61 |
<path |
| 62 |
d="M16.9438 16.0577L13.0321 12.1468C14.1659 10.7856 14.7312 9.03977 14.6106 7.27238C14.4899 5.50499 13.6925 3.85217 12.3843 2.65772C11.076 1.46328 9.35761 0.819195 7.58657 0.859445C5.81553 0.899695 4.12818 1.62118 2.87554 2.87383C1.62289 4.12647 0.901404 5.81382 0.861154 7.58486C0.820904 9.35591 1.46499 11.0743 2.65943 12.3825C3.85387 13.6908 5.5067 14.4882 7.27409 14.6089C9.04148 14.7295 10.7874 14.1642 12.1485 13.0304L16.0595 16.9421C16.1175 17.0002 16.1865 17.0463 16.2623 17.0777C16.3382 17.1091 16.4195 17.1253 16.5016 17.1253C16.5838 17.1253 16.6651 17.1091 16.741 17.0777C16.8168 17.0463 16.8858 17.0002 16.9438 16.9421C17.0019 16.8841 17.048 16.8151 17.0794 16.7392C17.1108 16.6634 17.127 16.5821 17.127 16.4999C17.127 16.4178 17.1108 16.3365 17.0794 16.2606C17.048 16.1848 17.0019 16.1158 16.9438 16.0577ZM2.12664 7.74993C2.12664 6.63741 2.45654 5.54988 3.07463 4.62485C3.69271 3.69982 4.57121 2.97885 5.59905 2.55311C6.62688 2.12737 7.75788 2.01598 8.84903 2.23302C9.94017 2.45006 10.9424 2.98579 11.7291 3.77246C12.5158 4.55913 13.0515 5.56141 13.2686 6.65255C13.4856 7.74369 13.3742 8.87469 12.9485 9.90253C12.5227 10.9304 11.8018 11.8089 10.8767 12.427C9.9517 13.045 8.86416 13.3749 7.75164 13.3749C6.26031 13.3733 4.83053 12.7801 3.77599 11.7256C2.72146 10.6711 2.1283 9.24127 2.12664 7.74993Z" |
| 63 |
fill="currentColor" |
| 64 |
/> |
| 65 |
</svg> |
| 66 |
); |
| 67 |
|
| 68 |
export const GridTwoColIcon = () => ( |
| 69 |
<svg |
| 70 |
xmlns="http://www.w3.org/2000/svg" |
| 71 |
width="24" |
| 72 |
height="24" |
| 73 |
viewBox="0 0 24 24" |
| 74 |
role="img" |
| 75 |
aria-label="2x2 grid filled" |
| 76 |
> |
| 77 |
<rect x="3" y="3" width="8" height="8" rx="1" fill="currentColor" /> |
| 78 |
<rect x="13" y="3" width="8" height="8" rx="1" fill="currentColor" /> |
| 79 |
<rect x="3" y="13" width="8" height="8" rx="1" fill="currentColor" /> |
| 80 |
<rect x="13" y="13" width="8" height="8" rx="1" fill="currentColor" /> |
| 81 |
</svg> |
| 82 |
); |
| 83 |
|
| 84 |
export const GridThreeColIcon = () => ( |
| 85 |
<svg |
| 86 |
xmlns="http://www.w3.org/2000/svg" |
| 87 |
width="24" |
| 88 |
height="24" |
| 89 |
viewBox="0 0 24 24" |
| 90 |
role="img" |
| 91 |
aria-label="3x3 grid filled" |
| 92 |
> |
| 93 |
<rect x="2" y="2" width="6" height="6" rx="1" fill="currentColor" /> |
| 94 |
<rect x="9" y="2" width="6" height="6" rx="1" fill="currentColor" /> |
| 95 |
<rect x="16" y="2" width="6" height="6" rx="1" fill="currentColor" /> |
| 96 |
<rect x="2" y="9" width="6" height="6" rx="1" fill="currentColor" /> |
| 97 |
<rect x="9" y="9" width="6" height="6" rx="1" fill="currentColor" /> |
| 98 |
<rect x="16" y="9" width="6" height="6" rx="1" fill="currentColor" /> |
| 99 |
<rect x="2" y="16" width="6" height="6" rx="1" fill="currentColor" /> |
| 100 |
<rect x="9" y="16" width="6" height="6" rx="1" fill="currentColor" /> |
| 101 |
<rect x="16" y="16" width="6" height="6" rx="1" fill="currentColor" /> |
| 102 |
</svg> |
| 103 |
); |
| 104 |
|
| 105 |
export const HeartIcon = () => ( |
| 106 |
<svg |
| 107 |
width="34" |
| 108 |
height="24" |
| 109 |
viewBox="0 0 20 20" |
| 110 |
fill="none" |
| 111 |
stroke="currentColor" |
| 112 |
strokeWidth="2" |
| 113 |
xmlns="http://www.w3.org/2000/svg" |
| 114 |
> |
| 115 |
<path |
| 116 |
d="M10 17.5l-1.45-1.32C4.4 12.36 2 10.28 2 7.5 2 5.42 3.42 4 5.5 4c1.54 0 3.04 1 3.57 2.36h1.87C11.46 5 12.96 4 14.5 4 16.58 4 18 5.42 18 7.5c0 2.78-2.4 4.86-6.55 8.68L10 17.5z" |
| 117 |
fill="none" |
| 118 |
/> |
| 119 |
</svg> |
| 120 |
); |
| 121 |
export const HeartIconFull = () => ( |
| 122 |
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="21" viewBox="0 0 23 21" fill="currentColor"> |
| 123 |
<path |
| 124 |
d="M20.2913 2.61183C19.7805 2.10083 19.1741 1.69547 18.5066 1.41891C17.8392 1.14235 17.1238 1 16.4013 1C15.6788 1 14.9634 1.14235 14.2959 1.41891C13.6285 1.69547 13.022 2.10083 12.5113 2.61183L11.4513 3.67183L10.3913 2.61183C9.3596 1.58013 7.96032 1.00053 6.50129 1.00053C5.04226 1.00053 3.64298 1.58013 2.61129 2.61183C1.5796 3.64352 1 5.04279 1 6.50183C1 7.96086 1.5796 9.36013 2.61129 10.3918L11.4513 19.2318L20.2913 10.3918C20.8023 9.88107 21.2076 9.27464 21.4842 8.60718C21.7608 7.93972 21.9031 7.22431 21.9031 6.50183C21.9031 5.77934 21.7608 5.06393 21.4842 4.39647C21.2076 3.72901 20.8023 3.12258 20.2913 2.61183Z" |
| 125 |
fill="currentColor" |
| 126 |
stroke="currentColor" |
| 127 |
strokeWidth="2" |
| 128 |
strokeLinecap="round" |
| 129 |
strokeLinejoin="round" |
| 130 |
/> |
| 131 |
</svg> |
| 132 |
); |
| 133 |
export const LibraryButtonIcon = () => ( |
| 134 |
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> |
| 135 |
<rect width="20" height="20" rx="2.5" fill="white" /> |
| 136 |
<path |
| 137 |
d="M3.5 11.6646C3.5 11.1037 3.95471 10.649 4.51562 10.649H8.33437C8.89529 10.649 9.35 11.1037 9.35 11.6646V15.4834C9.35 16.0443 8.89529 16.499 8.33437 16.499H4.51563C3.95471 16.499 3.5 16.0443 3.5 15.4834V11.6646Z" |
| 138 |
fill="#6F22DD" |
| 139 |
/> |
| 140 |
<path |
| 141 |
d="M10.65 6.42402C10.65 4.80859 11.9596 3.49902 13.575 3.49902C15.1904 3.49902 16.5 4.80859 16.5 6.42402C16.5 8.03946 15.1904 9.34902 13.575 9.34902C11.9596 9.34902 10.65 8.03946 10.65 6.42402Z" |
| 142 |
fill="#6F22DD" |
| 143 |
/> |
| 144 |
<path |
| 145 |
d="M3.5 4.51465C3.5 3.95373 3.95471 3.49902 4.51562 3.49902H8.33437C8.89529 3.49902 9.35 3.95373 9.35 4.51465V8.3334C9.35 8.89431 8.89529 9.34902 8.33437 9.34902H4.51563C3.95471 9.34902 3.5 8.89431 3.5 8.3334V4.51465Z" |
| 146 |
fill="#6F22DD" |
| 147 |
/> |
| 148 |
<rect x="10.6484" y="15.1989" width="5.85" height="0.866667" rx="0.433333" fill="#6F22DD" /> |
| 149 |
<rect x="10.6484" y="11.082" width="5.85" height="0.866667" rx="0.433333" fill="#6F22DD" /> |
| 150 |
<rect x="10.6484" y="13.0321" width="5.85" height="0.866667" rx="0.433333" fill="#6F22DD" /> |
| 151 |
</svg> |
| 152 |
); |
| 153 |
|
| 154 |
export const ImportIcon = () => ( |
| 155 |
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> |
| 156 |
<path |
| 157 |
d="M7.37544 2C7.37544 1.65482 7.65526 1.375 8.00044 1.375C8.34562 1.375 8.62544 1.65482 8.62544 2V9.49121L11.5356 6.58105C11.7797 6.33698 12.1753 6.33698 12.4194 6.58105C12.6635 6.82513 12.6635 7.22077 12.4194 7.46484L8.44282 11.4424C8.19875 11.6865 7.80214 11.6865 7.55806 11.4424L3.5815 7.46484C3.33742 7.22077 3.33742 6.82513 3.5815 6.58105C3.82557 6.33698 4.22121 6.33698 4.46528 6.58105L7.37544 9.49121V2Z" |
| 158 |
fill="white" |
| 159 |
/> |
| 160 |
<path |
| 161 |
d="M1.375 13V10C1.375 9.65482 1.65482 9.375 2 9.375C2.34518 9.375 2.625 9.65482 2.625 10V13C2.625 13.2071 2.79289 13.375 3 13.375H13C13.2071 13.375 13.375 13.2071 13.375 13V10C13.375 9.65482 13.6548 9.375 14 9.375C14.3452 9.375 14.625 9.65482 14.625 10V13C14.625 13.8975 13.8975 14.625 13 14.625H3C2.10254 14.625 1.375 13.8975 1.375 13Z" |
| 162 |
fill="white" |
| 163 |
/> |
| 164 |
</svg> |
| 165 |
); |
| 166 |
|
| 167 |
export const ProBadgeIcon = () => ( |
| 168 |
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> |
| 169 |
<path |
| 170 |
d="M10.2168 6.01685C10.4052 6.36235 10.7221 6.62112 11.1104 6.70239C11.5047 6.7848 11.908 6.66835 12.2129 6.38892C12.6721 5.96794 13.1316 5.54719 13.5908 5.12622C13.9105 4.83318 14.2301 4.53939 14.5498 4.24634C14.2969 6.25538 14.0439 8.26462 13.791 10.2737H2.22266C1.96972 8.26422 1.71583 6.25481 1.46289 4.24536C2.24239 4.9599 3.02238 5.67449 3.80176 6.38892C4.10679 6.66852 4.50974 6.785 4.9043 6.70239C5.29249 6.62111 5.60845 6.36227 5.79688 6.01685L8.00684 1.96509L10.2168 6.01685Z" |
| 171 |
stroke="white" |
| 172 |
strokeWidth="1.3545" |
| 173 |
/> |
| 174 |
<path |
| 175 |
d="M13.7234 14.8507H2.29045C1.92294 14.8507 1.625 14.4866 1.625 14.0374V12.2507H14.3889V14.0374C14.3888 14.4866 14.0909 14.8507 13.7234 14.8507Z" |
| 176 |
fill="currentColor" |
| 177 |
/> |
| 178 |
</svg> |
| 179 |
); |
| 180 |
// Preview Icon Component. |
| 181 |
export const PreviewIcon = memo(() => ( |
| 182 |
<> |
| 183 |
<i className="dashicons dashicons-visibility" /> |
| 184 |
{__("Live Preview", "post-carousel")} |
| 185 |
</> |
| 186 |
)); |
| 187 |
|
