@fountain-ui/icons 2.0.0-beta.1 → 2.0.0-beta.10

package/build/typescript/icons/Twitter.d.ts

@@ -1,11 +1,16 @@
 import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
+        readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
+        title?: string | undefined;
+        clipPath?: string | undefined;
+        marker?: string | undefined;
+        mask?: string | undefined;
         opacity?: import("react-native-svg").NumberProp | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        readonly fill?: import("react-native").ColorValue | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
-        stroke?: import("react-native-svg").Color | undefined;
+        stroke?: import("react-native").ColorValue | undefined;
         strokeWidth?: import("react-native-svg").NumberProp | undefined;
         strokeOpacity?: import("react-native-svg").NumberProp | undefined;
         strokeDasharray?: import("react-native-svg").NumberProp | readonly import("react-native-svg").NumberProp[] | undefined;
@@ -13,9 +18,8 @@ declare const _default: React.MemoExoticComponent<{
         strokeLinecap?: import("react-native-svg").Linecap | undefined;
         strokeLinejoin?: import("react-native-svg").Linejoin | undefined;
         strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
+        vectorEffect?: import("react-native-svg").VectorEffect | undefined;
         clipRule?: import("react-native-svg").FillRule | undefined;
-        clipPath?: string | undefined;
-        transform?: string | import("react-native-svg").TransformObject | import("react-native-svg").ColumnMajorTransformMatrix | undefined;
         translate?: import("react-native-svg").NumberArray | undefined;
         translateX?: import("react-native-svg").NumberProp | undefined;
         translateY?: import("react-native-svg").NumberProp | undefined;
@@ -31,7 +35,7 @@ declare const _default: React.MemoExoticComponent<{
         rotation?: import("react-native-svg").NumberProp | undefined;
         x?: import("react-native-svg").NumberArray | undefined;
         y?: import("react-native-svg").NumberArray | undefined;
-        vectorEffect?: "none" | "inherit" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "uri" | undefined;
+        transform?: string | import("react-native-svg").ColumnMajorTransformMatrix | (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
         pointerEvents?: "none" | "auto" | "box-none" | "box-only" | undefined;
         onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
         onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
@@ -54,22 +58,35 @@ declare const _default: React.MemoExoticComponent<{
         delayPressOut?: number | undefined;
         delayLongPress?: number | undefined;
         id?: string | undefined;
-        marker?: string | undefined;
         markerStart?: string | undefined;
         markerMid?: string | undefined;
         markerEnd?: string | undefined;
-        mask?: string | undefined;
-        readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
-        title?: string | undefined;
+        onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
+        accessibilityLabel?: string | undefined;
+        accessible?: boolean | undefined;
+        testID?: string | undefined;
         readonly width?: import("react-native-svg").NumberProp | undefined;
         readonly height?: import("react-native-svg").NumberProp | undefined;
         readonly viewBox?: string | undefined;
         preserveAspectRatio?: string | undefined;
-        readonly color?: import("react-native-svg").Color | undefined;
+        readonly color?: import("packages/fountain-ui/build/typescript").CommonComponentColor | undefined;
+        font?: import("react-native-svg").FontObject | undefined;
+        fontStyle?: import("react-native-svg").FontStyle | undefined;
+        fontVariant?: import("react-native-svg").FontVariant | undefined;
+        fontWeight?: import("react-native-svg").FontWeight | undefined;
+        fontStretch?: import("react-native-svg").FontStretch | undefined;
+        fontSize?: import("react-native-svg").NumberProp | undefined;
+        fontFamily?: string | undefined;
+        textAnchor?: import("react-native-svg").TextAnchor | undefined;
+        textDecoration?: import("react-native-svg").TextDecoration | undefined;
+        letterSpacing?: import("react-native-svg").NumberProp | undefined;
+        wordSpacing?: import("react-native-svg").NumberProp | undefined;
+        kerning?: import("react-native-svg").NumberProp | undefined;
+        fontFeatureSettings?: string | undefined;
+        fontVariantLigatures?: import("react-native-svg").FontVariantLigatures | undefined;
+        fontVariationSettings?: string | undefined;
         hitSlop?: import("react-native").Insets | undefined;
-        onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
         removeClippedSubviews?: boolean | undefined;
-        testID?: string | undefined;
         nativeID?: string | undefined;
         collapsable?: boolean | undefined;
         needsOffscreenAlphaCompositing?: boolean | undefined;
@@ -88,20 +105,20 @@ declare const _default: React.MemoExoticComponent<{
         onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        accessible?: boolean | undefined;
         accessibilityActions?: readonly Readonly<{
             name: string;
             label?: string | undefined;
         }>[] | undefined;
-        accessibilityLabel?: string | undefined;
         accessibilityRole?: import("react-native").AccessibilityRole | undefined;
         accessibilityState?: import("react-native").AccessibilityState | undefined;
         accessibilityHint?: string | undefined;
         accessibilityValue?: import("react-native").AccessibilityValue | undefined;
         onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
+        accessibilityLabelledBy?: string | string[] | undefined;
         accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
         importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
         accessibilityElementsHidden?: boolean | undefined;
+        accessibilityLanguage?: string | undefined;
         accessibilityViewIsModal?: boolean | undefined;
         onAccessibilityEscape?: (() => void) | undefined;
         onAccessibilityTap?: (() => void) | undefined;

package/build/typescript/icons/Warning.d.ts

@@ -1,11 +1,16 @@
 import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
+        readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
+        title?: string | undefined;
+        clipPath?: string | undefined;
+        marker?: string | undefined;
+        mask?: string | undefined;
         opacity?: import("react-native-svg").NumberProp | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        readonly fill?: import("react-native").ColorValue | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
-        stroke?: import("react-native-svg").Color | undefined;
+        stroke?: import("react-native").ColorValue | undefined;
         strokeWidth?: import("react-native-svg").NumberProp | undefined;
         strokeOpacity?: import("react-native-svg").NumberProp | undefined;
         strokeDasharray?: import("react-native-svg").NumberProp | readonly import("react-native-svg").NumberProp[] | undefined;
@@ -13,9 +18,8 @@ declare const _default: React.MemoExoticComponent<{
         strokeLinecap?: import("react-native-svg").Linecap | undefined;
         strokeLinejoin?: import("react-native-svg").Linejoin | undefined;
         strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
+        vectorEffect?: import("react-native-svg").VectorEffect | undefined;
         clipRule?: import("react-native-svg").FillRule | undefined;
-        clipPath?: string | undefined;
-        transform?: string | import("react-native-svg").TransformObject | import("react-native-svg").ColumnMajorTransformMatrix | undefined;
         translate?: import("react-native-svg").NumberArray | undefined;
         translateX?: import("react-native-svg").NumberProp | undefined;
         translateY?: import("react-native-svg").NumberProp | undefined;
@@ -31,7 +35,7 @@ declare const _default: React.MemoExoticComponent<{
         rotation?: import("react-native-svg").NumberProp | undefined;
         x?: import("react-native-svg").NumberArray | undefined;
         y?: import("react-native-svg").NumberArray | undefined;
-        vectorEffect?: "none" | "inherit" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "uri" | undefined;
+        transform?: string | import("react-native-svg").ColumnMajorTransformMatrix | (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
         pointerEvents?: "none" | "auto" | "box-none" | "box-only" | undefined;
         onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
         onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
@@ -54,22 +58,35 @@ declare const _default: React.MemoExoticComponent<{
         delayPressOut?: number | undefined;
         delayLongPress?: number | undefined;
         id?: string | undefined;
-        marker?: string | undefined;
         markerStart?: string | undefined;
         markerMid?: string | undefined;
         markerEnd?: string | undefined;
-        mask?: string | undefined;
-        readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
-        title?: string | undefined;
+        onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
+        accessibilityLabel?: string | undefined;
+        accessible?: boolean | undefined;
+        testID?: string | undefined;
         readonly width?: import("react-native-svg").NumberProp | undefined;
         readonly height?: import("react-native-svg").NumberProp | undefined;
         readonly viewBox?: string | undefined;
         preserveAspectRatio?: string | undefined;
-        readonly color?: import("react-native-svg").Color | undefined;
+        readonly color?: import("packages/fountain-ui/build/typescript").CommonComponentColor | undefined;
+        font?: import("react-native-svg").FontObject | undefined;
+        fontStyle?: import("react-native-svg").FontStyle | undefined;
+        fontVariant?: import("react-native-svg").FontVariant | undefined;
+        fontWeight?: import("react-native-svg").FontWeight | undefined;
+        fontStretch?: import("react-native-svg").FontStretch | undefined;
+        fontSize?: import("react-native-svg").NumberProp | undefined;
+        fontFamily?: string | undefined;
+        textAnchor?: import("react-native-svg").TextAnchor | undefined;
+        textDecoration?: import("react-native-svg").TextDecoration | undefined;
+        letterSpacing?: import("react-native-svg").NumberProp | undefined;
+        wordSpacing?: import("react-native-svg").NumberProp | undefined;
+        kerning?: import("react-native-svg").NumberProp | undefined;
+        fontFeatureSettings?: string | undefined;
+        fontVariantLigatures?: import("react-native-svg").FontVariantLigatures | undefined;
+        fontVariationSettings?: string | undefined;
         hitSlop?: import("react-native").Insets | undefined;
-        onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
         removeClippedSubviews?: boolean | undefined;
-        testID?: string | undefined;
         nativeID?: string | undefined;
         collapsable?: boolean | undefined;
         needsOffscreenAlphaCompositing?: boolean | undefined;
@@ -88,20 +105,20 @@ declare const _default: React.MemoExoticComponent<{
         onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        accessible?: boolean | undefined;
         accessibilityActions?: readonly Readonly<{
             name: string;
             label?: string | undefined;
         }>[] | undefined;
-        accessibilityLabel?: string | undefined;
         accessibilityRole?: import("react-native").AccessibilityRole | undefined;
         accessibilityState?: import("react-native").AccessibilityState | undefined;
         accessibilityHint?: string | undefined;
         accessibilityValue?: import("react-native").AccessibilityValue | undefined;
         onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
+        accessibilityLabelledBy?: string | string[] | undefined;
         accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
         importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
         accessibilityElementsHidden?: boolean | undefined;
+        accessibilityLanguage?: string | undefined;
         accessibilityViewIsModal?: boolean | undefined;
         onAccessibilityEscape?: (() => void) | undefined;
         onAccessibilityTap?: (() => void) | undefined;

package/build/typescript/icons/Youtube.d.ts

@@ -1,11 +1,16 @@
 import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
+        readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
+        title?: string | undefined;
+        clipPath?: string | undefined;
+        marker?: string | undefined;
+        mask?: string | undefined;
         opacity?: import("react-native-svg").NumberProp | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        readonly fill?: import("react-native").ColorValue | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
-        stroke?: import("react-native-svg").Color | undefined;
+        stroke?: import("react-native").ColorValue | undefined;
         strokeWidth?: import("react-native-svg").NumberProp | undefined;
         strokeOpacity?: import("react-native-svg").NumberProp | undefined;
         strokeDasharray?: import("react-native-svg").NumberProp | readonly import("react-native-svg").NumberProp[] | undefined;
@@ -13,9 +18,8 @@ declare const _default: React.MemoExoticComponent<{
         strokeLinecap?: import("react-native-svg").Linecap | undefined;
         strokeLinejoin?: import("react-native-svg").Linejoin | undefined;
         strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
+        vectorEffect?: import("react-native-svg").VectorEffect | undefined;
         clipRule?: import("react-native-svg").FillRule | undefined;
-        clipPath?: string | undefined;
-        transform?: string | import("react-native-svg").TransformObject | import("react-native-svg").ColumnMajorTransformMatrix | undefined;
         translate?: import("react-native-svg").NumberArray | undefined;
         translateX?: import("react-native-svg").NumberProp | undefined;
         translateY?: import("react-native-svg").NumberProp | undefined;
@@ -31,7 +35,7 @@ declare const _default: React.MemoExoticComponent<{
         rotation?: import("react-native-svg").NumberProp | undefined;
         x?: import("react-native-svg").NumberArray | undefined;
         y?: import("react-native-svg").NumberArray | undefined;
-        vectorEffect?: "none" | "inherit" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "uri" | undefined;
+        transform?: string | import("react-native-svg").ColumnMajorTransformMatrix | (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
         pointerEvents?: "none" | "auto" | "box-none" | "box-only" | undefined;
         onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
         onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
@@ -54,22 +58,35 @@ declare const _default: React.MemoExoticComponent<{
         delayPressOut?: number | undefined;
         delayLongPress?: number | undefined;
         id?: string | undefined;
-        marker?: string | undefined;
         markerStart?: string | undefined;
         markerMid?: string | undefined;
         markerEnd?: string | undefined;
-        mask?: string | undefined;
-        readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
-        title?: string | undefined;
+        onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
+        accessibilityLabel?: string | undefined;
+        accessible?: boolean | undefined;
+        testID?: string | undefined;
         readonly width?: import("react-native-svg").NumberProp | undefined;
         readonly height?: import("react-native-svg").NumberProp | undefined;
         readonly viewBox?: string | undefined;
         preserveAspectRatio?: string | undefined;
-        readonly color?: import("react-native-svg").Color | undefined;
+        readonly color?: import("packages/fountain-ui/build/typescript").CommonComponentColor | undefined;
+        font?: import("react-native-svg").FontObject | undefined;
+        fontStyle?: import("react-native-svg").FontStyle | undefined;
+        fontVariant?: import("react-native-svg").FontVariant | undefined;
+        fontWeight?: import("react-native-svg").FontWeight | undefined;
+        fontStretch?: import("react-native-svg").FontStretch | undefined;
+        fontSize?: import("react-native-svg").NumberProp | undefined;
+        fontFamily?: string | undefined;
+        textAnchor?: import("react-native-svg").TextAnchor | undefined;
+        textDecoration?: import("react-native-svg").TextDecoration | undefined;
+        letterSpacing?: import("react-native-svg").NumberProp | undefined;
+        wordSpacing?: import("react-native-svg").NumberProp | undefined;
+        kerning?: import("react-native-svg").NumberProp | undefined;
+        fontFeatureSettings?: string | undefined;
+        fontVariantLigatures?: import("react-native-svg").FontVariantLigatures | undefined;
+        fontVariationSettings?: string | undefined;
         hitSlop?: import("react-native").Insets | undefined;
-        onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
         removeClippedSubviews?: boolean | undefined;
-        testID?: string | undefined;
         nativeID?: string | undefined;
         collapsable?: boolean | undefined;
         needsOffscreenAlphaCompositing?: boolean | undefined;
@@ -88,20 +105,20 @@ declare const _default: React.MemoExoticComponent<{
         onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
         onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        accessible?: boolean | undefined;
         accessibilityActions?: readonly Readonly<{
             name: string;
             label?: string | undefined;
         }>[] | undefined;
-        accessibilityLabel?: string | undefined;
         accessibilityRole?: import("react-native").AccessibilityRole | undefined;
         accessibilityState?: import("react-native").AccessibilityState | undefined;
         accessibilityHint?: string | undefined;
         accessibilityValue?: import("react-native").AccessibilityValue | undefined;
         onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
+        accessibilityLabelledBy?: string | string[] | undefined;
         accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
         importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
         accessibilityElementsHidden?: boolean | undefined;
+        accessibilityLanguage?: string | undefined;
         accessibilityViewIsModal?: boolean | undefined;
         onAccessibilityEscape?: (() => void) | undefined;
         onAccessibilityTap?: (() => void) | undefined;

package/build/typescript/index.d.ts

@@ -1,3 +1,4 @@
+export { default as ActionTwoTone } from './icons/ActionTwoTone';
 export { default as Add } from './icons/Add';
 export { default as Apple } from './icons/Apple';
 export { default as ArrowLeft } from './icons/ArrowLeft';
@@ -18,11 +19,13 @@ export { default as CalendarOutlined } from './icons/CalendarOutlined';
 export { default as Check } from './icons/Check';
 export { default as CheckboxTransparentFilled } from './icons/CheckboxTransparentFilled';
 export { default as CheckboxChecked } from './icons/CheckboxChecked';
+export { default as CheckCircleFilled } from './icons/CheckCircleFilled';
 export { default as CheckCircleOutlined } from './icons/CheckCircleOutlined';
 export { default as ChevronDown } from './icons/ChevronDown';
 export { default as ChevronRight } from './icons/ChevronRight';
 export { default as ChevronUp } from './icons/ChevronUp';
 export { default as ChevronLeft } from './icons/ChevronLeft';
+export { default as ClockFilled } from './icons/ClockFilled';
 export { default as ClockOutlined } from './icons/ClockOutlined';
 export { default as ClockTwoTone } from './icons/ClockTwoTone';
 export { default as Close } from './icons/Close';
@@ -32,9 +35,13 @@ export { default as EyeOutlined } from './icons/EyeOutlined';
 export { default as Facebook } from './icons/Facebook';
 export { default as FontLato } from './icons/FontLato';
 export { default as FontLiterata } from './icons/FontLiterata';
+export { default as FreepointTwoTone } from './icons/FreepointTwoTone';
 export { default as GenreFilled } from './icons/GenreFilled';
 export { default as GenreOutlined } from './icons/GenreOutlined';
+export { default as GiftOutlined } from './icons/GiftOutlined';
+export { default as GiftTwoTone } from './icons/GiftTwoTone';
 export { default as Google } from './icons/Google';
+export { default as GraphUp } from './icons/GraphUp';
 export { default as Help } from './icons/Help';
 export { default as HomeFilled } from './icons/HomeFilled';
 export { default as HomeOutlined } from './icons/HomeOutlined';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fountain-ui/icons",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.10",
   "private": false,
   "author": "Fountain-UI Team",
   "description": "Fountain Design Svg Icons converted to Fountain-UI React components.",
@@ -15,7 +15,7 @@
     "prepare": "bob build"
   },
   "peerDependencies": {
-    "@fountain-ui/core": "^2.0.0-beta.1",
+    "@fountain-ui/core": "^2.0.0-beta.3",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react-native": "^0.63.0"
@@ -28,9 +28,6 @@
       "optional": true
     }
   },
-  "devDependencies": {
-    "@fountain-ui/core": "^1.19.1"
-  },
   "react-native-builder-bob": {
     "source": "./src",
     "output": "./build",
@@ -53,5 +50,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5883a0d99faaaf1233350572aaee88054151c102"
+  "gitHead": "b0d9e43744035ca199189733ba172320955879c9"
 }

package/src/icons/ActionTwoTone.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Path } from 'react-native-svg';
+import createSvgIcon from '../utils/createSvgIcon';
+
+export default createSvgIcon(
+    <React.Fragment>
+        <Path
+            fill="#00EBB2"
+            d="M16 3H6L3 12H7.5L5.5 18H8L17 7.5H12.25L16 3Z"
+        />
+        <Path
+            fill="#242424"
+            d="M16 3H6L3 12H7.5L5.5 18H8L17 7.5H12.25L16 3ZM13.7387 9L7.75362 15.9826L9.58114 10.5H5.08114L7.08114 4.5H12.7974L9.04744 9H13.7387Z"
+        />
+        <Path
+            fill="#242424"
+            d="M16 3H6L3 12H7.5L5.5 18H8L17 7.5H12.25L16 3ZM13.7387 9L7.75362 15.9826L9.58114 10.5H5.08114L7.08114 4.5H12.7974L9.04744 9H13.7387Z"
+        />
+    </React.Fragment>,
+    'ActionTwoTone',
+);

package/src/icons/BellTwoTone.tsx

@@ -5,10 +5,11 @@ import createSvgIcon from '../utils/createSvgIcon';
 export default createSvgIcon(
     <React.Fragment>
         <Path
-            d="M5 13.5V7.76923L7.85714 5H12.1429L15 7.76923V13.5H5Z"
             fill="#00EBB2"
+            d="M5 13.5V7.76923L7.85714 5H12.1429L15 7.76923V13.5H5Z"
         />
         <Path
+            fill="#242424"
             d="M11 2.75H9V4.25H7.55332L4.25 7.45168V12.65H3V14.15H17V12.65H15.75V7.45168L12.4467 4.25H11V2.75ZM14.25 12.65H5.75V8.08678L8.16096 5.75H11.839L14.25 8.08678V12.65ZM12 15C12 16.1046 11.1046 17 10 17C8.89543 17 8 16.1046 8 15H12Z"
         />
     </React.Fragment>,

package/src/icons/BookmarkTwoTone.tsx

@@ -5,10 +5,11 @@ import createSvgIcon from '../utils/createSvgIcon';
 export default createSvgIcon(
     <React.Fragment>
         <Path
-            d="M4 2H16V18L10 14.8L4 18V2Z"
             fill="#00EBB2"
+            d="M4 2H16V18L10 14.8L4 18V2Z"
         />
         <Path
+            fill="#242424"
             d="M10 13.1L14.5 15.5V3.5H5.5V15.5L10 13.1ZM4 18V2H16V18L10 14.8L4 18Z"
         />
     </React.Fragment>,

package/src/icons/CheckCircleFilled.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Path } from 'react-native-svg';
+import createSvgIcon from '../utils/createSvgIcon';
+
+export default createSvgIcon(
+    <Path
+        d="M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM8.32857 14.0321L4.96967 10.6732L6.03033 9.61253L8.32857 11.9108L13.7697 6.46967L14.8303 7.53033L8.32857 14.0321Z"
+    />,
+    'CheckCircleFilled',
+);

package/src/icons/CheckboxChecked.tsx

@@ -3,14 +3,8 @@ import { Path } from 'react-native-svg';
 import createSvgIcon from '../utils/createSvgIcon';
 
 export default createSvgIcon(
-    <React.Fragment>
-        <Path
-            d="M3 7C3 4.79086 4.79086 3 7 3H13C15.2091 3 17 4.79086 17 7V13C17 15.2091 15.2091 17 13 17H7C4.79086 17 3 15.2091 3 13V7Z"
-        />
-        <Path
-            d="M14.8303 7.53033L8.32856 14.0321L4.96967 10.6732L6.03033 9.61252L8.32856 11.9108L13.7697 6.46967L14.8303 7.53033Z"
-            fill="white"
-        />
-    </React.Fragment>,
+    <Path
+        d="M7 3C4.79086 3 3 4.79086 3 7V13C3 15.2091 4.79086 17 7 17H13C15.2091 17 17 15.2091 17 13V7C17 4.79086 15.2091 3 13 3H7ZM8.8589 13.5018L8.32857 14.0321L7.79824 13.5018L4.96967 10.6732L6.03033 9.61252L8.32857 11.9108L13.7697 6.46967L14.8303 7.53033L8.8589 13.5018Z"
+    />,
     'CheckboxChecked',
 );

package/src/icons/ClockFilled.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Path } from 'react-native-svg';
+import createSvgIcon from '../utils/createSvgIcon';
+
+export default createSvgIcon(
+    <Path
+        d="M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18ZM8.75 11.25V5.5H11.25V8.75H14.5V11.25H8.75Z"
+        fill="#242424"
+    />,
+    'ChevronUp',
+);

package/src/icons/ClockTwoTone.tsx

@@ -5,10 +5,11 @@ import createSvgIcon from '../utils/createSvgIcon';
 export default createSvgIcon(
     <React.Fragment>
         <Path
-            d="M18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10Z"
             fill="#00EBB2"
+            d="M18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10Z"
         />
         <Path
+            fill="#242424"
             fillRule="evenodd"
             clipRule="evenodd"
             d="M16.5 10C16.5 13.5899 13.5899 16.5 10 16.5C6.41015 16.5 3.5 13.5899 3.5 10C3.5 6.41015 6.41015 3.5 10 3.5C13.5899 3.5 16.5 6.41015 16.5 10ZM18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10ZM10.75 9.25V6H9.25V10.75H14V9.25H10.75Z"

package/src/icons/FreepointTwoTone.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Path } from 'react-native-svg';
+import createSvgIcon from '../utils/createSvgIcon';
+
+export default createSvgIcon(
+    <React.Fragment>
+        <Path
+            fill="#00EBB2"
+            d="M10 1L11.8635 3.04533L14.5 2.20577L15.0912 4.90883L17.7942 5.5L16.9547 8.1365L19 10L16.9547 11.8635L17.7942 14.5L15.0912 15.0912L14.5 17.7942L11.8635 16.9547L10 19L8.1365 16.9547L5.5 17.7942L4.90883 15.0912L2.20577 14.5L3.04533 11.8635L1 10L3.04533 8.1365L2.20577 5.5L4.90883 4.90883L5.5 2.20577L8.1365 3.04533L10 1Z"
+        />
+        <Path
+            fill="#242424"
+            d="M10 1L11.98 2.61067L14.5 2.20577L15.4094 4.59063L17.7942 5.5L17.3893 8.02003L19 10L17.3893 11.98L17.7942 14.5L15.4094 15.4094L14.5 17.7942L11.98 17.3893L10 19L8.02003 17.3893L5.5 17.7942L4.59063 15.4094L2.20577 14.5L2.61067 11.98L1 10L2.61067 8.02003L2.20577 5.5L4.59063 4.59063L5.5 2.20577L8.02003 2.61067L10 1ZM12.2179 4.09167L11.5546 4.19825L11.0334 3.77428L10 2.93364L8.96661 3.77428L8.44543 4.19825L7.78208 4.09167L6.46682 3.88035L5.9922 5.12506L5.75283 5.75283L5.12506 5.9922L3.88035 6.46682L4.09167 7.78208L4.19825 8.44543L3.77428 8.96661L2.93364 10L3.77428 11.0334L4.19825 11.5546L4.09167 12.2179L3.88035 13.5332L5.12506 14.0078L5.75283 14.2472L5.9922 14.8749L6.46682 16.1197L7.78208 15.9083L8.44543 15.8017L8.96661 16.2257L10 17.0664L11.0334 16.2257L11.5546 15.8017L12.2179 15.9083L13.5332 16.1196L14.0078 14.8749L14.2472 14.2472L14.8749 14.0078L16.1196 13.5332L15.9083 12.2179L15.8017 11.5546L16.2257 11.0334L17.0664 10L16.2257 8.96661L15.8017 8.44543L15.9083 7.78208L16.1197 6.46682L14.8749 5.9922L14.2472 5.75283L14.0078 5.12506L13.5332 3.88035L12.2179 4.09167ZM8.06765 6.56818V13.6932H9.50479V10.9201H9.54865C9.61387 11.064 9.70833 11.2069 9.83203 11.3485C9.95573 11.488 10.1143 11.6038 10.3077 11.696C10.5034 11.7882 10.7406 11.8343 11.0195 11.8343C11.4131 11.8343 11.7685 11.7331 12.0856 11.5307C12.4049 11.3261 12.6568 11.0258 12.8413 10.63C13.0279 10.2319 13.1213 9.74384 13.1213 9.16584C13.1213 8.57209 13.0257 8.07842 12.8345 7.68484C12.6433 7.289 12.3881 6.99325 12.0687 6.79759C11.7493 6.59967 11.4007 6.50071 11.0229 6.50071C10.7328 6.50071 10.4899 6.55019 10.2942 6.64915C10.1008 6.74586 9.94336 6.86731 9.82191 7.01349C9.70271 7.15743 9.61162 7.29912 9.54865 7.43857H9.48455V6.56818H8.06765ZM9.60263 9.96538C9.51716 9.73597 9.47443 9.46721 9.47443 9.15909C9.47443 8.85097 9.51716 8.58333 9.60263 8.35618C9.68809 8.12902 9.81067 7.9536 9.97035 7.8299C10.1323 7.7062 10.3302 7.64435 10.5641 7.64435C10.8002 7.64435 10.9993 7.70845 11.1612 7.83665C11.3232 7.96484 11.4457 8.14252 11.5289 8.36967C11.6122 8.59683 11.6538 8.85997 11.6538 9.15909C11.6538 9.46046 11.611 9.72698 11.5256 9.95863C11.4424 10.188 11.3198 10.368 11.1578 10.4984C10.9959 10.6266 10.798 10.6907 10.5641 10.6907C10.3324 10.6907 10.1357 10.6277 9.97372 10.5018C9.81179 10.3736 9.68809 10.1948 9.60263 9.96538Z"
+        />
+    </React.Fragment>,
+    'FreepointTwoTone',
+);

package/src/icons/GiftOutlined.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Path } from 'react-native-svg';
+import createSvgIcon from '../utils/createSvgIcon';
+
+export default createSvgIcon(
+    <Path
+        d="M17 8.99999H18V3.99999H12.0213L12.9607 3.06065L11.9 1.99999L10.0107 3.88934L8.06066 1.93933L7 2.99999L8 3.99999H2V8.99999H3V17H17V8.99999ZM15.5 15.5H10.75V8.99999H15.5V15.5ZM9.25 15.5H4.5V8.99999H9.25V15.5ZM16.5 7.49999H3.5V5.49999H16.5V7.49999Z"
+    />,
+    'GiftOutlined',
+);

package/src/icons/GiftTwoTone.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Path } from 'react-native-svg';
+import createSvgIcon from '../utils/createSvgIcon';
+
+export default createSvgIcon(
+    <React.Fragment>
+        <Path
+            fill="#00EBB2"
+            d="M3 4H17V17H3V4Z"
+        />
+        <Path
+            fill="#242424"
+            d="M17 8.99999H18V3.99999H12.0213L12.9607 3.06065L11.9 1.99999L10.0107 3.88934L8.06066 1.93933L7 2.99999L8 3.99999H2V8.99999H3V17H17V8.99999ZM15.5 15.5H10.75V8.99999H15.5V15.5ZM9.25 15.5H4.5V8.99999H9.25V15.5ZM16.5 7.49999H3.5V5.49999H16.5V7.49999Z"
+        />
+    </React.Fragment>,
+    'GiftTwoTone',
+);

package/src/icons/GraphUp.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Path } from 'react-native-svg';
+import createSvgIcon from '../utils/createSvgIcon';
+
+export default createSvgIcon(
+    <Path
+        d="M17.7804 4.75H10.5304V6.75H14.3662L9.78037 11.3358L7.28037 8.83584L1.89648 14.2197L3.3107 15.6339L7.28037 11.6643L9.78037 14.1643L15.7804 8.16427V12H17.7804V4.75Z"
+        fill="#242424"
+    />,
+    'ChevronUp',
+);

package/src/icons/Logo.tsx

@@ -10,10 +10,10 @@ const LogoSvgIcon = createSvgIcon(
     'Logo',
 );
 
-const VIEW_BOX_WIDTH = 108;
-const VIEW_BOX_HEIGHT = 28;
+const VIEW_BOX_WIDTH = 92;
+const VIEW_BOX_HEIGHT = 24;
 
-const DEFAULT_WIDTH = 123;
+const DEFAULT_WIDTH = 108;
 
 function Logo(props: Omit<SvgIconProps, 'children'>) {
     const { width = DEFAULT_WIDTH, height: heightProp } = props;

package/src/icons/SaleTwoTone.tsx

@@ -5,12 +5,11 @@ import createSvgIcon from '../utils/createSvgIcon';
 export default createSvgIcon(
     <React.Fragment>
         <Path
-            d="M16 3H4V10H3L3 14L10 18L17 14V10H16V3Z"
             fill="#00EBB2"
+            d="M16 3H4V10H3L3 14L10 18L17 14V10H16V3Z"
         />
         <Path
-            fillRule="evenodd"
-            clipRule="evenodd"
+            fill="#242424"
             d="M3 10H4V3H16V10H17V14L10 18L3 14V10ZM5.5 11.5H4.5V13.1295L10 16.2724L15.5 13.1295V11.5H14.5V4.5H5.5V11.5ZM12.5303 8.53033L8.53033 12.5303L7.46967 11.4697L11.4697 7.46967L12.5303 8.53033ZM9 8C9 8.55229 8.55229 9 8 9C7.44772 9 7 8.55229 7 8C7 7.44772 7.44772 7 8 7C8.55229 7 9 7.44772 9 8ZM12 12.8C12.5523 12.8 13 12.3523 13 11.8C13 11.2477 12.5523 10.8 12 10.8C11.4477 10.8 11 11.2477 11 11.8C11 12.3523 11.4477 12.8 12 12.8Z"
         />
     </React.Fragment>,

package/src/icons/TicketTwoTone.tsx

@@ -5,12 +5,11 @@ import createSvgIcon from '../utils/createSvgIcon';
 export default createSvgIcon(
     <React.Fragment>
         <Path
-            d="M13.8531 2.0019L1.14688 9.33784L3.02188 12.5854C3.67977 12.2056 4.49291 12.3824 4.83809 12.9802C5.18327 13.5781 4.92977 14.3707 4.27188 14.7505L6.14688 17.9981L18.8531 10.6621L13.8531 2.0019Z"
             fill="#00EBB2"
+            d="M13.8531 2.0019L1.14688 9.33784L3.02188 12.5854C3.67977 12.2056 4.49291 12.3824 4.83809 12.9802C5.18327 13.5781 4.92977 14.3707 4.27188 14.7505L6.14688 17.9981L18.8531 10.6621L13.8531 2.0019Z"
         />
         <Path
-            fillRule="evenodd"
-            clipRule="evenodd"
+            fill="#242424"
             d="M11.0335 5.36187L13.3182 4.0428L16.8182 10.105L14.5335 11.424L13.9085 10.3415L12.6095 11.0915L13.2345 12.174L6.68182 15.9572L6.10373 14.9559C6.56316 14.1577 6.65288 13.15 6.12567 12.2368C5.59847 11.3237 4.68086 10.8975 3.75992 10.8963L3.18182 9.89502L9.73446 6.11187L10.3595 7.1944L11.6585 6.4444L11.0335 5.36187ZM4.82664 12.9868C5.17181 13.5847 4.91713 14.378 4.25778 14.7586L6.13278 18.0062L18.8672 10.654L13.8672 1.99376L1.13278 9.34598L3.00778 12.5936C3.66713 12.2129 4.48146 12.389 4.82664 12.9868ZM10.8595 8.06042L12.1095 10.2255L13.4085 9.47549L12.1585 7.31042L10.8595 8.06042Z"
         />
     </React.Fragment>,