@fountain-ui/core 3.0.0-alpha.42 → 3.0.0-alpha.44

package/src/Radio/Radio.tsx

@@ -2,12 +2,14 @@ import React, { useContext } from 'react';
 import { Text } from 'react-native';
 import type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';
 import ButtonBase from '../ButtonBase';
+import Column from '../Column';
 import { Check as CheckedIcon } from '../internal';
 import Row from '../Row';
 import { createFontStyle, css, useTheme } from '../styles';
 import { cloneElementSafely } from '../utils';
 import { RadioContext } from '../RadioGroup/RadioContextProvider';
 import type RadioProps from './RadioProps';
+import Typography from '../Typography';
 
 const DEFAULT_START_ICON_SIZE = 21;
 
@@ -43,6 +45,7 @@ export default function Radio(props: RadioProps) {
         startIcon: startIconProp,
         style,
         value,
+        description,
         ...otherProps
     } = props;
 
@@ -91,17 +94,31 @@ export default function Radio(props: RadioProps) {
             style={rootStyle}
             {...otherProps}
         >
-            <Row
-                alignItems={'center'}
-                style={styles.content}
+            <Column
+                gap={2}
+                flexShrink={1}
             >
-                {startIcon}
-
-                <Text
-                    children={children}
-                    style={fontStyle}
-                />
-            </Row>
+                <Row
+                    alignItems={'center'}
+                    style={styles.content}
+                >
+                    {startIcon}
+
+                    <Text
+                        children={children}
+                        style={fontStyle}
+                    />
+                </Row>
+
+                {description ? (
+                    <Typography
+                        variant={'body3'}
+                        color={'base'}
+                        weight={'regular'}
+                        children={description}
+                    />
+                ) : null}
+            </Column>
 
             {icon}
         </ButtonBase>

package/src/Radio/RadioProps.ts

@@ -41,4 +41,10 @@ export default interface RadioProps extends OverridableComponentProps<BaseProps,
      * Value of the component.
      */
     value: string;
+
+
+    /**
+     * Helper text displayed below the children.
+     */
+    description?: string;
 }> {}

package/src/Slider/Slider.tsx

@@ -37,6 +37,7 @@ export default React.forwardRef<RNSlider, SliderProps>(function Slider(props, re
     const thumbTintColor = Platform.OS === 'android' ? theme.palette.primary.main : undefined;
 
     return (
+        // @ts-ignore - @react-native-community/slider has incorrect type definitions for JSX usage
         <RNSlider
             disabled={disabled}
             maximumValue={maximumValue}

package/src/internal/icons/CloseCircleFillPierced.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Path } from 'react-native-svg';
+import { createSvgIcon } from '../../utils';
+
+export default createSvgIcon(
+    <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11 1C4.92487 1 0 5.92487 0 12C0 18.0751 4.92487 23 11 23C17.0751 23 22 18.0751 22 12C22 5.92487 17.0751 1 11 1ZM8.70711 8.29289C8.31658 7.90237 7.68342 7.90237 7.29289 8.29289C6.90237 8.68342 6.90237 9.31658 7.29289 9.70711L9.58579 12L7.29289 14.2929C6.90237 14.6834 6.90237 15.3166 7.29289 15.7071C7.68342 16.0976 8.31658 16.0976 8.70711 15.7071L11 13.4142L13.2929 15.7071C13.6834 16.0976 14.3166 16.0976 14.7071 15.7071C15.0976 15.3166 15.0976 14.6834 14.7071 14.2929L12.4142 12L14.7071 9.70711C15.0976 9.31658 15.0976 8.68342 14.7071 8.29289C14.3166 7.90237 13.6834 7.90237 13.2929 8.29289L11 10.5858L8.70711 8.29289Z"
+    />,
+    'CloseCircleFillPierced',
+    '0 0 22 24',
+);

package/src/internal/icons/index.ts

@@ -11,6 +11,7 @@ export { default as ChipClose } from './ChipClose';
 export { default as CircularProgress } from './CircularProgress';
 export { default as Clear } from './Clear';
 export { default as Close } from './Close';
+export { default as CloseCircleFillPierced } from './CloseCircleFillPierced';
 export { default as EyeOff } from './EyeOff';
 export { default as EyeOn } from './EyeOn';
 export { default as InfoCircle } from './InfoCircle';