@fountain-ui/icons 1.20.0 → 2.0.0-beta.3

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

@@ -2,7 +2,7 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
         opacity?: import("react-native-svg").NumberProp | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        fill?: import("react-native-svg").Color | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
         stroke?: import("react-native-svg").Color | undefined;
@@ -31,8 +31,8 @@ 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" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "inherit" | "uri" | undefined;
-        pointerEvents?: "none" | "box-none" | "box-only" | "auto" | undefined;
+        vectorEffect?: "none" | "inherit" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "uri" | 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;
         onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
@@ -61,11 +61,11 @@ declare const _default: React.MemoExoticComponent<{
         mask?: string | undefined;
         readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
         title?: string | undefined;
-        readonly height?: import("react-native-svg").NumberProp | 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;
         hitSlop?: import("react-native").Insets | undefined;
         onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
         removeClippedSubviews?: boolean | undefined;
@@ -100,13 +100,14 @@ declare const _default: React.MemoExoticComponent<{
         accessibilityValue?: import("react-native").AccessibilityValue | undefined;
         onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
         accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
-        importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
+        importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
         accessibilityElementsHidden?: boolean | undefined;
         accessibilityViewIsModal?: boolean | undefined;
         onAccessibilityEscape?: (() => void) | undefined;
         onAccessibilityTap?: (() => void) | undefined;
         onMagicTap?: (() => void) | undefined;
         accessibilityIgnoresInvertColors?: boolean | undefined;
+        readonly colorValue?: string | undefined;
     }): JSX.Element;
     displayName: string;
 }>;

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

@@ -2,7 +2,7 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
         opacity?: import("react-native-svg").NumberProp | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        fill?: import("react-native-svg").Color | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
         stroke?: import("react-native-svg").Color | undefined;
@@ -31,8 +31,8 @@ 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" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "inherit" | "uri" | undefined;
-        pointerEvents?: "none" | "box-none" | "box-only" | "auto" | undefined;
+        vectorEffect?: "none" | "inherit" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "uri" | 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;
         onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
@@ -61,11 +61,11 @@ declare const _default: React.MemoExoticComponent<{
         mask?: string | undefined;
         readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
         title?: string | undefined;
-        readonly height?: import("react-native-svg").NumberProp | 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;
         hitSlop?: import("react-native").Insets | undefined;
         onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
         removeClippedSubviews?: boolean | undefined;
@@ -100,13 +100,14 @@ declare const _default: React.MemoExoticComponent<{
         accessibilityValue?: import("react-native").AccessibilityValue | undefined;
         onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
         accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
-        importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
+        importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
         accessibilityElementsHidden?: boolean | undefined;
         accessibilityViewIsModal?: boolean | undefined;
         onAccessibilityEscape?: (() => void) | undefined;
         onAccessibilityTap?: (() => void) | undefined;
         onMagicTap?: (() => void) | undefined;
         accessibilityIgnoresInvertColors?: boolean | undefined;
+        readonly colorValue?: string | undefined;
     }): JSX.Element;
     displayName: string;
 }>;

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

@@ -2,7 +2,7 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
         opacity?: import("react-native-svg").NumberProp | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        fill?: import("react-native-svg").Color | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
         stroke?: import("react-native-svg").Color | undefined;
@@ -31,8 +31,8 @@ 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" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "inherit" | "uri" | undefined;
-        pointerEvents?: "none" | "box-none" | "box-only" | "auto" | undefined;
+        vectorEffect?: "none" | "inherit" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "uri" | 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;
         onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
@@ -61,11 +61,11 @@ declare const _default: React.MemoExoticComponent<{
         mask?: string | undefined;
         readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
         title?: string | undefined;
-        readonly height?: import("react-native-svg").NumberProp | 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;
         hitSlop?: import("react-native").Insets | undefined;
         onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
         removeClippedSubviews?: boolean | undefined;
@@ -100,13 +100,14 @@ declare const _default: React.MemoExoticComponent<{
         accessibilityValue?: import("react-native").AccessibilityValue | undefined;
         onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
         accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
-        importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
+        importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
         accessibilityElementsHidden?: boolean | undefined;
         accessibilityViewIsModal?: boolean | undefined;
         onAccessibilityEscape?: (() => void) | undefined;
         onAccessibilityTap?: (() => void) | undefined;
         onMagicTap?: (() => void) | undefined;
         accessibilityIgnoresInvertColors?: boolean | undefined;
+        readonly colorValue?: string | undefined;
     }): JSX.Element;
     displayName: string;
 }>;

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

