feat(*): remove unused features

Author: minheq

src/components/Button/BackButton.tsx

@@ -1,2 +1 @@
 export * from './Button';
-export * from './BackButton';

src/components/Button/index.ts

@@ -5,6 +5,7 @@ import { useTheme } from '../../theme';
 import { mergeStyles } from '../../utils/mergeStyles';
 import { GetPickerButtonStylesProp } from './PickerButton';
 import { getPickerButtonStyles, PickerButtonSize } from './PickerButton.styles';
+import { PickerButtonWrapper } from './PickerButtonWrapper';
 
 export interface NativePickerProps extends RNPickerProps {
   size?: PickerButtonSize;
@@ -25,12 +26,14 @@ const NativePickerBase = (props: NativePickerProps) => {
   )({ size }, theme);
 
   return (
-    <RNPicker
-      ref={innerRef}
-      itemStyle={itemStyle}
-      style={pickerStyle}
-      {...pickerProps}
-    />
+    <PickerButtonWrapper>
+      <RNPicker
+        ref={innerRef}
+        itemStyle={itemStyle}
+        style={pickerStyle}
+        {...pickerProps}
+      />
+    </PickerButtonWrapper>
   );
 };
 

src/components/Pickers/FlexiblePicker.tsx

@@ -103,6 +103,7 @@ export const getPickerButtonStyles: GetPickerButtonStyles = (
       ...textSizeStyles,
     },
     pickerStyle: {
+      appearance: 'none',
       backgroundColor: 'transparent',
       width: '100%',
       ...base,

src/components/Pickers/NativePicker.tsx

@@ -13,7 +13,7 @@ import { Slider } from '.';
 <Playground>
   <Slider
     size={40}
-    value={0.3}
+    initialValue={0.3}
     step={0}
     minimumValue={0}
     maximumValue={1}
@@ -31,11 +31,11 @@ import { Slider } from '.';
 
 ### With Range
 
-By using `value` as an array of `[number, number]`, it will automatically translate it into a range slider. The minimum range is the value of the step
+By using `initialValue` as an array of `[number, number]`, it will automatically translate it into a range slider. The minimum range is the value of the step
 
 <Playground>
   <Slider
-    value={[30, 60]} // This is an [number, number] instead of a number
+    initialValue={[30, 60]} // This is an [number, number] instead of a number
     step={5}
     minimumValue={0}
     maximumValue={100}

src/components/Pickers/PickerButton.styles.ts

@@ -35,7 +35,7 @@ export interface SliderProps {
    * *This is not a controlled component*; you don't need to update the
    * value during dragging.
    */
-  value?: SliderValue;
+  initialValue?: SliderValue;
 
   /**
    * Step value of the slider. The value should be
@@ -136,7 +136,7 @@ const setRightValue = (
 
 export const Slider = (props: SliderProps) => {
   const {
-    value: defaultValue = 0,
+    initialValue = 0,
     onSlidingStart = () => undefined,
     onSlidingComplete = () => undefined,
     onValueChange = () => undefined,
@@ -147,7 +147,7 @@ export const Slider = (props: SliderProps) => {
     getStyles,
   } = props;
 
-  const [value, setValue] = React.useState(defaultValue);
+  const [value, setValue] = React.useState(initialValue);
   const [isSliding, setIsSliding] = React.useState(false);
   const [trackMeasurements, setTrackMeasurements] = React.useState(
     initialMeasurements,

src/components/Slider/Slider.mdx

@@ -1,7 +1,6 @@
 export * from './Code';
 export * from './Heading';
 export * from './Label';
-export * from './Link';
 export * from './NumberedList';
 export * from './Paragraph';
 export * from './BulletItem';