Merge pull request #5555 from GeekyAnts/release/3.4.22

release 3.4.22

package.json

@@ -36,7 +36,7 @@
       "prettier --write"
     ]
   },
-  "version": "3.4.21",
+  "version": "3.4.22",
   "license": "MIT",
   "private": false,
   "main": "lib/commonjs/index",

src/components/composites/Modal/types.ts

@@ -81,8 +81,8 @@ export interface InterfaceModalProps extends InterfaceBoxProps<IModalProps> {
    * Props to be passed to the Overlay used inside of Modal.
    */
   _overlay?: IOverlayProps;
-
-  /* If true, renders react-native native modal
+  /**
+   * If true, renders react-native native modal
    * @default false
    */
   useRNModal?: boolean;

src/components/primitives/Box/types.ts

@@ -14,7 +14,7 @@ export interface ILinearGradientProps {
     colors: Array<string>;
     start?: Array<number>;
     end?: Array<number>;
-    location?: Array<number>;
+    locations?: Array<number>;
   };
 }
 

src/components/primitives/Checkbox/Checkbox.tsx

@@ -158,6 +158,7 @@ const CheckboxComponent = React.memo(
       'accessibilityRole',
       'accessibilityState',
       'accessibilityLabel',
+      'accessibilityHint',
     ]);
 
     //TODO: refactor for responsive prop

src/components/primitives/Select/Select.tsx

@@ -67,7 +67,7 @@ const Select = (
     onOpen,
     onClose,
     optimized,
-    customDropdownIconProps,
+    _customDropdownIconProps,
     _actionSheet,
     _actionSheetContent,
     _actionSheetBody,
@@ -133,7 +133,7 @@ const Select = (
     ) : dropdownIcon ? (
       dropdownIcon
     ) : (
-      <ChevronDownIcon {...customDropdownIconProps} />
+      <ChevronDownIcon {..._customDropdownIconProps} />
     );
 
   const handleClose = () => {

src/index.tsx

@@ -123,6 +123,7 @@ import {
   ICheckboxProps,
   ICheckboxGroupProps,
   Radio,
+  RadioContext,
   IRadioProps,
   IRadioValue,
   IRadioGroupProps,
@@ -202,6 +203,7 @@ export {
   Code,
   Checkbox,
   Radio,
+  RadioContext,
   Column,
   Row,
   Center,

src/theme/components/select.ts

@@ -5,7 +5,7 @@ export const Select = {
         start: 0,
       },
 
-      customDropdownIconProps: {
+      _customDropdownIconProps: {
         color: 'muted.500',
         mr: '3',
         size: '6',
@@ -26,7 +26,7 @@ export const Select = {
       },
 
       _dark: {
-        customDropdownIconProps: { color: 'muted.400', mr: '3' },
+        _customDropdownIconProps: { color: 'muted.400', mr: '3' },
         _hover: {
           borderColor: 'primary.500',
         },

src/theme/styled-system.ts

@@ -610,7 +610,8 @@ export const getStyleAndFilteredProps = ({
   let { styleFromProps, responsiveStyles }: any = getStyledFromProps(
     styledSystemProps,
     theme,
-    currentBreakpoint
+    currentBreakpoint,
+    propConfig
   );
 
   if (responsiveStyles) {

src/utils/getStyledFromProps.ts

@@ -1,4 +1,3 @@
-import { propConfig } from '../theme/styled-system';
 import { hasValidBreakpointFormat } from '../theme/tools';
 import { getRNKeyAndStyleValue } from './getRNKeyAndStyleValue';
 import type { ITheme } from '../theme';
@@ -13,7 +12,8 @@ import type { ITheme } from '../theme';
 export const getStyledFromProps = (
   styledSystemProps: any,
   theme: any,
-  currentBreakpoint: any
+  currentBreakpoint: any,
+  propConfig: any
 ) => {
   let styleFromProps: any = {};
   let responsiveStyles: null | Record<

src/utils/index.ts

@@ -14,7 +14,6 @@ export {
   composeEventHandlers,
 };
 export { wrapStringChild } from './wrapStringChild';
-export { RadioContext } from '../components/primitives/Radio/RadioGroup';
 export { combineContextAndProps } from './combineContextAndProps';
 export type { IAccessibilityProps } from './accessibilityTypes';
 export { ariaAttr } from './accessibilityUtils';