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

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

@@ -1,128 +0,0 @@
-import React from 'react';
-declare const _default: React.MemoExoticComponent<{
-    (props: {
-        readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
-        title?: string | undefined;
-        clipPath?: string | undefined;
-        marker?: string | undefined;
-        mask?: string | undefined;
-        opacity?: import("react-native-svg").NumberProp | undefined;
-        readonly fill?: import("react-native").ColorValue | undefined;
-        fillOpacity?: import("react-native-svg").NumberProp | undefined;
-        fillRule?: import("react-native-svg").FillRule | undefined;
-        stroke?: import("react-native").ColorValue | undefined;
-        strokeWidth?: import("react-native-svg").NumberProp | undefined;
-        strokeOpacity?: import("react-native-svg").NumberProp | undefined;
-        strokeDasharray?: import("react-native-svg").NumberProp | readonly import("react-native-svg").NumberProp[] | undefined;
-        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;
-        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;
-        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;
-        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;
-        markerStart?: string | undefined;
-        markerMid?: string | undefined;
-        markerEnd?: string | undefined;
-        onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | 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;
-        font?: import("react-native-svg").FontObject | undefined;
-        fontStyle?: import("react-native-svg").FontStyle | undefined;
-        fontVariant?: import("react-native-svg").FontVariant | undefined;
-        fontWeight?: import("react-native-svg").FontWeight | undefined;
-        fontStretch?: import("react-native-svg").FontStretch | undefined;
-        fontSize?: import("react-native-svg").NumberProp | undefined;
-        fontFamily?: string | undefined;
-        textAnchor?: import("react-native-svg").TextAnchor | undefined;
-        textDecoration?: import("react-native-svg").TextDecoration | undefined;
-        letterSpacing?: import("react-native-svg").NumberProp | undefined;
-        wordSpacing?: import("react-native-svg").NumberProp | undefined;
-        kerning?: import("react-native-svg").NumberProp | undefined;
-        fontFeatureSettings?: string | undefined;
-        fontVariantLigatures?: import("react-native-svg").FontVariantLigatures | undefined;
-        fontVariationSettings?: string | undefined;
-        hitSlop?: import("react-native").Insets | undefined;
-        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;
-    }): JSX.Element;
-    displayName: string;
-}>;
-export default _default;

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

@@ -1,128 +0,0 @@
-import React from 'react';
-declare const _default: React.MemoExoticComponent<{
-    (props: {
-        readonly style?: import("@emotion/native").ReactNativeStyle | import("@emotion/native").ReactNativeStyle[] | undefined;
-        title?: string | undefined;
-        clipPath?: string | undefined;
-        marker?: string | undefined;
-        mask?: string | undefined;
-        opacity?: import("react-native-svg").NumberProp | undefined;
-        readonly fill?: import("react-native").ColorValue | undefined;
-        fillOpacity?: import("react-native-svg").NumberProp | undefined;
-        fillRule?: import("react-native-svg").FillRule | undefined;
-        stroke?: import("react-native").ColorValue | undefined;
-        strokeWidth?: import("react-native-svg").NumberProp | undefined;
-        strokeOpacity?: import("react-native-svg").NumberProp | undefined;
-        strokeDasharray?: import("react-native-svg").NumberProp | readonly import("react-native-svg").NumberProp[] | undefined;
-        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;
-        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;
-        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;
-        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;
-        markerStart?: string | undefined;
-        markerMid?: string | undefined;
-        markerEnd?: string | undefined;
-        onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | 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;
-        font?: import("react-native-svg").FontObject | undefined;
-        fontStyle?: import("react-native-svg").FontStyle | undefined;
-        fontVariant?: import("react-native-svg").FontVariant | undefined;
-        fontWeight?: import("react-native-svg").FontWeight | undefined;
-        fontStretch?: import("react-native-svg").FontStretch | undefined;
-        fontSize?: import("react-native-svg").NumberProp | undefined;
-        fontFamily?: string | undefined;
-        textAnchor?: import("react-native-svg").TextAnchor | undefined;
-        textDecoration?: import("react-native-svg").TextDecoration | undefined;
-        letterSpacing?: import("react-native-svg").NumberProp | undefined;
-        wordSpacing?: import("react-native-svg").NumberProp | undefined;
-        kerning?: import("react-native-svg").NumberProp | undefined;
-        fontFeatureSettings?: string | undefined;
-        fontVariantLigatures?: import("react-native-svg").FontVariantLigatures | undefined;
-        fontVariationSettings?: string | undefined;
-        hitSlop?: import("react-native").Insets | undefined;
-        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;
-    }): JSX.Element;
-    displayName: string;
-}>;
-export default _default;

package/src/icons/ActionTwoTone.tsx

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

package/src/icons/BellTwoTone.tsx

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

package/src/icons/BookmarkOutlined.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-import { Path } from 'react-native-svg';
-import createSvgIcon from '../utils/createSvgIcon';
-
-export default createSvgIcon(
-    <Path
-        d="M10 13.1L14.5 15.5V3.5H5.5V15.5L10 13.1ZM4 18V2H16V18L10 14.8L4 18Z"
-    />,
-    'BookmarkOutlined',
-);

