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

package/build/typescript/icons/SpacingLargeFilled.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/SpacingLargeOutlined.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/SpacingMediumFilled.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/SpacingMediumOutlined.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/SpacingSmallFilled.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/SpacingSmallOutlined.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/Speaker.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/SwapHorizontal.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/SwapVertical.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/TicketOutlined.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/TicketTwoTone.d.ts

@@ -0,0 +1,114 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<{
+    (props: {
+        opacity?: import("react-native-svg").NumberProp | 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;
+        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;
+        strokeDashoffset?: import("react-native-svg").NumberProp | undefined;
+        strokeLinecap?: import("react-native-svg").Linecap | undefined;
+        strokeLinejoin?: import("react-native-svg").Linejoin | undefined;
+        strokeMiterlimit?: import("react-native-svg").NumberProp | 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;
+        origin?: import("react-native-svg").NumberArray | undefined;
+        originX?: import("react-native-svg").NumberProp | undefined;
+        originY?: import("react-native-svg").NumberProp | undefined;
+        scale?: import("react-native-svg").NumberArray | undefined;
+        scaleX?: import("react-native-svg").NumberProp | undefined;
+        scaleY?: import("react-native-svg").NumberProp | undefined;
+        skew?: import("react-native-svg").NumberArray | undefined;
+        skewX?: import("react-native-svg").NumberProp | undefined;
+        skewY?: import("react-native-svg").NumberProp | undefined;
+        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;
+        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;
+        onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
+        onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
+        onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
+        disabled?: boolean | undefined;
+        onPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        delayPressIn?: number | undefined;
+        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;
+        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("packages/fountain-ui/build/typescript").CommonComponentColor | 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;
+        renderToHardwareTextureAndroid?: boolean | undefined;
+        focusable?: boolean | undefined;
+        shouldRasterizeIOS?: boolean | undefined;
+        isTVSelectable?: boolean | undefined;
+        hasTVPreferredFocus?: boolean | undefined;
+        tvParallaxProperties?: import("react-native").TVParallaxProperties | undefined;
+        tvParallaxShiftDistanceX?: number | undefined;
+        tvParallaxShiftDistanceY?: number | undefined;
+        tvParallaxTiltAngle?: number | undefined;
+        tvParallaxMagnification?: number | undefined;
+        onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+        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;
+        accessibilityLiveRegion?: "none" | "polite" | "assertive" | 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;
+}>;
+export default _default;