@abqm-ds/icons 2.0.1 → 2.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abqm-ds/icons",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",

package/src/components/icons/CaretUpFillIcon.tsx

@@ -0,0 +1,17 @@
+import type { SVGProps } from 'react';
+const CaretUpFillIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill={props?.fill ? props.fill : '#1E1E1E'}
+      d="m10.87 7.29-7.194 8.221C2.827 16.482 3.517 18 4.806 18h14.388a1.5 1.5 0 0 0 1.13-2.488l-7.195-8.22a1.5 1.5 0 0 0-2.259 0z"
+    />
+  </svg>
+);
+export default CaretUpFillIcon;

package/src/components/icons/Medal2Icon.tsx

@@ -0,0 +1,62 @@
+import type { SVGProps } from 'react';
+const Medal2Icon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 22 22"
+    {...props}
+  >
+    <g filter="url(#medal2_svg__a)">
+      <path
+        fill={props?.fill ? props.fill : 'url(#medal2_svg__b)'}
+        d="M10.362 3.963a1.38 1.38 0 0 1 1.943 0l.45.445a1.38 1.38 0 0 0 1.084.395l.631-.052a1.38 1.38 0 0 1 1.488 1.248l.058.63c.037.403.248.768.578 1.001l.516.365a1.38 1.38 0 0 1 .338 1.913l-.361.52a1.38 1.38 0 0 0-.2 1.137l.16.613a1.38 1.38 0 0 1-.97 1.682l-.611.166c-.39.106-.713.377-.885.742l-.27.573a1.38 1.38 0 0 1-1.825.664l-.575-.265a1.38 1.38 0 0 0-1.155 0l-.575.265a1.38 1.38 0 0 1-1.825-.664l-.27-.572a1.38 1.38 0 0 0-.885-.743l-.61-.166a1.38 1.38 0 0 1-.971-1.682l.16-.613a1.38 1.38 0 0 0-.2-1.137l-.36-.52a1.38 1.38 0 0 1 .337-1.913l.517-.365c.33-.233.54-.598.577-1L6.709 6A1.38 1.38 0 0 1 8.197 4.75l.63.052a1.38 1.38 0 0 0 1.086-.395z"
+      />
+      <path
+        stroke="#8C421D"
+        strokeWidth={0.7}
+        d="M10.609 4.21a1.03 1.03 0 0 1 1.45 0l.448.447c.36.356.857.537 1.362.495l.63-.052a1.03 1.03 0 0 1 1.11.931l.059.631c.046.504.31.962.723 1.254l.518.365c.46.326.573.963.25 1.427l-.36.52a1.73 1.73 0 0 0-.252 1.426l.162.613a1.03 1.03 0 0 1-.725 1.255l-.61.166a1.73 1.73 0 0 0-1.11.931l-.27.572a1.03 1.03 0 0 1-1.362.496l-.575-.264a1.73 1.73 0 0 0-1.447 0l-.575.264a1.03 1.03 0 0 1-1.363-.496l-.27-.572a1.73 1.73 0 0 0-1.109-.93l-.61-.168a1.03 1.03 0 0 1-.725-1.254l.162-.613a1.73 1.73 0 0 0-.252-1.425l-.36-.521c-.323-.464-.21-1.1.25-1.427l.518-.365A1.73 1.73 0 0 0 7 6.662l.057-.63a1.03 1.03 0 0 1 1.11-.932l.631.052a1.73 1.73 0 0 0 1.362-.495z"
+      />
+    </g>
+    <defs>
+      <linearGradient
+        id="medal2_svg__b"
+        x1={6.574}
+        x2={16.117}
+        y1={15.32}
+        y2={5.508}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#8C421D" />
+        <stop offset={0.325} stopColor="#FBE67B" />
+        <stop offset={0.535} stopColor="#FCFBE7" />
+        <stop offset={0.77} stopColor="#F7D14E" />
+        <stop offset={1} stopColor="#D4A041" />
+      </linearGradient>
+      <filter
+        id="medal2_svg__a"
+        width={20.721}
+        height={20.569}
+        x={0.973}
+        y={0.563}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset dy={1} />
+        <feGaussianBlur stdDeviation={2} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0.122559 0 0 0 0 0.0958559 0 0 0 0 0 0 0 0 0.3 0" />
+        <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_2954_12113" />
+        <feBlend in="SourceGraphic" in2="effect1_dropShadow_2954_12113" result="shape" />
+      </filter>
+    </defs>
+  </svg>
+);
+export default Medal2Icon;

package/src/components/icons/Medal3Icon.tsx