package/src/icons/BookmarkTwoTone.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-import { Path } from 'react-native-svg';
-import createSvgIcon from '../utils/createSvgIcon';
-
-export default createSvgIcon(
-    <React.Fragment>
-        <Path
-            fill="#00EBB2"
-            d="M4 2H16V18L10 14.8L4 18V2Z"
-        />
-        <Path
-            fill="#242424"
-            d="M10 13.1L14.5 15.5V3.5H5.5V15.5L10 13.1ZM4 18V2H16V18L10 14.8L4 18Z"
-        />
-    </React.Fragment>,
-    'BookmarkTwoTone',
-);

package/src/icons/CalendarFilled.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-import { Path } from 'react-native-svg';
-import createSvgIcon from '../utils/createSvgIcon';
-
-export default createSvgIcon(
-    <Path
-        d="M5.25 2V3H4.5H3V4.5V6V15.5V17H4.5H13L17 13V6V4.5V3H15.5H14.75V2H13.25V3H6.75V2H5.25ZM15.5 6H4.5V4.5H15.5V6ZM13 15.5V13H15.5L13 15.5Z"
-    />,
-    'CalendarFilled',
-);

package/src/icons/CheckboxTransparentFilled.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-import { Path, Rect } from 'react-native-svg';
-import createSvgIcon from '../utils/createSvgIcon';
-
-export default createSvgIcon(
-    <React.Fragment>
-        <Path
-            d="M3 7C3 4.79086 4.79086 3 7 3H13C15.2091 3 17 4.79086 17 7V13C17 15.2091 15.2091 17 13 17H7C4.79086 17 3 15.2091 3 13V7Z"
-            fillOpacity="0.35"
-        />
-        <Path
-            d="M13 4.5C14.3807 4.5 15.5 5.61929 15.5 7V13C15.5 14.3807 14.3807 15.5 13 15.5H7C5.61929 15.5 4.5 14.3807 4.5 13V7C4.5 5.61929 5.61929 4.5 7 4.5H13ZM7 3C4.79086 3 3 4.79086 3 7V13C3 15.2091 4.79086 17 7 17H13C15.2091 17 17 15.2091 17 13V7C17 4.79086 15.2091 3 13 3H7Z"
-            fill="white"
-        />
-    </React.Fragment>,
-    'CheckboxTransparentFilled',
-);

package/src/icons/GenreFilled.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-import { Path } from 'react-native-svg';
-import createSvgIcon from '../utils/createSvgIcon';
-
-export default createSvgIcon(
-    <Path
-        d="M3 3H12V17H3V3ZM12.5 3.75H14.5V16.25H12.5V3.75ZM15 4.75H17V15.25H15V4.75Z"
-    />,
-    'GenreFilled',
-);

package/src/icons/LockOutlined.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-import { Path } from 'react-native-svg';
-import createSvgIcon from '../utils/createSvgIcon';
-
-export default createSvgIcon(
-    <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M10 3.55C8.75736 3.55 7.75 4.55736 7.75 5.8V8H12.25V5.8C12.25 4.55736 11.2426 3.55 10 3.55ZM6.25 5.8V8H4V18H16V8H13.75V5.8C13.75 3.72894 12.0711 2.05 10 2.05C7.92893 2.05 6.25 3.72894 6.25 5.8ZM5.5 9.5V16.5H14.5V9.5H5.5ZM10.8 11H9.3V15H10.8V11Z"
-    />,
-    'LockOutlined',
-);

package/src/icons/Outlined.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-import { Path } from 'react-native-svg';
-import createSvgIcon from '../utils/createSvgIcon';
-
-export default createSvgIcon(
-    <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M16.5 10C16.5 10.2144 16.4066 10.609 16.087 11.1387C15.7778 11.6511 15.3065 12.2052 14.6945 12.717C13.4635 13.7466 11.7937 14.5 10 14.5C8.24152 14.5 6.5763 13.6964 5.32344 12.6146C4.70289 12.0789 4.22137 11.5061 3.90532 10.9937C3.56866 10.448 3.5 10.1037 3.5 10C3.5 9.89631 3.56866 9.55202 3.90532 9.00627C4.22137 8.49392 4.70289 7.92115 5.32344 7.38535C6.5763 6.30359 8.24152 5.5 10 5.5C11.7585 5.5 13.4237 6.30359 14.6766 7.38535C15.2971 7.92115 15.7786 8.49392 16.0947 9.00627C16.4313 9.55202 16.5 9.89631 16.5 10ZM18 10C18 12.3137 14.4183 16 10 16C5.58172 16 2 12 2 10C2 8 5.58172 4 10 4C14.4183 4 18 8 18 10ZM11.5 10C11.5 10.8284 10.8284 11.5 10 11.5C9.17157 11.5 8.5 10.8284 8.5 10C8.5 9.17157 9.17157 8.5 10 8.5C10.8284 8.5 11.5 9.17157 11.5 10ZM13 10C13 11.6569 11.6569 13 10 13C8.34315 13 7 11.6569 7 10C7 8.34315 8.34315 7 10 7C11.6569 7 13 8.34315 13 10Z"
-    />,
-    'Outlined',
-);