@magmamath/students-features 0.3.3 → 0.4.0

package/src/shared/icons/Halloween.tsx

@@ -0,0 +1,33 @@
+import React from 'react'
+import Svg, { ClipPath, Defs, G, Path } from 'react-native-svg'
+
+import { COLORS, IconProps } from '@magmamath/react-native-ui'
+
+function Halloween({ size = 57, color = COLORS.NEUTRAL_8 }: IconProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 57 57" fill="none">
+      <G clipPath="url(#clip0_1279_48)" fill={color}>
+        <Path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M48.971 21.733c-1.01-1.794.252-4.058 1.819-2.723 3.607 3.075 5.986 8.345 5.986 14.33 0 9.305-5.75 16.881-12.928 17.167 4.706-2.896 7.993-9.493 7.993-17.167 0-4.384-1.073-8.416-2.87-11.608zM8.58 21.733c1.01-1.794-.25-4.058-1.818-2.723C3.155 22.085.776 27.355.776 33.34c0 9.305 5.75 16.881 12.928 17.167-4.706-2.896-7.993-9.493-7.993-17.167 0-4.384 1.073-8.416 2.87-11.608z"
+        />
+        <Path d="M37.368 52.077c7.373 0 13.35-8.389 13.35-18.737 0-10.348-5.977-18.737-13.35-18.737-1.584 0-1.692 2.13-.517 3.191a15.07 15.07 0 012.386 2.786c2.38 3.539 3.717 8.338 3.717 13.343 0 5.005-1.337 9.805-3.717 13.343a15.084 15.084 0 01-2.36 2.763c-.772.7-.55 2.048.491 2.048zM20.184 52.077c-7.373 0-13.35-8.389-13.35-18.737 0-10.348 5.977-18.737 13.35-18.737 1.584 0 1.692 2.13.517 3.191a15.07 15.07 0 00-2.386 2.786c-2.38 3.539-3.717 8.338-3.717 13.343 0 5.005 1.337 9.805 3.717 13.343a15.084 15.084 0 002.36 2.763c.772.7.55 2.048-.491 2.048z" />
+        <Path d="M28.776 15.592c0-.298.242-.541.539-.523 3.17.2 6.182 2.161 8.434 5.51 2.38 3.54 3.717 8.34 3.717 13.344 0 5.005-1.337 9.805-3.717 13.343-2.252 3.35-5.264 5.31-8.434 5.51a.514.514 0 01-.539-.522V15.592z" />
+        <Path d="M28.776 15.592a.514.514 0 00-.539-.523c-3.17.2-6.182 2.161-8.434 5.51-2.38 3.54-3.717 8.34-3.717 13.344 0 5.005 1.337 9.805 3.717 13.343 2.252 3.35 5.264 5.31 8.434 5.51a.514.514 0 00.539-.522V15.592z" />
+        <Path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M30.231 10.322c.091.551.228.912.273.999a1.887 1.887 0 11-3.35 1.737c-.289-.556-.516-1.334-.646-2.12-.134-.808-.193-1.793-.032-2.772.16-.974.566-2.098 1.503-2.955.975-.893 2.277-1.272 3.762-1.187a1.887 1.887 0 01-.215 3.768c-.706-.04-.933.142-.999.202-.104.096-.25.316-.327.784-.076.462-.056 1.014.031 1.544z"
+        />
+      </G>
+      <Defs>
+        <ClipPath id="clip0_1279_48">
+          <Path fill="#fff" transform="translate(.776 .26)" d="M0 0H56V56H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}
+
+export default Halloween

package/src/shared/icons/Pi.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import Svg, { Path } from 'react-native-svg'
+import { COLORS, IconProps } from '@magmamath/react-native-ui'
+
+function Pi({ size = 57, color = COLORS.NEUTRAL_8 }: IconProps) {
+  return (
+    <Svg width={57} height={size * 0.8421} viewBox="0 0 57 48" fill="none">
+      <Path
+        d="M2.311 10.528a5.23 5.23 0 00.244 7.63c2.166 1.926 5.52 1.836 7.572-.23l4.685-4.719a5.09 5.09 0 01.04-.04c.557-.55 1.37-.044 1.302.735a96.284 96.284 0 01-.666 5.732c-.546 3.688-1.358 7.523-2.543 10.924-1.209 3.468-2.669 6.084-4.272 7.7a5.23 5.23 0 00.246 7.63c2.167 1.925 5.52 1.835 7.572-.233 3.195-3.219 5.307-7.505 6.759-11.67 1.475-4.232 2.41-8.76 3.012-12.831.483-3.272.763-6.327.926-8.813a1.006 1.006 0 011.002-.942h2.357a1 1 0 011 1v23.505c0 6.436 5.464 11.367 11.84 11.367 7.233 0 13.389-5.587 13.389-12.831v-.872c0-3.093-2.6-5.315-5.443-5.315-2.843 0-5.443 2.222-5.443 5.315v.872c0 1.058-.958 2.202-2.502 2.202-.69 0-.955-.489-.955-.738V12.401a1 1 0 011-1h7.9c2.844 0 5.443-2.221 5.443-5.315 0-3.093-2.6-5.315-5.443-5.315H19.267c-4.614 0-9.059 1.803-12.27 5.038L2.31 10.528z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+
+export default Pi

package/src/shared/icons/Star.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import Svg, { Path } from 'react-native-svg'
+import { COLORS, IconProps } from '@magmamath/react-native-ui'
+
+function Star({ size = 57, color = COLORS.NEUTRAL_8 }: IconProps) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 57 57" fill="none">
+      <Path
+        d="M54.277 31.895c-9.835 3.594-18.085 11.785-21.971 21.982-1.349 3.176-5.632 3.176-6.901 0C21.36 43.764 13.11 35.573 3.275 32.062c-3.332-1.337-3.332-6.268 0-7.439C13.11 21.03 21.36 12.838 25.246 2.641c1.349-3.176 5.632-3.176 6.901 0 4.045 10.114 12.295 18.305 22.13 21.815 3.332 1.338 3.332 6.269 0 7.439z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+
+export default Star

package/src/shared/icons/Valentine.tsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import Svg, { Path } from 'react-native-svg'
+import { COLORS, IconProps } from '@magmamath/react-native-ui'
+
+function Valentine({ size = 57, color = COLORS.NEUTRAL_8 }: IconProps) {
+  return (
+    <Svg width={size} height={size * 0.8421} viewBox="0 0 57 48" fill="none">
+      <Path
+        d="M52.473 24.947L29.763 47.5a1.4 1.4 0 01-1.973 0L5.08 24.947A14.57 14.57 0 013.567 6.032C8.604-.884 18.487-1.994 24.931 3.633l2.924 2.554a1.4 1.4 0 001.842 0l2.924-2.554c6.444-5.627 16.327-4.517 21.363 2.399a14.57 14.57 0 01-1.511 18.915z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+
+export default Valentine

package/src/shared/icons/Winter.tsx

@@ -0,0 +1,19 @@
+import React from 'react'
+import Svg, { Path } from 'react-native-svg'
+
+import { COLORS, IconProps } from '@magmamath/react-native-ui'
+
+function Winter({ size = 50, color = COLORS.NEUTRAL_8 }: IconProps) {
+  return (
+    <Svg width={size} height={size * 1.14} viewBox="0 0 50 57" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M24.72.26a2.66 2.66 0 012.66 2.66v4.829l1.302-.814a2.66 2.66 0 012.82 4.513l-4.122 2.576v8.154a2.66 2.66 0 01-5.321 0v-8.154l-4.122-2.576a2.66 2.66 0 112.82-4.513l1.302.814v-4.83a2.66 2.66 0 012.66-2.66zM10.8 11.413a2.66 2.66 0 012.752 2.566l.17 4.857 7.061 4.077a2.66 2.66 0 11-2.66 4.609l-7.062-4.078-4.291 2.282A2.66 2.66 0 014.27 21.03l1.356-.72-4.182-2.415a2.66 2.66 0 112.66-4.609L8.287 15.7l-.053-1.534a2.66 2.66 0 012.566-2.752zm27.84 0a2.66 2.66 0 012.565 2.752l-.053 1.534 4.182-2.415a2.66 2.66 0 112.66 4.609l-4.182 2.414 1.355.72a2.66 2.66 0 11-2.498 4.7l-4.29-2.283-7.062 4.078a2.66 2.66 0 11-2.661-4.609l7.062-4.077.17-4.857a2.66 2.66 0 012.751-2.566zM21.756 29.97a2.66 2.66 0 01-.974 3.634l-7.062 4.077-.17 4.857a2.66 2.66 0 01-5.317-.185l.053-1.535-4.182 2.415a2.66 2.66 0 01-2.66-4.608l4.182-2.415-1.356-.72A2.66 2.66 0 116.77 30.79l4.29 2.282 7.062-4.077a2.66 2.66 0 013.635.974zm5.925 0a2.66 2.66 0 013.635-.974l7.061 4.077 4.291-2.282a2.66 2.66 0 012.498 4.698l-1.355.721 4.182 2.415a2.66 2.66 0 11-2.66 4.608l-4.182-2.414.053 1.533a2.66 2.66 0 11-5.318.186l-.17-4.857-7.061-4.077a2.66 2.66 0 01-.974-3.634zm-2.962 1.71a2.66 2.66 0 012.66 2.66v8.155l4.122 2.575a2.66 2.66 0 01-2.82 4.513l-1.302-.813v4.828a2.66 2.66 0 11-5.321 0V48.77l-1.302.813a2.66 2.66 0 01-2.82-4.513l4.122-2.575V34.34a2.66 2.66 0 012.66-2.661z"
+        fill={color}
+      />
+    </Svg>
+  )
+}
+
+export default Winter