@@ -0,0 +1,62 @@
+import type { SVGProps } from 'react';
+const Medal3Icon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 129 116"
+    {...props}
+  >
+    <g filter="url(#medal3_svg__a)">
+      <path
+        fill={props?.fill ? props.fill : 'url(#medal3_svg__b)'}
+        d="M51.93 14.017a8.62 8.62 0 0 1 12.14 0l4.48 4.443a8.62 8.62 0 0 0 6.784 2.469l6.288-.523a8.62 8.62 0 0 1 9.299 7.803l.577 6.283a8.62 8.62 0 0 0 3.61 6.252l5.153 3.641a8.62 8.62 0 0 1 2.108 11.955l-3.597 5.184a8.62 8.62 0 0 0-1.254 7.11l1.607 6.101a8.62 8.62 0 0 1-6.07 10.513l-6.087 1.66a8.62 8.62 0 0 0-5.53 4.64l-2.692 5.706a8.62 8.62 0 0 1-11.406 4.152l-5.73-2.642a8.62 8.62 0 0 0-7.22 0l-5.73 2.642a8.62 8.62 0 0 1-11.406-4.152l-2.692-5.707a8.62 8.62 0 0 0-5.53-4.64l-6.087-1.66a8.62 8.62 0 0 1-6.07-10.512l1.607-6.102a8.62 8.62 0 0 0-1.254-7.109l-3.597-5.184a8.62 8.62 0 0 1 2.108-11.955l5.153-3.641a8.62 8.62 0 0 0 3.61-6.252l.577-6.283a8.62 8.62 0 0 1 9.299-7.803l6.288.523a8.62 8.62 0 0 0 6.784-2.47z"
+      />
+      <path
+        stroke="#8C421D"
+        strokeWidth={3.125}
+        d="M53.03 15.127a7.06 7.06 0 0 1 9.94 0l4.48 4.442a10.18 10.18 0 0 0 8.014 2.916l6.288-.522a7.06 7.06 0 0 1 7.613 6.389l.577 6.283a10.18 10.18 0 0 0 4.264 7.385l5.153 3.641a7.06 7.06 0 0 1 1.726 9.788l-3.597 5.184a10.19 10.19 0 0 0-1.481 8.398l1.607 6.102a7.06 7.06 0 0 1-4.97 8.607l-6.087 1.66a10.18 10.18 0 0 0-6.533 5.48l-2.691 5.708a7.06 7.06 0 0 1-9.339 3.4l-5.73-2.642a10.18 10.18 0 0 0-8.528 0l-5.73 2.641a7.06 7.06 0 0 1-9.339-3.4l-2.691-5.706a10.18 10.18 0 0 0-6.533-5.482l-6.088-1.659a7.06 7.06 0 0 1-4.97-8.607l1.608-6.102c.759-2.88.217-5.95-1.481-8.398l-3.597-5.184a7.06 7.06 0 0 1 1.726-9.788l5.153-3.642a10.18 10.18 0 0 0 4.264-7.384l.577-6.283a7.06 7.06 0 0 1 7.613-6.39l6.288.523c2.97.247 5.898-.818 8.014-2.916z"
+      />
+    </g>
+    <defs>
+      <linearGradient
+        id="medal3_svg__b"
+        x1={24}
+        x2={92.167}
+        y1={96}
+        y2={25.917}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#8C421D" />
+        <stop offset={0.325} stopColor="#FBE67B" />
+        <stop offset={0.535} stopColor="#FCFBE7" />
+        <stop offset={0.77} stopColor="#F7D14E" />
+        <stop offset={1} stopColor="#D4A041" />
+      </linearGradient>
+      <filter
+        id="medal3_svg__a"
+        width={141.814}
+        height={140.682}
+        x={-12.907}
+        y={-7.232}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset dy={6.25} />
+        <feGaussianBlur stdDeviation={12.5} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0.122559 0 0 0 0 0.0958559 0 0 0 0 0 0 0 0 0.3 0" />
+        <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1211_15009" />
+        <feBlend in="SourceGraphic" in2="effect1_dropShadow_1211_15009" result="shape" />
+      </filter>
+    </defs>
+  </svg>
+);
+export default Medal3Icon;

package/src/components/icons/index.ts

@@ -8,6 +8,7 @@ export { default as BroadcastIcon } from './BroadcastIcon';
 export { default as CaretDownFillIcon } from './CaretDownFillIcon';
 export { default as CaretLeftFillIcon } from './CaretLeftFillIcon';
 export { default as CaretRightFillIcon } from './CaretRightFillIcon';
+export { default as CaretUpFillIcon } from './CaretUpFillIcon';
 export { default as CheckIcon } from './CheckIcon';
 export { default as CircleIcon } from './CircleIcon';
 export { default as DashIcon } from './DashIcon';
@@ -22,6 +23,8 @@ export { default as InstagramIcon } from './InstagramIcon';
 export { default as LaurelIcon } from './LaurelIcon';
 export { default as ListIcon } from './ListIcon';
 export { default as ListOlIcon } from './ListOlIcon';
+export { default as Medal2Icon } from './Medal2Icon';
+export { default as Medal3Icon } from './Medal3Icon';
 export { default as MedalIcon } from './MedalIcon';
 export { default as PencilSquareIcon } from './PencilSquareIcon';
 export { default as PersonCircleIcon } from './PersonCircleIcon';

package/src/icons/caret-up-fill.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.8703 7.29003L3.67627 15.5115C2.82727 16.482 3.51727 18 4.80577 18H19.1938C19.4821 18.0003 19.7645 17.9174 20.0069 17.7613C20.2494 17.6052 20.4418 17.3826 20.5609 17.12C20.6801 16.8574 20.7211 16.566 20.6789 16.2808C20.6368 15.9955 20.5133 15.7284 20.3233 15.5115L13.1293 7.29153C12.9885 7.13042 12.8149 7.00129 12.62 6.91281C12.4252 6.82434 12.2137 6.77856 11.9998 6.77856C11.7858 6.77856 11.5743 6.82434 11.3795 6.91281C11.1847 7.00129 11.0111 7.13042 10.8703 7.29153V7.29003Z" fill="#1E1E1E"/>
+</svg>