@fountain-ui/icons 2.0.0-beta.9 → 3.0.0-alpha.1

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

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
-        readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
+        readonly style?: import("packages/fountain-ui-styles/build/typescript").FountainUiStyle | import("packages/fountain-ui-styles/build/typescript").FountainUiStyle[] | undefined;
         title?: string | undefined;
         clipPath?: string | undefined;
         marker?: string | undefined;
@@ -20,7 +20,6 @@ declare const _default: React.MemoExoticComponent<{
         strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
         vectorEffect?: import("react-native-svg").VectorEffect | undefined;
         clipRule?: import("react-native-svg").FillRule | 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;
@@ -36,6 +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;
+        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;
@@ -62,11 +62,14 @@ declare const _default: React.MemoExoticComponent<{
         markerMid?: string | undefined;
         markerEnd?: 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("packages/fountain-ui/build/typescript").CommonComponentColor | undefined;
+        readonly color?: "base" | "strong" | "strongInverse" | "baseInverse" | "baseOpacity" | "baseOpacityInverse" | "weak" | "weakInverse" | "weakOpacity" | "weakOpacityInverse" | "accent" | "accentAlt" | undefined;
         font?: import("react-native-svg").FontObject | undefined;
         fontStyle?: import("react-native-svg").FontStyle | undefined;
         fontVariant?: import("react-native-svg").FontVariant | undefined;
@@ -84,7 +87,6 @@ declare const _default: React.MemoExoticComponent<{
         fontVariationSettings?: string | undefined;
         hitSlop?: import("react-native").Insets | undefined;
         removeClippedSubviews?: boolean | undefined;
-        testID?: string | undefined;
         nativeID?: string | undefined;
         collapsable?: boolean | undefined;
         needsOffscreenAlphaCompositing?: boolean | undefined;
@@ -103,25 +105,26 @@ 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;
         onMagicTap?: (() => void) | undefined;
         accessibilityIgnoresInvertColors?: boolean | undefined;
+        readonly size?: "small" | "medium" | "large" | undefined;
     }): JSX.Element;
     displayName: string;
 }>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
-        readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
+        readonly style?: import("packages/fountain-ui-styles/build/typescript").FountainUiStyle | import("packages/fountain-ui-styles/build/typescript").FountainUiStyle[] | undefined;
         title?: string | undefined;
         clipPath?: string | undefined;
         marker?: string | undefined;
@@ -20,7 +20,6 @@ declare const _default: React.MemoExoticComponent<{
         strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
         vectorEffect?: import("react-native-svg").VectorEffect | undefined;
         clipRule?: import("react-native-svg").FillRule | 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;
@@ -36,6 +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;
+        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;
@@ -62,11 +62,14 @@ declare const _default: React.MemoExoticComponent<{
         markerMid?: string | undefined;
         markerEnd?: 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("packages/fountain-ui/build/typescript").CommonComponentColor | undefined;
+        readonly color?: "base" | "strong" | "strongInverse" | "baseInverse" | "baseOpacity" | "baseOpacityInverse" | "weak" | "weakInverse" | "weakOpacity" | "weakOpacityInverse" | "accent" | "accentAlt" | undefined;
         font?: import("react-native-svg").FontObject | undefined;
         fontStyle?: import("react-native-svg").FontStyle | undefined;
         fontVariant?: import("react-native-svg").FontVariant | undefined;
@@ -84,7 +87,6 @@ declare const _default: React.MemoExoticComponent<{
         fontVariationSettings?: string | undefined;
         hitSlop?: import("react-native").Insets | undefined;
         removeClippedSubviews?: boolean | undefined;
-        testID?: string | undefined;
         nativeID?: string | undefined;
         collapsable?: boolean | undefined;
         needsOffscreenAlphaCompositing?: boolean | undefined;
@@ -103,25 +105,26 @@ 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;
         onMagicTap?: (() => void) | undefined;
         accessibilityIgnoresInvertColors?: boolean | undefined;
+        readonly size?: "small" | "medium" | "large" | undefined;
     }): JSX.Element;
     displayName: string;
 }>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
