@codecademy/gamut-icons 9.51.1-alpha.3e8b72.0 → 9.51.1-alpha.4bc7f1.0

package/dist/svg/regular/web-development-icon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <title>programming-browser</title>
+	<path d="M2.118672 1.513632C1.575216 1.566216 1.054104 1.822008 0.6707040000000001 2.224368C0.375408 2.53428 0.179712 2.879544 0.067872 3.2880000000000003L0.012 3.492 0.012 12.048L0.012 20.604 0.06432 20.79996C0.28888800000000003 21.64092 0.954024 22.275696 1.8 22.456416C1.9952400000000001 22.498128 2.431128 22.5 11.952 22.5C21.481199999999998 22.5 21.90852 22.498152 22.102656 22.456319999999998C22.835424 22.2984 23.434128 21.82896 23.760984 21.156C23.872224000000003 20.926944000000002 23.973264 20.601648 23.9784 20.455992L23.980776 20.388 24 20.448C24.01056 20.481 24.02028 16.697664 24.0216 12.040583999999999C24.023208 6.401136 24.015984000000003 3.578112 24 3.588C23.986104 3.5965920000000002 23.976 3.573528 23.976 3.5332559999999997C23.976 3.312768 23.801688 2.855496 23.603496 2.556C23.210568 1.962288 22.587432 1.588536 21.864 1.51272C21.588288 1.483824 2.4176159999999998 1.484712 2.118672 1.513632M2.19252 3.0249360000000003C1.950936 3.0727680000000004 1.6848720000000001 3.285744 1.5791279999999999 3.516C1.5243360000000001 3.63528 1.523952 3.643008 1.517136 4.8180000000000005L1.510272 6 11.999784 6L22.489296 6 22.482648 4.8180000000000005L22.476 3.636 22.413936 3.504C22.299456 3.260568 22.058448 3.0745199999999997 21.792144 3.0240240000000003C21.636744 2.994552 2.3415120000000003 2.995464 2.19252 3.0249360000000003M0.011856 12.06C0.011856 16.7196 0.014616 18.622224000000003 0.018000000000000002 16.288056C0.021384 13.953888000000001 0.021384 10.141488 0.018000000000000002 7.816056C0.014616 5.490624 0.011856 7.4004 0.011856 12.06M1.512 13.951728000000001C1.512 21.205488 1.492176 20.511672 1.706064 20.745696C1.7776079999999999 20.82396 1.872168 20.895888000000003 1.9495200000000001 20.930832000000002L2.076 20.988 11.856 20.995032000000002C19.081176 21.000216 21.673416 20.994936 21.779208 20.974800000000002C21.857952 20.9598 21.971568 20.922624 22.031664 20.892167999999998C22.168896 20.822616 22.355256 20.625384 22.423704 20.477208L22.476 20.364 22.482167999999998 13.938L22.48836 7.5120000000000005 12.000168 7.5120000000000005L1.512 7.5120000000000005 1.512 13.951728000000001M7.36608 10.512912C7.305648 10.522776 7.208448 10.554696 7.150080000000001 10.583808000000001C7.075608 10.621008 6.571752 11.10972 5.45868 12.224400000000001C4.20744 13.47744 3.8611920000000004 13.837296 3.815592 13.932C3.7708079999999997 14.025048 3.7576320000000005 14.092416 3.7569120000000003 14.232000000000001C3.7551360000000003 14.579927999999999 3.6584640000000004 14.464056 5.442888 16.252296C6.580896 17.392752 7.074864 17.872056 7.161887999999999 17.920296C7.2705839999999995 17.98056 7.307735999999999 17.987976 7.5 17.987832C7.678728 17.987688 7.733784 17.978184 7.8190800000000005 17.9328C7.977816 17.848296 8.103984 17.72112 8.177184 17.571863999999998C8.2686 17.38536 8.271696 17.111328 8.184432 16.932C8.139216000000001 16.83912 7.837128000000001 16.521816 6.847320000000001 15.527591999999999L5.568624000000001 14.243208 6.841056 12.971592C8.280792 11.53284 8.24412 11.577984 8.243304 11.244C8.24292 11.08824 8.231664 11.029944 8.183736 10.935144C8.027256 10.625736 7.702488000000001 10.458024 7.36608 10.512912M13.349352 10.512792000000001C13.206456000000001 10.541928 13.016352 10.650432 12.931655999999998 10.751184C12.892464 10.79784 12.162048 12.231792 11.30856 13.937736000000001L9.75672 17.039472 9.756359999999999 17.237736C9.756048 17.40684 9.765912 17.45616 9.823344 17.573136C10.057272 18.049488 10.701528 18.144768000000003 11.053583999999999 17.75508C11.108544 17.69424 11.661840000000002 16.612464000000003 12.690312 14.555064L14.244 11.446944 14.243208 11.249472C14.242512 11.07168 14.234352 11.036928000000001 14.161296 10.900896000000001C14.002632 10.60548 13.671408000000001 10.447152 13.349352 10.512792000000001M16.36608 10.512912C16.141176 10.549608000000001 15.928728 10.712760000000001 15.816264 10.935144C15.768336 11.029944 15.75708 11.08824 15.756696 11.244C15.755880000000001 11.577984 15.719208 11.53284 17.158944 12.971592L18.431376 14.243208 17.15268 15.527591999999999C16.162872 16.521816 15.860784 16.83912 15.815567999999999 16.932C15.728304 17.111328 15.7314 17.38536 15.822816 17.571863999999998C15.896016 17.72112 16.022184 17.848296 16.18092 17.9328C16.266216 17.978184 16.321272 17.987688 16.5 17.987832C16.692263999999998 17.987976 16.729416 17.98056 16.838112 17.920296C16.925136000000002 17.872056 17.419104 17.392752 18.557112 16.252296C20.341535999999998 14.464056 20.244864 14.579927999999999 20.243088 14.232000000000001C20.242368000000003 14.092416 20.229192 14.025048 20.184408 13.932C20.138856 13.837368000000001 19.791576 13.476168 18.54132 12.223104C17.156328 10.834968 16.93932 10.626816 16.824 10.575768C16.671048 10.508064000000001 16.521552 10.487544 16.36608 10.512912" stroke="none" fill="#000" fill-rule="evenodd"></path>
+</svg>

