@rogieking/figui3 6.24.1 → 6.24.3

package/README.md

@@ -1435,12 +1435,13 @@ Masked icon using `--icon-16-*` and `--icon-24-*` design tokens (SVG artboard si
 
 | Attribute | Type | Default | Description |
 |---|---|---|---|
-| `name` | string | — | Icon name: `add`, `close`, `chevron`, `arrow-left`, etc. |
+| `name` | string | — | Icon name: `add`, `send`, `close`, `chevron`, `arrow-left`, etc. |
 | `size` | string | `medium` | `medium` (1.5rem) or `small` (1rem) |
 | `color` | string | — | Icon fill (`background-color`), e.g. `var(--figma-color-icon)` |
 
 ```html
 <fig-icon name="close"></fig-icon>
+<fig-icon name="send"></fig-icon>
 <fig-icon name="chevron" size="small"></fig-icon>
 ```
 

package/components.css

@@ -384,7 +384,8 @@
   --icon-16-settings: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.31951 2.0081C8.63957 2.02541 8.95246 2.06727 9.25717 2.13234C9.2583 2.13285 9.36317 2.16083 9.37434 2.16381C9.86377 2.31521 10.1341 2.72145 10.2216 3.10097C10.2215 3.11507 10.2503 3.27344 10.2503 3.27344C10.2503 3.2735 10.2738 3.39069 10.2738 3.39069C10.311 3.50552 10.3889 3.60576 10.5002 3.67049C10.5021 3.67258 10.5989 3.71411 10.6088 3.71839C10.7275 3.75177 10.8515 3.74099 10.9611 3.68991C10.9645 3.68638 11.1103 3.63071 11.1242 3.6254C11.4964 3.51228 11.9813 3.54148 12.3574 3.88434C12.3628 3.8861 12.4389 3.96209 12.4452 3.96834C12.4453 3.96838 12.6484 4.21056 12.6484 4.21056C13.1165 4.78066 13.4804 5.44161 13.7121 6.16246C13.7149 6.17767 13.7423 6.28045 13.7425 6.28125C13.8537 6.7773 13.638 7.21289 13.353 7.47774C13.3387 7.48737 13.219 7.58594 13.219 7.58594C13.1002 7.66994 13.0226 7.79446 13.0041 7.93741C13.0003 7.9375 13.0003 8.0625 13.0003 8.0625C13.0209 8.20342 13.0968 8.3265 13.2097 8.40716C13.2124 8.40722 13.3418 8.50782 13.3513 8.5152C13.6316 8.78218 13.8484 9.21484 13.7414 9.7107C13.7401 9.71973 13.7112 9.82812 13.7112 9.82812C13.4814 10.5549 13.1173 11.2176 12.6503 11.7903C12.6345 11.806 12.4456 12.0312 12.4456 12.0312C12.0587 12.4531 11.5262 12.4978 11.1256 12.374C11.1113 12.3697 10.9612 12.3125 10.9612 12.3125C10.8714 12.2692 10.774 12.2547 10.6802 12.267C10.669 12.2686 10.594 12.2891 10.594 12.2891C10.5828 12.2912 10.5702 12.2967 10.5546 12.3038C10.535 12.3127 10.5177 12.3209 10.5007 12.329C10.4925 12.3337 10.4456 12.3672 10.4456 12.3672C10.3352 12.4513 10.2694 12.5733 10.2536 12.703C10.2503 12.7031 10.2503 12.8359 10.2503 12.8359C10.2442 13.3005 9.95141 13.6315 9.61658 13.7713C9.60265 13.7784 9.47686 13.8203 9.47686 13.8203C9.11934 13.9072 8.75211 13.9651 8.37555 13.9884C8.34697 13.9856 8.0003 14 8.0003 14C7.6749 13.9999 7.35708 13.9743 7.04672 13.9247C7.0243 13.9178 6.74249 13.8672 6.74249 13.8672C6.09697 13.7294 5.78931 13.1754 5.74986 12.7268C5.73805 12.5892 5.67401 12.4628 5.56973 12.375C5.55432 12.368 5.54439 12.3624 5.53419 12.3567C5.49568 12.335 5.45758 12.3137 5.42943 12.2979C5.29224 12.2472 5.15454 12.2569 5.03853 12.3107C4.65161 12.4919 4.06725 12.5131 3.63238 12.1102C3.62614 12.1024 3.54717 12.0234 3.54717 12.0234C3.05356 11.4759 2.65946 10.8398 2.39223 10.1401C2.38729 10.1297 2.28936 9.83594 2.28936 9.83594C2.085 9.21085 2.41443 8.66774 2.78342 8.41082C2.79058 8.39903 2.86592 8.33596 2.8745 8.32879C2.95214 8.24176 2.99865 8.12765 2.99971 8.00029C3.00029 8 2.9853 7.87997 2.98469 7.87515C2.96344 7.79641 2.92483 7.72547 2.87233 7.66672C2.86594 7.65626 2.78155 7.58594 2.78155 7.58594C2.41249 7.3283 2.08643 6.78669 2.2855 6.16347C2.29278 6.15352 2.38586 5.87456 2.39073 5.85997C2.65941 5.15978 3.05409 4.52282 3.54692 3.97763C3.54759 3.97618 3.62427 3.89947 3.63241 3.89132C4.01092 3.54098 4.50075 3.51189 4.87356 3.62734C4.87942 3.62669 5.02584 3.68236 5.03849 3.68717C5.03847 3.68718 5.14785 3.72624 5.14785 3.72624C5.26334 3.75075 5.38729 3.7341 5.49848 3.67092C5.50161 3.67079 5.54722 3.63835 5.55412 3.63343C5.66764 3.54677 5.73526 3.41922 5.74777 3.28141C5.75102 3.27518 5.77244 3.11146 5.77368 3.10199C5.86963 2.69196 6.17657 2.25047 6.74082 2.13122C6.75426 2.13063 7.02637 2.08186 7.04605 2.07833C7.3559 2.02585 7.67443 2.00001 7.99878 2C8.01175 2.00028 8.29947 2.0073 8.31951 2.00779L8.31951 2.0081ZM7.72576 3.0081C7.45937 3.02159 7.19902 3.05647 6.94759 3.10961C6.82933 3.13709 6.75511 3.24295 6.74474 3.35958C6.70491 3.83399 6.44257 4.27973 6.00147 4.53524C5.55557 4.79143 5.03756 4.79553 4.611 4.59522C4.50004 4.54497 4.37104 4.55747 4.29216 4.64445C3.8193 5.1675 3.45727 5.78594 3.23829 6.46713C3.20344 6.58123 3.25696 6.69751 3.35141 6.765C3.74158 7.03654 3.9959 7.48327 3.99971 7.99219C3.99964 8.50887 3.74503 8.96046 3.35586 9.23077C3.26732 9.29396 3.21553 9.39274 3.22898 9.4919C3.22812 9.49846 3.23467 9.53125 3.23467 9.53125C3.45757 10.2146 3.81993 10.8334 4.29239 11.3566C4.37514 11.4448 4.50317 11.4563 4.60905 11.4076C4.99448 11.2266 5.44844 11.2119 5.86557 11.397C5.87329 11.4006 5.878 11.403 5.88258 11.4055C5.93014 11.4321 6.12689 11.5425 6.13257 11.5463C6.45081 11.7791 6.65504 12.1186 6.72476 12.4848C6.72758 12.4916 6.74249 12.6406 6.74249 12.6406C6.75672 12.757 6.83123 12.8627 6.94501 12.8887C7.20079 12.9434 7.46048 12.9784 7.72575 12.9927C7.72694 12.9922 7.98043 12.9994 7.9992 13C8.42545 12.9999 8.8382 12.9467 9.23265 12.8482C9.23643 12.8471 9.23915 12.8458 9.24139 12.8441C9.24245 12.8437 9.24846 12.8318 9.24996 12.8288C9.24952 12.8159 9.2501 12.795 9.24995 12.7828C9.24458 12.2581 9.51191 11.749 9.99339 11.4646C9.99762 11.4621 9.99686 11.4624 9.99919 11.4612C10.0003 11.4609 10.1273 11.3974 10.1399 11.3911C10.1399 11.391 10.2805 11.3363 10.2805 11.3363C10.6508 11.216 11.0457 11.2461 11.388 11.4061C11.4725 11.4442 11.5655 11.4457 11.6399 11.4067C11.6409 11.4062 11.6951 11.3656 11.7026 11.36C12.1759 10.8367 12.5388 10.2173 12.7554 9.53102C12.783 9.44305 12.7587 9.35546 12.7042 9.28847C12.6966 9.28221 12.6409 9.22656 12.6409 9.22656C12.3005 8.99086 12.0652 8.61779 12.0115 8.18821C12.0082 8.18749 12.0006 8.00777 12.0003 8.00024C12.0012 7.49012 12.2547 7.04097 12.645 6.76749C12.7326 6.70328 12.7824 6.60607 12.7692 6.50857C12.766 6.5078 12.7585 6.47058 12.7581 6.46881C12.5396 5.78254 12.1753 5.16178 11.7042 4.6439C11.6206 4.55669 11.4943 4.54567 11.3896 4.59351C11.01 4.7706 10.5697 4.78846 10.1706 4.62098C10.1545 4.60915 10.0003 4.53906 10.0003 4.53906C9.55722 4.28004 9.29427 3.83328 9.25301 3.36095C9.24274 3.25618 9.1845 3.16342 9.09421 3.12463C9.08637 3.12244 9.04717 3.10938 9.04717 3.10938C8.79259 3.05581 8.53203 3.02103 8.26596 3.00712C8.24594 3.00722 8.0003 3 8.0003 3C7.99919 3.00003 7.72575 3.00784 7.72575 3.00784L7.72576 3.0081ZM10.4445 12.3519L10.4758 12.344C10.4804 12.3378 10.4863 12.3346 10.4928 12.3309C10.4773 12.3403 10.4616 12.3481 10.4474 12.3551L10.4445 12.3519ZM8.20232 6.0081C9.21117 6.1121 9.99877 6.96407 9.99877 8C9.99861 9.10458 9.10347 9.99977 7.99919 10C6.89429 10 5.99892 9.10473 5.99877 8.00029C5.99919 8.00029 6.00701 7.79716 6.00701 7.79716C6.11047 6.78796 6.9626 6 7.99877 6C7.99919 6.00029 8.20232 6.0081 8.20232 6.0081ZM7.89763 7.0081C7.39268 7.05592 6.99877 7.48196 6.99877 8C6.99927 8.00656 7.00658 8.10156 7.00658 8.10156C7.0517 8.57298 7.42607 8.94726 7.89693 8.99488C7.90839 8.99305 7.99877 9 7.99877 9C8.51682 8.99978 8.9425 8.60628 8.99362 8.10208C8.9916 8.09411 8.99833 8.00564 8.99875 8.00026C8.99877 7.48225 8.60529 7.0564 8.10105 7.00517C8.09279 7.00714 8.0062 7.00057 7.99921 7.00003C7.99919 7.00029 7.89763 7.0081 7.89763 7.0081Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E");
   --icon-24-more: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 12C7.5 12.8284 6.82843 13.5 6 13.5C5.17157 13.5 4.5 12.8284 4.5 12C4.5 11.1716 5.17157 10.5 6 10.5C6.82843 10.5 7.5 11.1716 7.5 12ZM13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12C10.5 11.1716 11.1716 10.5 12 10.5C12.8284 10.5 13.5 11.1716 13.5 12ZM18 13.5C18.8284 13.5 19.5 12.8284 19.5 12C19.5 11.1716 18.8284 10.5 18 10.5C17.1716 10.5 16.5 11.1716 16.5 12C16.5 12.8284 17.1716 13.5 18 13.5Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E");
   --icon-16-more: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 8C5 8.55228 4.55228 9 4 9C3.44772 9 3 8.55228 3 8C3 7.44772 3.44772 7 4 7C4.55228 7 5 7.44772 5 8ZM9 8C9 8.55228 8.55228 9 8 9C7.44772 9 7 8.55228 7 8C7 7.44772 7.44772 7 8 7C8.55228 7 9 7.44772 9 8ZM12 9C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E");
-
+  --icon-24-send: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7246 5.58203C11.9187 5.45387 12.1827 5.47562 12.3535 5.64648L16.8535 10.1465C17.0488 10.3417 17.0488 10.6583 16.8535 10.8535C16.6583 11.0488 16.3417 11.0488 16.1465 10.8535L12.5 7.20703V18C12.5 18.2761 12.2761 18.5 12 18.5C11.7239 18.5 11.5 18.2761 11.5 18V7.20703L7.85352 10.8535C7.65825 11.0488 7.34175 11.0488 7.14648 10.8535C6.95122 10.6583 6.95122 10.3417 7.14648 10.1465L11.6465 5.64648L11.7246 5.58203Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E");
+  --icon-16-send: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 12.0002C7.72386 12.0002 7.5 11.7764 7.5 11.5002L7.50001 4.70735L4.35355 7.8538C4.15829 8.04906 3.84171 8.04906 3.64645 7.8538C3.45118 7.65853 3.45118 7.34195 3.64645 7.14669L7.64645 3.14669C7.74022 3.05292 7.8674 3.00024 8.00001 3.00024C8.13261 3.00024 8.25979 3.05292 8.35356 3.14669L12.3536 7.14669C12.5488 7.34195 12.5488 7.65854 12.3536 7.8538C12.1583 8.04906 11.8417 8.04906 11.6464 7.8538L8.50001 4.70735L8.5 11.5002C8.5 11.7764 8.27615 12.0002 8 12.0002Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E");
   --icon-24-download: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 13C17.7761 13 18 13.2239 18 13.5V16.5C18 17.3284 17.3284 18 16.5 18H7.5C6.67157 18 6 17.3284 6 16.5V13.5C6 13.2239 6.22386 13 6.5 13C6.77614 13 7 13.2239 7 13.5V16.5C7 16.7761 7.22386 17 7.5 17H16.5C16.7761 17 17 16.7761 17 16.5V13.5C17 13.2239 17.2239 13 17.5 13ZM12 6C12.2761 6 12.5 6.22386 12.5 6.5V12.293L14.6465 10.1465C14.8417 9.95122 15.1583 9.95122 15.3535 10.1465C15.5488 10.3417 15.5488 10.6583 15.3535 10.8535L12.3535 13.8535C12.1583 14.0488 11.8417 14.0488 11.6465 13.8535L8.64648 10.8535C8.45122 10.6583 8.45122 10.3417 8.64648 10.1465C8.84175 9.95122 9.15825 9.95122 9.35352 10.1465L11.5 12.293V6.5C11.5 6.22386 11.7239 6 12 6Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E");
   --icon-24-upload: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3536 6.14645C12.1583 5.95118 11.8417 5.95118 11.6464 6.14645L8.64645 9.14645C8.45118 9.34171 8.45118 9.65829 8.64645 9.85355C8.84171 10.0488 9.15829 10.0488 9.35355 9.85355L11.5 7.70711V13.5C11.5 13.7761 11.7239 14 12 14C12.2761 14 12.5 13.7761 12.5 13.5V7.70711L14.6464 9.85355C14.8417 10.0488 15.1583 10.0488 15.3536 9.85355C15.5488 9.65829 15.5488 9.34171 15.3536 9.14645L12.3536 6.14645ZM7 13.5C7 13.2239 6.77614 13 6.5 13C6.22386 13 6 13.2239 6 13.5V16.5C6 17.3284 6.67157 18 7.5 18H16.5C17.3284 18 18 17.3284 18 16.5V13.5C18 13.2239 17.7761 13 17.5 13C17.2239 13 17 13.2239 17 13.5V16.5C17 16.7761 16.7761 17 16.5 17H7.5C7.22386 17 7 16.7761 7 16.5V13.5Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E");
   --icon-24-sun: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 5C12.2761 5 12.5 5.22386 12.5 5.5V6.5C12.5 6.77614 12.2761 7 12 7C11.7239 7 11.5 6.77614 11.5 6.5V5.5C11.5 5.22386 11.7239 5 12 5ZM16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12ZM12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15ZM7.75687 7.05026C7.56161 6.85499 7.24503 6.85499 7.04977 7.05026C6.8545 7.24552 6.8545 7.5621 7.04977 7.75736L7.75687 8.46447C7.95214 8.65973 8.26872 8.65973 8.46398 8.46447C8.65924 8.26921 8.65924 7.95262 8.46398 7.75736L7.75687 7.05026ZM19 12C19 12.2761 18.7761 12.5 18.5 12.5H17.5C17.2239 12.5 17 12.2761 17 12C17 11.7239 17.2239 11.5 17.5 11.5H18.5C18.7761 11.5 19 11.7239 19 12ZM16.9502 7.75736C17.1455 7.5621 17.1455 7.24552 16.9502 7.05026C16.755 6.85499 16.4384 6.85499 16.2431 7.05026L15.536 7.75736C15.3408 7.95262 15.3408 8.26921 15.536 8.46447C15.7313 8.65973 16.0479 8.65973 16.2431 8.46447L16.9502 7.75736ZM12 17C12.2761 17 12.5 17.2239 12.5 17.5V18.5C12.5 18.7761 12.2761 19 12 19C11.7239 19 11.5 18.7761 11.5 18.5V17.5C11.5 17.2239 11.7239 17 12 17ZM16.2422 15.5356C16.047 15.3403 15.7304 15.3403 15.5351 15.5356C15.3399 15.7309 15.3399 16.0475 15.5351 16.2427L16.2422 16.9498C16.4375 17.1451 16.7541 17.1451 16.9493 16.9498C17.1446 16.7546 17.1446 16.438 16.9493 16.2427L16.2422 15.5356ZM7 12C7 12.2761 6.77614 12.5 6.5 12.5H5.5C5.22386 12.5 5 12.2761 5 12C5 11.7239 5.22386 11.5 5.5 11.5H6.5C6.77614 11.5 7 11.7239 7 12ZM8.46488 16.2427C8.66014 16.0475 8.66014 15.7309 8.46488 15.5356C8.26962 15.3403 7.95304 15.3403 7.75777 15.5356L7.05067 16.2427C6.85541 16.438 6.85541 16.7546 7.05067 16.9498C7.24593 17.1451 7.56251 17.1451 7.75777 16.9498L8.46488 16.2427Z' fill='black' fill-opacity='0.9'/%3E%3C/svg%3E");