@@ -2,7 +2,7 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
         opacity?: import("react-native-svg").NumberProp | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        fill?: import("react-native-svg").Color | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
         stroke?: import("react-native-svg").Color | undefined;
@@ -31,8 +31,8 @@ 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" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "inherit" | "uri" | undefined;
-        pointerEvents?: "none" | "box-none" | "box-only" | "auto" | undefined;
+        vectorEffect?: "none" | "inherit" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "uri" | 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;
         onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
@@ -61,11 +61,11 @@ declare const _default: React.MemoExoticComponent<{
         mask?: string | undefined;
         readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
         title?: string | undefined;
-        readonly height?: import("react-native-svg").NumberProp | 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;
         hitSlop?: import("react-native").Insets | undefined;
         onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
         removeClippedSubviews?: boolean | undefined;
@@ -100,13 +100,14 @@ declare const _default: React.MemoExoticComponent<{
         accessibilityValue?: import("react-native").AccessibilityValue | undefined;
         onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
         accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
-        importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
+        importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
         accessibilityElementsHidden?: boolean | undefined;
         accessibilityViewIsModal?: boolean | undefined;
         onAccessibilityEscape?: (() => void) | undefined;
         onAccessibilityTap?: (() => void) | undefined;
         onMagicTap?: (() => void) | undefined;
         accessibilityIgnoresInvertColors?: boolean | undefined;
+        readonly colorValue?: string | undefined;
     }): JSX.Element;
     displayName: string;
 }>;

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

@@ -2,7 +2,7 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
         opacity?: import("react-native-svg").NumberProp | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        fill?: import("react-native-svg").Color | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
         stroke?: import("react-native-svg").Color | undefined;
@@ -31,8 +31,8 @@ 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" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "inherit" | "uri" | undefined;
-        pointerEvents?: "none" | "box-none" | "box-only" | "auto" | undefined;
+        vectorEffect?: "none" | "inherit" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "uri" | 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;
         onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
@@ -61,11 +61,11 @@ declare const _default: React.MemoExoticComponent<{
         mask?: string | undefined;
         readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
         title?: string | undefined;
-        readonly height?: import("react-native-svg").NumberProp | 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;
         hitSlop?: import("react-native").Insets | undefined;
         onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
         removeClippedSubviews?: boolean | undefined;
@@ -100,13 +100,14 @@ declare const _default: React.MemoExoticComponent<{
         accessibilityValue?: import("react-native").AccessibilityValue | undefined;
         onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
         accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
-        importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
+        importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
         accessibilityElementsHidden?: boolean | undefined;
         accessibilityViewIsModal?: boolean | undefined;
         onAccessibilityEscape?: (() => void) | undefined;
         onAccessibilityTap?: (() => void) | undefined;
         onMagicTap?: (() => void) | undefined;
         accessibilityIgnoresInvertColors?: boolean | undefined;
+        readonly colorValue?: string | undefined;
     }): JSX.Element;
     displayName: string;
 }>;

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

@@ -2,7 +2,7 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
         opacity?: import("react-native-svg").NumberProp | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        fill?: import("react-native-svg").Color | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
         stroke?: import("react-native-svg").Color | undefined;
@@ -31,8 +31,8 @@ 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" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "inherit" | "uri" | undefined;
-        pointerEvents?: "none" | "box-none" | "box-only" | "auto" | undefined;
+        vectorEffect?: "none" | "inherit" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "uri" | 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;
         onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
@@ -61,11 +61,11 @@ declare const _default: React.MemoExoticComponent<{
         mask?: string | undefined;
         readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
         title?: string | undefined;
-        readonly height?: import("react-native-svg").NumberProp | 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;
         hitSlop?: import("react-native").Insets | undefined;
         onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
         removeClippedSubviews?: boolean | undefined;
@@ -100,13 +100,14 @@ declare const _default: React.MemoExoticComponent<{
         accessibilityValue?: import("react-native").AccessibilityValue | undefined;
         onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
         accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
-        importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
+        importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
         accessibilityElementsHidden?: boolean | undefined;
         accessibilityViewIsModal?: boolean | undefined;
         onAccessibilityEscape?: (() => void) | undefined;
         onAccessibilityTap?: (() => void) | undefined;
         onMagicTap?: (() => void) | undefined;
         accessibilityIgnoresInvertColors?: boolean | undefined;
+        readonly colorValue?: string | undefined;
     }): JSX.Element;
     displayName: string;
 }>;

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

@@ -2,7 +2,7 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
         opacity?: import("react-native-svg").NumberProp | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        fill?: import("react-native-svg").Color | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
         stroke?: import("react-native-svg").Color | undefined;