package/dist/svg/regular/web-form-progress-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="Coding-Apps-Website-Web-Form-Progress-4--Streamline-Ultimate" height="24" width="24"><title>coding-apps-website-web-form-progress-4--9016</title><defs></defs><path d="m5.751 5.525 5.771 5.775a1 1 0 0 1 0 1.408l-5.771 5.767" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M22.973 11.3a1 1 0 0 1 0 1.408l-4.979 5.48a1 1 0 0 1 -0.7 0.291h-5.567L17.5 12.7a1 1 0 0 0 0 -1.408l-5.773 -5.767h5.562a1 1 0 0 1 0.7 0.291Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="m8.489 5.525 -2.738 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="m8.489 18.475 -2.738 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="m2.765 5.525 -2.03 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="m2.765 18.475 -2.03 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg>

package/dist/svg/regular/whats-app-filled-icon.svg

@@ -0,0 +1 @@
+<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><title>whats-app-filled</title><path d="M6.5.03a6 6 0 0 0-6 5.955A5.865 5.865 0 0 0 1.57 9.37l-.68 2a.255.255 0 0 0 .06.255.25.25 0 0 0 .255.06L3.3 11.02A5.97 5.97 0 1 0 6.5.03Zm3.6 8.36a1.95 1.95 0 0 1-1.75 1.045 5.405 5.405 0 0 1-1.73-.5 6.94 6.94 0 0 1-2.97-2.58c-.96-1.265-1-2.45-.085-3.43a1.105 1.105 0 0 1 .96-.28.765.765 0 0 1 .6.44l.195.46.315.755a.55.55 0 0 1 0 .5 2.595 2.595 0 0 1-.5.685c.26.388.561.747.9 1.07a4.5 4.5 0 0 0 1.365.82c.14-.185.41-.5.5-.64a.5.5 0 0 1 .67-.175c.19.065 1.255.59 1.255.59.136.044.255.13.34.245a1 1 0 0 1-.065.995Z" fill="currentColor"/></svg>

package/dist/svg/regular/x-icon.svg

@@ -0,0 +1,2 @@
+<svg width="13" height="12" viewBox="0 0 13 12" xmlns="http://www.w3.org/2000/svg"><title>x formerly twitter</title><g clip-path="url(#a)" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9.323 11.586.875.375h2.802l8.448 11.211H9.323ZM11.727.375 7.273 5.151M1.273 11.587l4.45-4.773"/></g><defs><clipPath id="a"><path fill="#fff" d="M.5 0h12v12H.5z"/></clipPath></defs></svg>
+