-        readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
+        readonly style?: import("packages/fountain-ui-styles/build/typescript").FountainUiStyle | import("packages/fountain-ui-styles/build/typescript").FountainUiStyle[] | undefined;
         title?: string | undefined;
         clipPath?: string | undefined;
         marker?: string | undefined;
@@ -20,7 +20,6 @@ declare const _default: React.MemoExoticComponent<{
         strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
         vectorEffect?: import("react-native-svg").VectorEffect | undefined;
         clipRule?: import("react-native-svg").FillRule | 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;
@@ -36,6 +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;
+        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;
@@ -62,11 +62,14 @@ declare const _default: React.MemoExoticComponent<{
         markerMid?: string | undefined;
         markerEnd?: 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("packages/fountain-ui/build/typescript").CommonComponentColor | undefined;
+        readonly color?: "base" | "strong" | "strongInverse" | "baseInverse" | "baseOpacity" | "baseOpacityInverse" | "weak" | "weakInverse" | "weakOpacity" | "weakOpacityInverse" | "accent" | "accentAlt" | undefined;
         font?: import("react-native-svg").FontObject | undefined;
         fontStyle?: import("react-native-svg").FontStyle | undefined;
         fontVariant?: import("react-native-svg").FontVariant | undefined;
@@ -84,7 +87,6 @@ declare const _default: React.MemoExoticComponent<{
         fontVariationSettings?: string | undefined;
         hitSlop?: import("react-native").Insets | undefined;
         removeClippedSubviews?: boolean | undefined;
-        testID?: string | undefined;
         nativeID?: string | undefined;
         collapsable?: boolean | undefined;
         needsOffscreenAlphaCompositing?: boolean | undefined;
@@ -103,25 +105,26 @@ 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;
         onMagicTap?: (() => void) | undefined;
         accessibilityIgnoresInvertColors?: boolean | undefined;
+        readonly size?: "small" | "medium" | "large" | undefined;
     }): JSX.Element;
     displayName: string;
 }>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
-        readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
+        readonly style?: import("packages/fountain-ui-styles/build/typescript").FountainUiStyle | import("packages/fountain-ui-styles/build/typescript").FountainUiStyle[] | undefined;
         title?: string | undefined;
         clipPath?: string | undefined;
         marker?: string | undefined;
@@ -20,7 +20,6 @@ declare const _default: React.MemoExoticComponent<{
         strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
         vectorEffect?: import("react-native-svg").VectorEffect | undefined;
         clipRule?: import("react-native-svg").FillRule | 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;
@@ -36,6 +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;
+        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;
@@ -62,11 +62,14 @@ declare const _default: React.MemoExoticComponent<{
         markerMid?: string | undefined;
         markerEnd?: 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("packages/fountain-ui/build/typescript").CommonComponentColor | undefined;
+        readonly color?: "base" | "strong" | "strongInverse" | "baseInverse" | "baseOpacity" | "baseOpacityInverse" | "weak" | "weakInverse" | "weakOpacity" | "weakOpacityInverse" | "accent" | "accentAlt" | undefined;
         font?: import("react-native-svg").FontObject | undefined;
         fontStyle?: import("react-native-svg").FontStyle | undefined;
         fontVariant?: import("react-native-svg").FontVariant | undefined;
@@ -84,7 +87,6 @@ declare const _default: React.MemoExoticComponent<{
         fontVariationSettings?: string | undefined;
         hitSlop?: import("react-native").Insets | undefined;
         removeClippedSubviews?: boolean | undefined;
-        testID?: string | undefined;
         nativeID?: string | undefined;
         collapsable?: boolean | undefined;
         needsOffscreenAlphaCompositing?: boolean | undefined;
@@ -103,25 +105,26 @@ 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;
         onMagicTap?: (() => void) | undefined;
         accessibilityIgnoresInvertColors?: boolean | undefined;
+        readonly size?: "small" | "medium" | "large" | undefined;
     }): JSX.Element;
     displayName: string;
 }>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
