@audira/carbon-react-native 1.0.0-beta.2 → 1.0.0-beta.21

package/lib/commonjs/components/modal/Modal.js

@@ -8,13 +8,16 @@ var _react = require("react");
 var _reactNative = require("react-native");
 var _carbonReactNativeElements = require("@audira/carbon-react-native-elements");
 var _close = _interopRequireDefault(require("@carbon/icons/svg/32/close.svg"));
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 var _index = require("../../_internal/contexts/index.js");
-var _index2 = require("../../_internal/style-sheets/index.js");
+var _index2 = require("../../_internal/helpers/index.js");
 var _index3 = require("../../carbon-style-sheet/index.js");
 var _index4 = require("../../contexts/index.js");
-var _index5 = require("../button/ghost-icon/index.js");
+var _index5 = require("../../style-sheets/index.js");
+var _index6 = require("../box/index.js");
+var _index7 = require("../button/ghost-icon/index.js");
 var _LayerContext = require("../layer/LayerContext.js");
-var _index6 = require("../text/index.js");
+var _index8 = require("../text/index.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
@@ -24,17 +27,21 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * You can also use this component with other libraries like `@gorhom/bottom-sheet`, `@lodev09/react-native-true-sheet`, and other libraries, even with the core `Modal` component of React Native
  */
 const Modal = exports.Modal = /*#__PURE__*/(0, _react.forwardRef)(function Modal({
-  size = 'medium',
+  size = "medium",
   label: labelProp,
   title,
   children,
   buttonCloseProps,
-  'aria-label': ariaLabel,
-  'aria-labelledby': ariaLabelledBy,
+  applyInsets = "in_dialog_and_small_bp",
+  applyInsetsEdges: applyInsetsEdgesProp,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
   style,
   ...props
 }, ref) {
   const breakpoint = (0, _react.useContext)(_index4.BreakpointContext),
+    globalConfigContext = (0, _react.useContext)(_index.GlobalConfigContext),
+    inDialogContext = (0, _react.useContext)(_index.InDialogContext),
     /**
      * Based on carbon modal spec, the background color is based on the current layer level.  
      * Should i follow this spec?
@@ -43,84 +50,117 @@ const Modal = exports.Modal = /*#__PURE__*/(0, _react.forwardRef)(function Modal
     label = labelProp ?? ariaLabel ?? ariaLabelledBy,
     styleSheetBySizeAndBreakpoint = (0, _react.useMemo)(() => {
       return mapStyleSheetBySizeAndBreakpoint[size][breakpoint];
-    }, [size, breakpoint]);
+    }, [size, breakpoint]),
+    safeAreaInsets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)(),
+    applyInsetsEdges = {
+      top: applyInsetsEdgesProp?.top ?? true,
+      bottom: applyInsetsEdgesProp?.bottom ?? true,
+      left: applyInsetsEdgesProp?.left ?? true,
+      right: applyInsetsEdgesProp?.right ?? true
+    },
+    isApplyInsets = _index2.ModalHelper.isApplyInsets({
+      applyInsets,
+      breakpoint,
+      inDialog: inDialogContext
+    });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ModalContext.Provider, {
     value: {
-      size
+      size,
+      applyInsets,
+      applyInsetsEdges
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index6.Box, {
       ref: ref,
       ...props,
       "aria-label": ariaLabel ?? label,
       "aria-labelledBy": ariaLabelledBy ?? label,
-      style: [bgLayerStyleSheet[`bg_${layerContextLevel}`], styleSheetBySizeAndBreakpoint.modal, style],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: [styleSheet.headerText, styleSheetBySizeAndBreakpoint.headerTextContainer],
-        children: [!!label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index6.Text, {
-          type: "label_01",
-          children: label
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index6.Text, {
-          type: "heading_03",
-          children: title
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.GhostIcon, {
-        ...buttonCloseProps,
-        Icon: _close.default,
-        style: [_index2.CommonStyleSheet.absolute, styleSheet.iconClose, buttonCloseProps?.style]
-      }), children]
+      style: [bgLayerStyleSheet[`bg_${layerContextLevel}`], inDialogContext ? styleSheetBySizeAndBreakpoint.modalInDialog : undefined, isApplyInsets && applyInsetsEdges.bottom ? {
+        paddingBottom: safeAreaInsets.bottom
+      } : undefined, style],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_LayerContext.LayerContext.Provider, {
+        // children of modal are in layer 2
+        value: 2,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: [styleSheet.headerTextContainer, styleSheetBySizeAndBreakpoint.headerTextContainer, isApplyInsets && applyInsetsEdges.top ? {
+            paddingTop: safeAreaInsets.top
+          } : undefined],
+          children: [!!label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index8.Text, {
+            type: "label_01",
+            children: label
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index8.Text, {
+            type: "heading_03",
+            children: title
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index7.GhostIcon, {
+          ...buttonCloseProps,
+          Icon: _close.default,
+          style: [_index5.PositionStyleSheet.absolute, styleSheet.iconClose, globalConfigContext.rtl ? styleSheet.iconCloseRtl : styleSheet.iconCloseLtr, isApplyInsets && applyInsetsEdges.top ? {
+            top: safeAreaInsets.top / 2
+          } : undefined, buttonCloseProps?.style]
+        }), children]
+      })
     })
   });
 });
 const styleSheet = _reactNative.StyleSheet.create({
-    headerText: {
+    headerTextContainer: {
       paddingTop: _carbonReactNativeElements.Spacing.spacing_05,
       marginBottom: _carbonReactNativeElements.Spacing.spacing_05,
       rowGap: _carbonReactNativeElements.Spacing.spacing_02
     },
     iconClose: {
       top: 0,
-      right: 0,
-      backgroundColor: 'transparent'
+      backgroundColor: "transparent"
+    },
+    iconCloseLtr: {
+      right: 0
+    },
+    iconCloseRtl: {
+      left: 0
     }
   }),
   mapStyleSheetBySizeAndBreakpoint = {
     extra_small: {
       small: _reactNative.StyleSheet.create({
-        modal: {
-          width: '100%',
-          height: '100%'
+        modalInDialog: {
+          width: "100%",
+          height: "100%"
         },
         headerTextContainer: {
           paddingHorizontal: _carbonReactNativeElements.Spacing.spacing_05
         }
       }),
       medium: _reactNative.StyleSheet.create({
-        modal: {
-          width: '48%'
+        modalInDialog: {
+          width: "48%",
+          maxHeight: "48%"
         },
         headerTextContainer: {
           paddingHorizontal: _carbonReactNativeElements.Spacing.spacing_05
         }
       }),
       large: _reactNative.StyleSheet.create({
-        modal: {
-          width: '32%'
+        modalInDialog: {
+          width: "32%",
+          maxHeight: "48%"
         },
         headerTextContainer: {
           paddingHorizontal: _carbonReactNativeElements.Spacing.spacing_05
         }
       }),
       x_large: _reactNative.StyleSheet.create({
-        modal: {
-          width: '24%'
+        modalInDialog: {
+          width: "24%",
+          maxHeight: "48%"
         },
         headerTextContainer: {
           paddingHorizontal: _carbonReactNativeElements.Spacing.spacing_05
         }
       }),
       max: _reactNative.StyleSheet.create({
-        modal: {
-          width: '24%'
+        modalInDialog: {
+          width: "24%",
+          maxHeight: "48%"
         },
         headerTextContainer: {
           paddingHorizontal: _carbonReactNativeElements.Spacing.spacing_05
@@ -129,140 +169,152 @@ const styleSheet = _reactNative.StyleSheet.create({
     },
     small: {
       small: _reactNative.StyleSheet.create({
-        modal: {
-          width: '100%',
-          height: '100%'
+        modalInDialog: {
+          width: "100%",
+          height: "100%"
         },
         headerTextContainer: {
           paddingHorizontal: _carbonReactNativeElements.Spacing.spacing_05
         }
       }),
       medium: _reactNative.StyleSheet.create({
-        modal: {
-          width: '60%'
+        modalInDialog: {
+          width: "60%",
+          maxHeight: "72%"
         },
         headerTextContainer: {
           paddingHorizontal: _carbonReactNativeElements.Spacing.spacing_05
         }
       }),
       large: _reactNative.StyleSheet.create({
-        modal: {
-          width: '42%'
+        modalInDialog: {
+          width: "42%",
+          maxHeight: "72%"
         },
         headerTextContainer: {
           paddingHorizontal: _carbonReactNativeElements.Spacing.spacing_05
         }
       }),
       x_large: _reactNative.StyleSheet.create({
-        modal: {
-          width: '36%'
+        modalInDialog: {
+          width: "36%",
+          maxHeight: "72%"
         },
         headerTextContainer: {
-          paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-          paddingRight: '20%'
+          paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+          paddingEnd: "20%"
         }
       }),
       max: _reactNative.StyleSheet.create({
-        modal: {
-          width: '36%'
+        modalInDialog: {
+          width: "36%",
+          maxHeight: "72%"
         },
         headerTextContainer: {
-          paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-          paddingRight: '20%'
+          paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+          paddingEnd: "20%"
         }
       })
     },
     medium: {
       small: _reactNative.StyleSheet.create({
-        modal: {
-          width: '100%',
-          height: '100%'
+        modalInDialog: {
+          width: "100%",
+          height: "100%"
         },
         headerTextContainer: {
           paddingHorizontal: _carbonReactNativeElements.Spacing.spacing_05
         }
       }),
       medium: _reactNative.StyleSheet.create({
-        modal: {
-          width: '84%'
+        modalInDialog: {
+          width: "84%",
+          maxHeight: "84%"
         },
         headerTextContainer: {
-          paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-          paddingRight: '20%'
+          paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+          paddingEnd: "20%"
         }
       }),
       large: _reactNative.StyleSheet.create({
-        modal: {
-          width: '60%'
+        modalInDialog: {
+          width: "60%",
+          maxHeight: "84%"
         },
         headerTextContainer: {
-          paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-          paddingRight: '20%'
+          paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+          paddingEnd: "20%"
         }
       }),
       x_large: _reactNative.StyleSheet.create({
-        modal: {
-          width: '48%'
+        modalInDialog: {
+          width: "48%",
+          maxHeight: "84%"
         },
         headerTextContainer: {
-          paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-          paddingRight: '20%'
+          paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+          paddingEnd: "20%"
         }
       }),
       max: _reactNative.StyleSheet.create({
-        modal: {
-          width: '48%'
+        modalInDialog: {
+          width: "48%",
+          maxHeight: "84%"
         },
         headerTextContainer: {
-          paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-          paddingRight: '20%'
+          paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+          paddingEnd: "20%"
         }
       })
     },
     large: {
       small: _reactNative.StyleSheet.create({
-        modal: {
-          width: '100%',
-          height: '100%'
+        modalInDialog: {
+          width: "100%",
+          height: "100%"
         },
         headerTextContainer: {
           paddingHorizontal: _carbonReactNativeElements.Spacing.spacing_05
         }
       }),
       medium: _reactNative.StyleSheet.create({
-        modal: {
-          width: '96%'
+        modalInDialog: {
+          width: "96%",
+          maxHeight: "96%"
         },
         headerTextContainer: {
-          paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-          paddingRight: '20%'
+          paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+          paddingEnd: "20%"
         }
       }),
       large: _reactNative.StyleSheet.create({
-        modal: {
-          width: '84%'
+        modalInDialog: {
+          width: "84%",
+          maxHeight: "96%"
         },
         headerTextContainer: {
-          paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-          paddingRight: '20%'
+          paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+          paddingEnd: "20%"
         }
       }),
       x_large: _reactNative.StyleSheet.create({
-        modal: {
-          width: '72%'
+        modalInDialog: {
+          width: "72%",
+          maxHeight: "96%"
         },
         headerTextContainer: {
-          paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-          paddingRight: '20%'
+          paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+          paddingEnd: "20%"
         }
       }),
       max: _reactNative.StyleSheet.create({
-        modal: {
-          width: '72%'
+        modalInDialog: {
+          width: "72%",
+          maxHeight: "96%"
         },
         headerTextContainer: {
-          paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-          paddingRight: '20%'
+          paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+          paddingEnd: "20%"
         }
       })
     }

package/lib/commonjs/components/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_carbonReactNativeElements","_close","_interopRequireDefault","_index","_index2","_index3","_index4","_index5","_LayerContext","_index6","_jsxRuntime","e","__esModule","default","Modal","exports","forwardRef","size","label","labelProp","title","children","buttonCloseProps","ariaLabel","ariaLabelledBy","style","props","ref","breakpoint","useContext","BreakpointContext","layerContextLevel","LayerContext","styleSheetBySizeAndBreakpoint","useMemo","mapStyleSheetBySizeAndBreakpoint","jsx","ModalContext","Provider","value","jsxs","View","bgLayerStyleSheet","modal","styleSheet","headerText","headerTextContainer","Text","type","GhostIcon","Icon","IconClose","CommonStyleSheet","absolute","iconClose","StyleSheet","create","paddingTop","Spacing","spacing_05","marginBottom","rowGap","spacing_02","top","right","backgroundColor","extra_small","small","width","height","paddingHorizontal","medium","large","x_large","max","paddingLeft","paddingRight","CarbonStyleSheet","bg_1","color","layer_01","bg_2","layer_02","bg_3","layer_03"],"sourceRoot":"../../../../src","sources":["components/modal/Modal.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_carbonReactNativeElements","_close","_interopRequireDefault","_reactNativeSafeAreaContext","_index","_index2","_index3","_index4","_index5","_index6","_index7","_LayerContext","_index8","_jsxRuntime","e","__esModule","default","Modal","exports","forwardRef","size","label","labelProp","title","children","buttonCloseProps","applyInsets","applyInsetsEdges","applyInsetsEdgesProp","ariaLabel","ariaLabelledBy","style","props","ref","breakpoint","useContext","BreakpointContext","globalConfigContext","GlobalConfigContext","inDialogContext","InDialogContext","layerContextLevel","LayerContext","styleSheetBySizeAndBreakpoint","useMemo","mapStyleSheetBySizeAndBreakpoint","safeAreaInsets","useSafeAreaInsets","top","bottom","left","right","isApplyInsets","ModalHelper","inDialog","jsx","ModalContext","Provider","value","Box","bgLayerStyleSheet","modalInDialog","undefined","paddingBottom","jsxs","View","styleSheet","headerTextContainer","paddingTop","Text","type","GhostIcon","Icon","IconClose","PositionStyleSheet","absolute","iconClose","rtl","iconCloseRtl","iconCloseLtr","StyleSheet","create","Spacing","spacing_05","marginBottom","rowGap","spacing_02","backgroundColor","extra_small","small","width","height","paddingHorizontal","medium","maxHeight","large","x_large","max","paddingStart","paddingEnd","CarbonStyleSheet","bg_1","color","layer_01","bg_2","layer_02","bg_3","layer_03"],"sourceRoot":"../../../../src","sources":["components/modal/Modal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/modal/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Modal","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../src","sources":["components/modal/index.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_Modal","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../src","sources":["components/modal/index.ts"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/components/modal-content/ModalContent.js

@@ -7,20 +7,33 @@ exports.ModalContent = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
 var _carbonReactNativeElements = require("@audira/carbon-react-native-elements");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 var _index = require("../../_internal/contexts/index.js");
-var _index2 = require("../../contexts/index.js");
+var _index2 = require("../../_internal/helpers/index.js");
+var _index3 = require("../../contexts/index.js");
+var _index4 = require("../box/index.js");
 var _jsxRuntime = require("react/jsx-runtime");
 const ModalContent = exports.ModalContent = /*#__PURE__*/(0, _react.forwardRef)(function ModalContent({
   fullWidth,
   style,
   ...props
 }, ref) {
-  const breakpoint = (0, _react.useContext)(_index2.BreakpointContext),
-    modalContext = (0, _react.useContext)(_index.ModalContext);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  const breakpoint = (0, _react.useContext)(_index3.BreakpointContext),
+    modalContext = (0, _react.useContext)(_index.ModalContext),
+    inDialogContext = (0, _react.useContext)(_index.InDialogContext),
+    safeAreaInsets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)(),
+    isApplyInsets = _index2.ModalHelper.isApplyInsets({
+      applyInsets: modalContext.applyInsets,
+      breakpoint,
+      inDialog: inDialogContext
+    });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Box, {
     ref: ref,
     ...props,
-    style: [styleSheet.modalContent, mapStyleSheetBySizeAndBreakpoint[modalContext.size][breakpoint], fullWidth ? styleSheet.fullWidth : undefined, style]
+    style: [styleSheet.modalContent, mapStyleSheetBySizeAndBreakpoint[modalContext.size][breakpoint], fullWidth ? styleSheet.fullWidth : undefined, isApplyInsets ? {
+      marginLeft: safeAreaInsets.left,
+      marginRight: safeAreaInsets.right
+    } : undefined, style]
   });
 });
 const styleSheet = _reactNative.StyleSheet.create({
@@ -28,96 +41,96 @@ const styleSheet = _reactNative.StyleSheet.create({
       marginBottom: _carbonReactNativeElements.Spacing.spacing_09
     },
     fullWidth: {
-      paddingRight: _carbonReactNativeElements.Spacing.spacing_05
+      paddingEnd: _carbonReactNativeElements.Spacing.spacing_05
     }
   }),
   mapStyleSheetBySizeAndBreakpoint = {
     extra_small: _reactNative.StyleSheet.create({
       small: {
-        paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingRight: _carbonReactNativeElements.Spacing.spacing_05
+        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+        paddingEnd: _carbonReactNativeElements.Spacing.spacing_05
       },
       medium: {
-        paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingRight: _carbonReactNativeElements.Spacing.spacing_05
+        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+        paddingEnd: _carbonReactNativeElements.Spacing.spacing_05
       },
       large: {
-        paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingRight: _carbonReactNativeElements.Spacing.spacing_05
+        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+        paddingEnd: _carbonReactNativeElements.Spacing.spacing_05
       },
       x_large: {
-        paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingRight: _carbonReactNativeElements.Spacing.spacing_05
+        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+        paddingEnd: _carbonReactNativeElements.Spacing.spacing_05
       },
       max: {
-        paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingRight: _carbonReactNativeElements.Spacing.spacing_05
+        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+        paddingEnd: _carbonReactNativeElements.Spacing.spacing_05
       }
     }),
     small: {
       small: {
-        paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingRight: _carbonReactNativeElements.Spacing.spacing_05
+        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+        paddingEnd: _carbonReactNativeElements.Spacing.spacing_05
       },
       medium: {
-        paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingRight: _carbonReactNativeElements.Spacing.spacing_05
+        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+        paddingEnd: _carbonReactNativeElements.Spacing.spacing_05
       },
       large: {
-        paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingRight: _carbonReactNativeElements.Spacing.spacing_05
+        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+        paddingEnd: _carbonReactNativeElements.Spacing.spacing_05
       },
       x_large: {
-        paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingRight: '20%'
+        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+        paddingEnd: "20%"
       },
       max: {
-        paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingRight: '20%'
+        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+        paddingEnd: "20%"
       }
     },
     medium: {
       small: {
-        paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingRight: _carbonReactNativeElements.Spacing.spacing_05
+        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+        paddingEnd: _carbonReactNativeElements.Spacing.spacing_05
       },
       medium: {
-        paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingRight: '20%'
+        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+        paddingEnd: "20%"
       },
       large: {
-        paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingRight: '20%'
+        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+        paddingEnd: "20%"
       },
       x_large: {
-        paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingRight: '20%'
+        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+        paddingEnd: "20%"
       },
       max: {
-        paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingRight: '20%'
+        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+        paddingEnd: "20%"
       }
     },
     large: {
       small: {
-        paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingRight: _carbonReactNativeElements.Spacing.spacing_05
+        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+        paddingEnd: _carbonReactNativeElements.Spacing.spacing_05
       },
       medium: {
-        paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingRight: '20%'
+        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+        paddingEnd: "20%"
       },
       large: {
-        paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingRight: '20%'
+        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+        paddingEnd: "20%"
       },
       x_large: {
-        paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingRight: '20%'
+        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+        paddingEnd: "20%"
       },
       max: {
-        paddingLeft: _carbonReactNativeElements.Spacing.spacing_05,
-        paddingRight: '20%'
+        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
+        paddingEnd: "20%"
       }
     }
   };