@@ -31,8 +31,8 @@ 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" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "inherit" | "uri" | undefined;
-        pointerEvents?: "none" | "box-none" | "box-only" | "auto" | undefined;
+        vectorEffect?: "none" | "inherit" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "uri" | 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;
         onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
@@ -61,11 +61,11 @@ declare const _default: React.MemoExoticComponent<{
         mask?: string | undefined;
         readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
         title?: string | undefined;
-        readonly height?: import("react-native-svg").NumberProp | 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;
         hitSlop?: import("react-native").Insets | undefined;
         onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
         removeClippedSubviews?: boolean | undefined;
@@ -100,13 +100,14 @@ declare const _default: React.MemoExoticComponent<{
         accessibilityValue?: import("react-native").AccessibilityValue | undefined;
         onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
         accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
-        importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
+        importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
         accessibilityElementsHidden?: boolean | undefined;
         accessibilityViewIsModal?: boolean | undefined;
         onAccessibilityEscape?: (() => void) | undefined;
         onAccessibilityTap?: (() => void) | undefined;
         onMagicTap?: (() => void) | undefined;
         accessibilityIgnoresInvertColors?: boolean | undefined;
+        readonly colorValue?: string | undefined;
     }): JSX.Element;
     displayName: string;
 }>;

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

@@ -2,7 +2,7 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
         opacity?: import("react-native-svg").NumberProp | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        fill?: import("react-native-svg").Color | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
         stroke?: import("react-native-svg").Color | undefined;
@@ -31,8 +31,8 @@ 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" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "inherit" | "uri" | undefined;
-        pointerEvents?: "none" | "box-none" | "box-only" | "auto" | undefined;
+        vectorEffect?: "none" | "inherit" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "uri" | 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;
         onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
@@ -61,11 +61,11 @@ declare const _default: React.MemoExoticComponent<{
         mask?: string | undefined;
         readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
         title?: string | undefined;
-        readonly height?: import("react-native-svg").NumberProp | 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;
         hitSlop?: import("react-native").Insets | undefined;
         onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
         removeClippedSubviews?: boolean | undefined;
@@ -100,13 +100,14 @@ declare const _default: React.MemoExoticComponent<{
         accessibilityValue?: import("react-native").AccessibilityValue | undefined;
         onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
         accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
-        importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
+        importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
         accessibilityElementsHidden?: boolean | undefined;
         accessibilityViewIsModal?: boolean | undefined;
         onAccessibilityEscape?: (() => void) | undefined;
         onAccessibilityTap?: (() => void) | undefined;
         onMagicTap?: (() => void) | undefined;
         accessibilityIgnoresInvertColors?: boolean | undefined;
+        readonly colorValue?: string | undefined;
     }): JSX.Element;
     displayName: string;
 }>;

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

@@ -2,7 +2,7 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
         opacity?: import("react-native-svg").NumberProp | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        fill?: import("react-native-svg").Color | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
         stroke?: import("react-native-svg").Color | undefined;
@@ -31,8 +31,8 @@ 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" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "inherit" | "uri" | undefined;
-        pointerEvents?: "none" | "box-none" | "box-only" | "auto" | undefined;
+        vectorEffect?: "none" | "inherit" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "uri" | 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;
         onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
@@ -61,11 +61,11 @@ declare const _default: React.MemoExoticComponent<{
         mask?: string | undefined;
         readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
         title?: string | undefined;
-        readonly height?: import("react-native-svg").NumberProp | 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;
         hitSlop?: import("react-native").Insets | undefined;
         onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
         removeClippedSubviews?: boolean | undefined;
@@ -100,13 +100,14 @@ declare const _default: React.MemoExoticComponent<{
         accessibilityValue?: import("react-native").AccessibilityValue | undefined;
         onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
         accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
-        importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
+        importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
         accessibilityElementsHidden?: boolean | undefined;
         accessibilityViewIsModal?: boolean | undefined;
         onAccessibilityEscape?: (() => void) | undefined;
         onAccessibilityTap?: (() => void) | undefined;
         onMagicTap?: (() => void) | undefined;
         accessibilityIgnoresInvertColors?: boolean | undefined;
+        readonly colorValue?: string | undefined;
     }): JSX.Element;
     displayName: string;
 }>;

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

@@ -2,7 +2,7 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
         opacity?: import("react-native-svg").NumberProp | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        fill?: import("react-native-svg").Color | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
         stroke?: import("react-native-svg").Color | undefined;