package/dist/svg/regular/youtube-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>social-video-youtube</title><path d="M5.9,5.12V9.38a.75.75,0,0,0,1.5,0V5.12l2.85-3.8A.75.75,0,1,0,9,.42l-2.4,3.2L4.25.42a.75.75,0,1,0-1.2.9Z"/><path d="M9.45,4.88v3a2.25,2.25,0,0,0,4.5,0v-3a2.25,2.25,0,1,0-4.5,0Zm1.5,0a.75.75,0,1,1,1.5,0v3a.75.75,0,0,1-1.5,0Z"/><path d="M15.81,9.32a2.73,2.73,0,0,0,1.94.8h0a2.72,2.72,0,0,0,1.36-.38.74.74,0,0,0,.64.38.75.75,0,0,0,.75-.75v-2h0v-4a.75.75,0,0,0-1.5,0v4a1.25,1.25,0,0,1-1.25,1.25h0A1.25,1.25,0,0,1,16.5,7.37v-4a.75.75,0,1,0-1.5,0v4A2.73,2.73,0,0,0,15.81,9.32Z"/><path d="M18.5,17.37a.5.5,0,0,0-1,0v.5h1Z"/><path d="M14,16.87a.5.5,0,0,0-.5.5v2a.5.5,0,0,0,1,0v-2A.5.5,0,0,0,14,16.87Z"/><path d="M19,11.87H5a4.5,4.5,0,0,0-4.5,4.5v3A4.5,4.5,0,0,0,5,23.87H19a4.5,4.5,0,0,0,4.5-4.5v-3A4.5,4.5,0,0,0,19,11.87Zm-11,4H6.5v4.48a.5.5,0,0,1-1,0V15.87H4a.5.5,0,0,1,0-1H8a.5.5,0,1,1,0,1Zm3.48,3.5v1a.5.5,0,0,1-.86.35,1.48,1.48,0,0,1-.64.15,1.5,1.5,0,0,1-1.5-1.5v-3a.5.5,0,0,1,1,0v3a.5.5,0,0,0,1,0v-3a.5.5,0,0,1,1,0Zm4,0a1.5,1.5,0,0,1-1.5,1.5,1.48,1.48,0,0,1-.66-.16.5.5,0,0,1-.84-.36v-6a.5.5,0,0,1,1,0V16a1.48,1.48,0,0,1,.5-.09,1.5,1.5,0,0,1,1.5,1.5Zm2.59,1.5a1.69,1.69,0,0,1-1.59-1.62V17.37a1.5,1.5,0,0,1,3,0v1a.5.5,0,0,1-.5.5H17.5v.38a.7.7,0,0,0,.59.62c.23,0,.59-.1.59-.37a.5.5,0,0,1,1,0A1.46,1.46,0,0,1,18.09,20.87Z"/></svg>

package/dist/svg/regular/youtube-play-icon.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" height="24" width="24" id="Youtube-Clip-Logo--Streamline-Ultimate.svg"><desc>Youtube Clip Logo Streamline Icon: https://streamlinehq.com</desc><path d="M23.25 7.44A3.44 3.44 0 0 0 19.81 4H4.19A3.44 3.44 0 0 0 0.75 7.44v9.12A3.44 3.44 0 0 0 4.19 20h15.62a3.44 3.44 0 0 0 3.44 -3.44ZM9.5 15.94V7.28l6.77 4.33Z" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg>

package/dist/svg/regular/zoom-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.a{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>zoom-in</title><path class="a" d="M18.875,9.811A9.063,9.063,0,1,1,9.813.749,9.063,9.063,0,0,1,18.875,9.811Z"/><line class="a" x1="5.25" y1="9.749" x2="14.25" y2="9.749"/><line class="a" x1="9.75" y1="14.249" x2="9.75" y2="5.249"/><line class="a" x1="16.221" y1="16.219" x2="23.25" y2="23.249"/></svg>

package/dist/types.d.ts

@@ -0,0 +1 @@
+export type { GamutIconProps } from './props';

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/useIconId.d.ts

@@ -0,0 +1 @@
+export declare function useIconId(id: string): string;

package/dist/useIconId.js

@@ -0,0 +1,7 @@
+import { useId, useMemo } from 'react';
+export function useIconId(id) {
+  const generatedId = useId();
+  return useMemo(() => {
+    return `${id}-mask-${generatedId}`;
+  }, [id, generatedId]);
+}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@codecademy/gamut-icons",
   "description": "Icon library for codecademy.com",
-  "version": "9.51.1-alpha.3e8b72.0",
+  "version": "9.51.1-alpha.4bc7f1.0",
   "author": "Codecademy <dev@codecademy.com>",
   "dependencies": {
-    "@codecademy/gamut-styles": "17.9.1-alpha.3e8b72.0",
-    "@codecademy/variance": "0.24.1-alpha.3e8b72.0"
+    "@codecademy/gamut-styles": "17.9.1-alpha.4bc7f1.0",
+    "@codecademy/variance": "0.24.1-alpha.4bc7f1.0"
   },
   "files": [
     "dist"
@@ -29,5 +29,5 @@
   },
   "sideEffects": false,
   "types": "dist/index.d.ts",
-  "gitHead": "3eab6a6745552c0c03fb049875d22255f5a34a13"
+  "gitHead": "03917d9c76b7b2bf63d310671552cf0e0935b4ee"
 }