feat(TagCelebration): ✨ A new illustration for the upcoming trial can…

…cellation incentive Add offer card illustration to gamut-illustrations to be used for the upcoming trial cancellation incentive.
Codecademy · Jan 22, 2025 · 89f18d4 · 89f18d4
1 parent eae16fa
commit 89f18d4
Show file tree

Hide file tree

Showing 2 changed files with 195 additions and 0 deletions.
diff --git a/packages/gamut-illustrations/src/TagCelebration.tsx b/packages/gamut-illustrations/src/TagCelebration.tsx
@@ -0,0 +1,194 @@
+import * as React from 'react';
+
+import { IllustrationProps } from './types';
+
+export const TagCelebration: React.FC<IllustrationProps> = ({
+  'aria-hidden': ariaHidden,
+  className,
+  height,
+  width,
+}) => (
+  <svg
+    aria-hidden={ariaHidden}
+    className={className}
+    height={height}
+    width={width}
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 184 120"
+  >
+    <path
+      fill="#10162F"
+      d="M137.37 84.022 29.507 119.856c-1.733.578-3.54-.361-4.117-2.095L1.043 44.649c-.578-1.734.361-3.54 2.095-4.118L111 4.697a3.092 3.092 0 0 1 2.528.217l48.333 24.924a3.24 3.24 0 0 1 1.444 4.335l-23.985 48.188c-.434.795-1.084 1.373-1.951 1.661Z"
+    />
+    <path
+      fill="#FFD300"
+      d="M30.302 116.603a3.673 3.673 0 0 1-3.468-2.457L2.56 40.961a3.618 3.618 0 0 1 .217-2.745c.433-.867 1.156-1.517 2.095-1.806L112.662.576a3.273 3.273 0 0 1 1.156-.217c.578 0 1.156.145 1.662.434l48.332 24.925c1.734.866 2.457 3.106 1.59 4.84l-23.986 48.188c-.433.867-1.156 1.517-2.095 1.806L31.458 116.386a3.284 3.284 0 0 1-1.156.217Z"
+    />
+    <path
+      fill="#10162F"
+      d="M113.818.722c.506 0 1.012.145 1.517.362l48.333 24.924a3.241 3.241 0 0 1 1.445 4.335l-23.986 48.188c-.361.795-1.084 1.373-1.878 1.662L31.314 116.099c-.362.144-.723.144-1.012.144-1.372 0-2.673-.867-3.106-2.239L2.849 40.891c-.578-1.734.361-3.54 2.095-4.118L112.807.867c.361-.072.65-.145 1.011-.145Zm0-.722c-.433 0-.867.072-1.228.217L4.727 36.05c-1.011.36-1.806 1.083-2.312 2.022a3.71 3.71 0 0 0-.216 3.035l24.346 73.112c.578 1.662 2.096 2.746 3.757 2.746.434 0 .867-.073 1.228-.217l107.935-35.834c1.012-.361 1.879-1.084 2.312-2.023l23.986-48.188c.939-1.95.144-4.334-1.734-5.346L115.697.433A4.218 4.218 0 0 0 113.818 0Z"
+    />
+    <path
+      fill="#fff"
+      d="M5.883 50.209c-.072 0-.144 0-.144-.072-.073-.073-.145-.145-.145-.217L2.56 40.96a3.618 3.618 0 0 1 .217-2.745c.433-.867 1.156-1.517 2.095-1.806L112.662.576a3.273 3.273 0 0 1 1.156-.217c.578 0 1.156.145 1.662.434l14.16 7.297a.398.398 0 0 1 .217.36c0 .145-.073.29-.217.29L5.955 50.209h-.072Z"
+    />
+    <path
+      fill="#10162F"
+      d="M113.818.722c.506 0 1.012.145 1.517.362l14.16 7.296L5.883 49.85 2.85 40.89c-.578-1.734.361-3.54 2.095-4.118L112.807.867c.361-.072.65-.145 1.011-.145Zm0-.722c-.433 0-.867.072-1.228.217L4.727 36.05c-1.011.36-1.806 1.083-2.312 2.022a3.71 3.71 0 0 0-.216 3.035l2.962 8.958c.072.145.216.361.361.434.144.072.217.072.361.072H6.1l123.612-41.47c.289-.071.434-.36.506-.65.072-.288-.145-.577-.361-.722L115.697.433A4.218 4.218 0 0 0 113.818 0Z"
+    />
+    <path
+      fill="#fff"
+      d="M137.442 45.804c-3.901 0-7.369-2.529-8.597-6.214-1.589-4.768 1.012-9.897 5.78-11.487.939-.289 1.878-.505 2.89-.505 3.901 0 7.369 2.528 8.597 6.213 1.589 4.768-1.012 9.897-5.78 11.487-.939.361-1.878.506-2.89.506Z"
+    />
+    <path
+      fill="#10162F"
+      d="M137.442 28.031c3.685 0 7.081 2.312 8.236 5.996 1.518 4.552-.939 9.537-5.49 11.054a9.436 9.436 0 0 1-2.746.433c-3.684 0-7.08-2.311-8.236-5.996-1.517-4.551.94-9.536 5.491-11.053a9.435 9.435 0 0 1 2.745-.434Zm0-.722c-1.011 0-2.022.144-2.962.505-4.912 1.662-7.658 7.008-5.996 11.92 1.3 3.83 4.913 6.503 8.958 6.503 1.012 0 2.023-.145 2.963-.506 4.912-1.661 7.658-7.008 5.996-11.92-1.3-3.902-4.841-6.502-8.959-6.502Z"
+    />
+    <path
+      fill="#fff"
+      d="M137.659 45.804a.397.397 0 0 1-.361-.217c-.072-.145 0-.29.144-.434 3.035-2.167 4.263-5.924 3.107-9.464a8.4 8.4 0 0 0-7.947-5.707h-.217a.397.397 0 0 1-.361-.217c-.072-.145 0-.289.144-.434a9.325 9.325 0 0 1 2.385-1.228c.939-.289 1.878-.505 2.889-.505 3.902 0 7.369 2.528 8.598 6.213 1.589 4.768-1.012 9.897-5.78 11.487-.795.361-1.662.506-2.601.506Z"
+    />
+    <path
+      fill="#10162F"
+      d="M137.442 28.031c3.685 0 7.081 2.312 8.236 5.996 1.518 4.552-.939 9.537-5.49 11.054a8.09 8.09 0 0 1-2.529.433c3.035-2.167 4.479-6.14 3.179-9.825-1.228-3.684-4.624-5.996-8.236-5.996h-.217c.651-.506 1.445-.867 2.312-1.156a7.645 7.645 0 0 1 2.745-.506Zm0-.722c-1.011 0-2.022.144-2.962.505a9.346 9.346 0 0 0-2.528 1.3c-.289.145-.361.506-.289.795a.693.693 0 0 0 .65.506h.217c3.468 0 6.502 2.168 7.586 5.49 1.156 3.396-.073 7.009-2.962 9.032-.289.144-.362.505-.289.794a.693.693 0 0 0 .65.506c.939 0 1.878-.145 2.745-.506 4.913-1.661 7.658-7.008 5.996-11.92-1.155-3.902-4.768-6.502-8.814-6.502Z"
+    />
+    <path
+      stroke="#10162F"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth=".722"
+      d="M163.234 35.472c.65.289 1.228.65 1.879.939 12.281 6.719 19.939 16.255 17.122 21.313-2.818 5.057-14.955 3.756-27.237-2.963-12.282-6.718-19.94-16.255-17.122-21.312.217-.361.433-.722.722-1.011"
+    />
+    <path
+      fill="#FFD300"
+      d="M70.326 71.597 47.713 86.985l-9.03 6.141.361-38.724"
+    />
+    <path
+      stroke="#10162F"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeMiterlimit="10"
+      strokeWidth=".722"
+      d="M70.326 71.597 47.713 86.985l-9.03 6.141.361-38.724"
+    />
+    <path
+      fill="#fff"
+      stroke="#10162F"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeMiterlimit="10"
+      strokeWidth=".722"
+      d="M71.627 70.367c1.806-3.396-3.902-9.97-12.788-14.738-8.886-4.768-17.556-5.924-19.362-2.529-1.806 3.396 3.902 9.97 12.788 14.738 8.886 4.768 17.555 5.852 19.362 2.529Z"
+    />
+    <path
+      stroke="#10162F"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeMiterlimit="10"
+      strokeWidth=".722"
+      d="m38.971 64.3.073-9.898"
+    />
+    <path
+      fill="#fff"
+      stroke="#10162F"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeMiterlimit="10"
+      strokeWidth=".722"
+      d="m58.478 79.617-10.692 7.297C40.489 83.012 38.9 74.92 38.9 74.92l.072-10.62s4.262 7.152 19.506 15.316Z"
+    />
+    <path
+      stroke="#10162F"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeMiterlimit="10"
+      strokeWidth=".722"
+      d="M49.809 62.277s4.912-12.86-1.012-21.023M54.143 61.988s2.529-8.886 7.803-13.582M57.105 64.083s5.058-8.236 17.195-9.825"
+    />
+    <path
+      fill="#FFFAE5"
+      stroke="#10162F"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeMiterlimit="10"
+      strokeWidth=".722"
+      d="M80.08 56.496c1.083-.361 1.733-1.517 1.372-2.601s-1.517-1.734-2.6-1.373c-1.085.361-1.735 1.517-1.374 2.601.362 1.084 1.518 1.734 2.601 1.373ZM46.991 39.23c1.084-.361 1.734-1.517 1.373-2.6-.362-1.084-1.517-1.735-2.601-1.373-1.084.36-1.734 1.517-1.373 2.6.361 1.084 1.445 1.662 2.601 1.373ZM66.859 40.313l-.073 2.6 2.095 1.518-2.456.722-.795 2.456-1.445-2.167h-2.6l1.589-2.023-.795-2.456 2.384.867 2.096-1.517Z"
+    />
+    <path
+      stroke="#10162F"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeMiterlimit="10"
+      strokeWidth=".722"
+      d="M63.969 64.373s3.54-3.178 9.608-3.106"
+    />
+    <path
+      fill="#FFD300"
+      d="M110.495 57.94 87.882 73.33l-9.03 6.14.433-38.723"
+    />
+    <path
+      stroke="#10162F"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeMiterlimit="10"
+      strokeWidth=".722"
+      d="M110.495 57.94 87.882 73.33l-9.03 6.14.433-38.723"
+    />
+    <path
+      fill="#fff"
+      stroke="#10162F"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeMiterlimit="10"
+      strokeWidth=".722"
+      d="M111.723 56.71c1.806-3.395-3.901-9.97-12.787-14.738-8.887-4.768-17.556-5.924-19.362-2.528-1.806 3.395 3.901 9.97 12.787 14.738 8.887 4.768 17.556 5.924 19.362 2.529Z"
+    />
+    <path
+      stroke="#10162F"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeMiterlimit="10"
+      strokeWidth=".722"
+      d="m79.14 50.644.073-9.898"
+    />
+    <path
+      fill="#fff"
+      stroke="#10162F"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeMiterlimit="10"
+      strokeWidth=".722"
+      d="m98.575 66.031-10.693 7.297c-7.297-3.901-8.886-11.92-8.886-11.92l.144-10.693c0-.072 4.19 7.153 19.434 15.316Z"
+    />
+    <path
+      stroke="#10162F"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeMiterlimit="10"
+      strokeWidth=".722"
+      d="M89.905 48.691s4.913-12.86-1.012-21.023M94.24 48.332s2.528-8.886 7.802-13.582M97.274 50.427s5.057-8.236 17.195-9.825"
+    />
+    <path
+      fill="#FFFAE5"
+      stroke="#10162F"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeMiterlimit="10"
+      strokeWidth=".722"
+      d="M120.176 42.84c1.084-.362 1.734-1.518 1.373-2.601-.362-1.084-1.518-1.734-2.601-1.373-1.084.361-1.734 1.517-1.373 2.6.361 1.084 1.517 1.735 2.601 1.373ZM87.088 25.574c1.083-.361 1.733-1.517 1.372-2.601s-1.517-1.734-2.6-1.373c-1.084.362-1.735 1.517-1.373 2.601.36 1.084 1.517 1.662 2.6 1.373ZM107.027 26.656l-.072 2.601 2.095 1.517-2.456.723-.795 2.456-1.445-2.167h-2.601l1.59-2.023-.795-2.457 2.384.867 2.095-1.517Z"
+    />
+    <path
+      stroke="#10162F"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeMiterlimit="10"
+      strokeWidth=".722"
+      d="M104.065 50.717s3.54-3.179 9.609-3.106"
+    />
+    <path
+      fill="#10162F"
+      d="M14.633 43.068a2.529 2.529 0 1 0-4.203-2.814 2.529 2.529 0 0 0 4.203 2.814ZM22.427 40.47a2.529 2.529 0 1 0-4.203-2.813 2.529 2.529 0 0 0 4.203 2.813ZM30.216 37.868a2.529 2.529 0 1 0-4.203-2.813 2.529 2.529 0 0 0 4.203 2.813Z"
+    />
+  </svg>
+);
diff --git a/packages/gamut-illustrations/src/index.ts b/packages/gamut-illustrations/src/index.ts
@@ -48,6 +48,7 @@ export * from './Python';
 export * from './SevenDayTrial';
 export * from './Sun';
 export * from './Syllabus';
+export * from './TagCelebration';
 export * from './Target';
 export * from './TinyBlocks';
 export * from './types';