@@ -31,8 +31,8 @@ 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" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "inherit" | "uri" | undefined;
-        pointerEvents?: "none" | "box-none" | "box-only" | "auto" | undefined;
+        vectorEffect?: "none" | "inherit" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "uri" | 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;
         onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
@@ -61,11 +61,11 @@ declare const _default: React.MemoExoticComponent<{
         mask?: string | undefined;
         readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
         title?: string | undefined;
-        readonly height?: import("react-native-svg").NumberProp | 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;
         hitSlop?: import("react-native").Insets | undefined;
         onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
         removeClippedSubviews?: boolean | undefined;
@@ -100,13 +100,14 @@ declare const _default: React.MemoExoticComponent<{
         accessibilityValue?: import("react-native").AccessibilityValue | undefined;
         onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
         accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
-        importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
+        importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
         accessibilityElementsHidden?: boolean | undefined;
         accessibilityViewIsModal?: boolean | undefined;
         onAccessibilityEscape?: (() => void) | undefined;
         onAccessibilityTap?: (() => void) | undefined;
         onMagicTap?: (() => void) | undefined;
         accessibilityIgnoresInvertColors?: boolean | undefined;
+        readonly colorValue?: string | undefined;
     }): JSX.Element;
     displayName: string;
 }>;

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

@@ -2,7 +2,7 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
         opacity?: import("react-native-svg").NumberProp | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        fill?: import("react-native-svg").Color | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
         stroke?: import("react-native-svg").Color | undefined;
@@ -31,8 +31,8 @@ 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" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "inherit" | "uri" | undefined;
-        pointerEvents?: "none" | "box-none" | "box-only" | "auto" | undefined;
+        vectorEffect?: "none" | "inherit" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "uri" | 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;
         onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
@@ -61,11 +61,11 @@ declare const _default: React.MemoExoticComponent<{
         mask?: string | undefined;
         readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
         title?: string | undefined;
-        readonly height?: import("react-native-svg").NumberProp | 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;
         hitSlop?: import("react-native").Insets | undefined;
         onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
         removeClippedSubviews?: boolean | undefined;
@@ -100,13 +100,14 @@ declare const _default: React.MemoExoticComponent<{
         accessibilityValue?: import("react-native").AccessibilityValue | undefined;
         onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
         accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
-        importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
+        importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
         accessibilityElementsHidden?: boolean | undefined;
         accessibilityViewIsModal?: boolean | undefined;
         onAccessibilityEscape?: (() => void) | undefined;
         onAccessibilityTap?: (() => void) | undefined;
         onMagicTap?: (() => void) | undefined;
         accessibilityIgnoresInvertColors?: boolean | undefined;
+        readonly colorValue?: string | undefined;
     }): JSX.Element;
     displayName: string;
 }>;

package/build/typescript/icons/{BellTwotone.d.ts → BellTwoTone.d.ts}

@@ -2,7 +2,7 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
         opacity?: import("react-native-svg").NumberProp | undefined;
-        readonly fill?: import("react-native-svg").Color | undefined;
+        fill?: import("react-native-svg").Color | undefined;
         fillOpacity?: import("react-native-svg").NumberProp | undefined;
         fillRule?: import("react-native-svg").FillRule | undefined;
         stroke?: import("react-native-svg").Color | undefined;
@@ -31,8 +31,8 @@ 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" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "inherit" | "uri" | undefined;
-        pointerEvents?: "none" | "box-none" | "box-only" | "auto" | undefined;
+        vectorEffect?: "none" | "inherit" | "non-scaling-stroke" | "nonScalingStroke" | "default" | "uri" | 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;
         onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
@@ -61,11 +61,11 @@ declare const _default: React.MemoExoticComponent<{
         mask?: string | undefined;
         readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
         title?: string | undefined;
-        readonly height?: import("react-native-svg").NumberProp | 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;
         hitSlop?: import("react-native").Insets | undefined;
         onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
         removeClippedSubviews?: boolean | undefined;
@@ -100,13 +100,14 @@ declare const _default: React.MemoExoticComponent<{
         accessibilityValue?: import("react-native").AccessibilityValue | undefined;
         onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
         accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
-        importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
+        importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | undefined;
         accessibilityElementsHidden?: boolean | undefined;
         accessibilityViewIsModal?: boolean | undefined;
         onAccessibilityEscape?: (() => void) | undefined;
         onAccessibilityTap?: (() => void) | undefined;
         onMagicTap?: (() => void) | undefined;
         accessibilityIgnoresInvertColors?: boolean | undefined;
+        readonly colorValue?: string | undefined;
     }): JSX.Element;
     displayName: string;
 }>;