-        readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
+        readonly style?: import("packages/fountain-ui-styles/build/typescript").FountainUiStyle | import("packages/fountain-ui-styles/build/typescript").FountainUiStyle[] | undefined;
         title?: string | undefined;
         clipPath?: string | undefined;
         marker?: string | undefined;
@@ -20,7 +20,6 @@ declare const _default: React.MemoExoticComponent<{
         strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
         vectorEffect?: import("react-native-svg").VectorEffect | undefined;
         clipRule?: import("react-native-svg").FillRule | 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;
@@ -36,6 +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;
+        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;
@@ -62,11 +62,14 @@ declare const _default: React.MemoExoticComponent<{
         markerMid?: string | undefined;
         markerEnd?: 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("packages/fountain-ui/build/typescript").CommonComponentColor | undefined;
+        readonly color?: "base" | "strong" | "strongInverse" | "baseInverse" | "baseOpacity" | "baseOpacityInverse" | "weak" | "weakInverse" | "weakOpacity" | "weakOpacityInverse" | "accent" | "accentAlt" | undefined;
         font?: import("react-native-svg").FontObject | undefined;
         fontStyle?: import("react-native-svg").FontStyle | undefined;
         fontVariant?: import("react-native-svg").FontVariant | undefined;
@@ -84,7 +87,6 @@ declare const _default: React.MemoExoticComponent<{
         fontVariationSettings?: string | undefined;
         hitSlop?: import("react-native").Insets | undefined;
         removeClippedSubviews?: boolean | undefined;
-        testID?: string | undefined;
         nativeID?: string | undefined;
         collapsable?: boolean | undefined;
         needsOffscreenAlphaCompositing?: boolean | undefined;
@@ -103,25 +105,26 @@ 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;
         onMagicTap?: (() => void) | undefined;
         accessibilityIgnoresInvertColors?: boolean | undefined;
+        readonly size?: "small" | "medium" | "large" | undefined;
     }): JSX.Element;
     displayName: string;
 }>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
-        readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
+        readonly style?: import("packages/fountain-ui-styles/build/typescript").FountainUiStyle | import("packages/fountain-ui-styles/build/typescript").FountainUiStyle[] | undefined;
         title?: string | undefined;
         clipPath?: string | undefined;
         marker?: string | undefined;
@@ -20,7 +20,6 @@ declare const _default: React.MemoExoticComponent<{
         strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
         vectorEffect?: import("react-native-svg").VectorEffect | undefined;
         clipRule?: import("react-native-svg").FillRule | 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;
@@ -36,6 +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;
+        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;
@@ -62,11 +62,14 @@ declare const _default: React.MemoExoticComponent<{
         markerMid?: string | undefined;
         markerEnd?: 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("packages/fountain-ui/build/typescript").CommonComponentColor | undefined;
+        readonly color?: "base" | "strong" | "strongInverse" | "baseInverse" | "baseOpacity" | "baseOpacityInverse" | "weak" | "weakInverse" | "weakOpacity" | "weakOpacityInverse" | "accent" | "accentAlt" | undefined;
         font?: import("react-native-svg").FontObject | undefined;
         fontStyle?: import("react-native-svg").FontStyle | undefined;
         fontVariant?: import("react-native-svg").FontVariant | undefined;
@@ -84,7 +87,6 @@ declare const _default: React.MemoExoticComponent<{
         fontVariationSettings?: string | undefined;
         hitSlop?: import("react-native").Insets | undefined;
         removeClippedSubviews?: boolean | undefined;
-        testID?: string | undefined;
         nativeID?: string | undefined;
         collapsable?: boolean | undefined;
         needsOffscreenAlphaCompositing?: boolean | undefined;
@@ -103,25 +105,26 @@ 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;
         onMagicTap?: (() => void) | undefined;
         accessibilityIgnoresInvertColors?: boolean | undefined;
+        readonly size?: "small" | "medium" | "large" | undefined;
     }): JSX.Element;
     displayName: string;
 }>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
-        readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
+        readonly style?: import("packages/fountain-ui-styles/build/typescript").FountainUiStyle | import("packages/fountain-ui-styles/build/typescript").FountainUiStyle[] | undefined;
         title?: string | undefined;
         clipPath?: string | undefined;
         marker?: string | undefined;
@@ -20,7 +20,6 @@ declare const _default: React.MemoExoticComponent<{
         strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
         vectorEffect?: import("react-native-svg").VectorEffect | undefined;
         clipRule?: import("react-native-svg").FillRule | 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;
@@ -36,6 +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;
+        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;
@@ -62,11 +62,14 @@ declare const _default: React.MemoExoticComponent<{
         markerMid?: string | undefined;
         markerEnd?: 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("packages/fountain-ui/build/typescript").CommonComponentColor | undefined;
+        readonly color?: "base" | "strong" | "strongInverse" | "baseInverse" | "baseOpacity" | "baseOpacityInverse" | "weak" | "weakInverse" | "weakOpacity" | "weakOpacityInverse" | "accent" | "accentAlt" | undefined;
         font?: import("react-native-svg").FontObject | undefined;
         fontStyle?: import("react-native-svg").FontStyle | undefined;
         fontVariant?: import("react-native-svg").FontVariant | undefined;
@@ -84,7 +87,6 @@ declare const _default: React.MemoExoticComponent<{
         fontVariationSettings?: string | undefined;
         hitSlop?: import("react-native").Insets | undefined;
         removeClippedSubviews?: boolean | undefined;
-        testID?: string | undefined;
         nativeID?: string | undefined;
         collapsable?: boolean | undefined;
         needsOffscreenAlphaCompositing?: boolean | undefined;
@@ -103,25 +105,26 @@ 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;
         onMagicTap?: (() => void) | undefined;
         accessibilityIgnoresInvertColors?: boolean | undefined;
+        readonly size?: "small" | "medium" | "large" | undefined;
     }): JSX.Element;
     displayName: string;
 }>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const _default: React.MemoExoticComponent<{
     (props: {
-        readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
+        readonly style?: import("packages/fountain-ui-styles/build/typescript").FountainUiStyle | import("packages/fountain-ui-styles/build/typescript").FountainUiStyle[] | undefined;
         title?: string | undefined;
         clipPath?: string | undefined;
         marker?: string | undefined;
@@ -20,7 +20,6 @@ declare const _default: React.MemoExoticComponent<{
         strokeMiterlimit?: import("react-native-svg").NumberProp | undefined;
         vectorEffect?: import("react-native-svg").VectorEffect | undefined;
         clipRule?: import("react-native-svg").FillRule | 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;
@@ -36,6 +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;
+        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;
@@ -62,11 +62,14 @@ declare const _default: React.MemoExoticComponent<{
         markerMid?: string | undefined;
         markerEnd?: 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("packages/fountain-ui/build/typescript").CommonComponentColor | undefined;
+        readonly color?: "base" | "strong" | "strongInverse" | "baseInverse" | "baseOpacity" | "baseOpacityInverse" | "weak" | "weakInverse" | "weakOpacity" | "weakOpacityInverse" | "accent" | "accentAlt" | undefined;
         font?: import("react-native-svg").FontObject | undefined;
         fontStyle?: import("react-native-svg").FontStyle | undefined;
         fontVariant?: import("react-native-svg").FontVariant | undefined;
@@ -84,7 +87,6 @@ declare const _default: React.MemoExoticComponent<{
         fontVariationSettings?: string | undefined;
         hitSlop?: import("react-native").Insets | undefined;
         removeClippedSubviews?: boolean | undefined;
-        testID?: string | undefined;
         nativeID?: string | undefined;
         collapsable?: boolean | undefined;
         needsOffscreenAlphaCompositing?: boolean | undefined;
@@ -103,25 +105,26 @@ 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;
         onMagicTap?: (() => void) | undefined;
         accessibilityIgnoresInvertColors?: boolean | undefined;
+        readonly size?: "small" | "medium" | "large" | undefined;
     }): JSX.Element;
     displayName: string;
 }>;