@audira/carbon-react-native 1.0.0-beta.4 → 1.0.0-beta.6

package/lib/commonjs/_internal/contexts/button-group/ButtonGroupContext.js

@@ -1,5 +1,5 @@
 "use strict";
-'use client';
+"use client";
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/commonjs/_internal/contexts/global-config/GlobalConfigContext.js

@@ -7,7 +7,7 @@ exports.GlobalConfigContext = void 0;
 var _react = require("react");
 const GlobalConfigContext = exports.GlobalConfigContext = /*#__PURE__*/(0, _react.createContext)({
   android_buttonRippleEffect: true,
-  notificationColor: 'high_contrast',
+  notificationColor: "high_contrast",
   toastDuration: 5000,
   rtl: false
 });

package/lib/commonjs/_internal/contexts/modal/ModalContext.js

@@ -6,6 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.ModalContext = void 0;
 var _react = require("react");
 const ModalContext = exports.ModalContext = /*#__PURE__*/(0, _react.createContext)({
-  size: 'medium'
+  size: "medium"
 });
 //# sourceMappingURL=ModalContext.js.map

package/lib/commonjs/_internal/style-sheets/common-style-sheet.js

@@ -7,22 +7,22 @@ exports.CommonStyleSheet = void 0;
 var _reactNative = require("react-native");
 const CommonStyleSheet = exports.CommonStyleSheet = _reactNative.StyleSheet.create({
   w_full: {
-    width: '100%'
+    width: "100%"
   },
   h_full: {
-    height: '100%'
+    height: "100%"
   },
   overflow_hidden: {
-    overflow: 'hidden'
+    overflow: "hidden"
   },
   absolute: {
-    position: 'absolute'
+    position: "absolute"
   },
   relative: {
-    position: 'relative'
+    position: "relative"
   },
   rtl: {
-    direction: 'rtl'
+    direction: "rtl"
   }
 });
 //# sourceMappingURL=common-style-sheet.js.map

package/lib/commonjs/_internal/style-sheets/flex-style-sheet.js

@@ -14,75 +14,75 @@ const FlexStyleSheet = exports.FlexStyleSheet = _reactNative.StyleSheet.create({
   flex_auto: {
     flexGrow: 1,
     flexShrink: 1,
-    flexBasis: 'auto'
+    flexBasis: "auto"
   },
   flex_initial: {
     flexGrow: 0,
     flexShrink: 1,
-    flexBasis: 'auto'
+    flexBasis: "auto"
   },
   flex_col: {
-    flexDirection: 'column'
+    flexDirection: "column"
   },
   flex_col_reverse: {
-    flexDirection: 'column-reverse'
+    flexDirection: "column-reverse"
   },
   flex_row: {
-    flexDirection: 'row'
+    flexDirection: "row"
   },
   flex_row_reverse: {
-    flexDirection: 'row-reverse'
+    flexDirection: "row-reverse"
   },
   flex_wrap: {
-    flexWrap: 'wrap'
+    flexWrap: "wrap"
   },
   flex_wrap_reverse: {
-    flexWrap: 'wrap-reverse'
+    flexWrap: "wrap-reverse"
   },
   flex_nowrap: {
-    flexWrap: 'nowrap'
+    flexWrap: "nowrap"
   },
   items_start: {
-    alignItems: 'flex-start'
+    alignItems: "flex-start"
   },
   items_center: {
-    alignItems: 'center'
+    alignItems: "center"
   },
   items_end: {
-    alignItems: 'flex-end'
+    alignItems: "flex-end"
   },
   content_start: {
-    alignContent: 'flex-start'
+    alignContent: "flex-start"
   },
   content_center: {
-    alignContent: 'center'
+    alignContent: "center"
   },
   content_end: {
-    alignContent: 'flex-end'
+    alignContent: "flex-end"
   },
   justify_start: {
-    justifyContent: 'flex-start'
+    justifyContent: "flex-start"
   },
   justify_center: {
-    justifyContent: 'center'
+    justifyContent: "center"
   },
   justify_between: {
-    justifyContent: 'space-between'
+    justifyContent: "space-between"
   },
   justify_end: {
-    justifyContent: 'flex-end'
+    justifyContent: "flex-end"
   },
   self_start: {
-    alignSelf: 'flex-start'
+    alignSelf: "flex-start"
   },
   self_center: {
-    alignSelf: 'center'
+    alignSelf: "center"
   },
   self_end: {
-    alignSelf: 'flex-end'
+    alignSelf: "flex-end"
   },
   self_stretch: {
-    alignSelf: 'stretch'
+    alignSelf: "stretch"
   }
 });
 //# sourceMappingURL=flex-style-sheet.js.map

package/lib/commonjs/_internal/style-sheets/text-style-sheet.js

@@ -8,59 +8,59 @@ var _reactNative = require("react-native");
 const TextStyleSheet = exports.TextStyleSheet = _reactNative.StyleSheet.create({
   thin: {
     fontWeight: 100,
-    fontFamily: 'IBMPlexSans-Thin'
+    fontFamily: "IBMPlexSans-Thin"
   },
   thin_italic: {
     fontWeight: 100,
-    fontFamily: 'IBMPlexSans-Thin-Italic'
+    fontFamily: "IBMPlexSans-Thin-Italic"
   },
   extralight: {
     fontWeight: 200,
-    fontFamily: 'IBMPlexSans-ExtraLight'
+    fontFamily: "IBMPlexSans-ExtraLight"
   },
   extralight_italic: {
     fontWeight: 200,
-    fontFamily: 'IBMPlexSans-ExtraLight-Italic'
+    fontFamily: "IBMPlexSans-ExtraLight-Italic"
   },
   light: {
     fontWeight: 300,
-    fontFamily: 'IBMPlexSans-Light'
+    fontFamily: "IBMPlexSans-Light"
   },
   light_italic: {
     fontWeight: 300,
-    fontFamily: 'IBMPlexSans-Light-Italic'
+    fontFamily: "IBMPlexSans-Light-Italic"
   },
   normal: {
     fontWeight: 400,
-    fontFamily: 'IBMPlexSans-Regular'
+    fontFamily: "IBMPlexSans-Regular"
   },
   normal_italic: {
     fontWeight: 400,
-    fontFamily: 'IBMPlexSans-Regular-Italic'
+    fontFamily: "IBMPlexSans-Regular-Italic"
   },
   medium: {
     fontWeight: 500,
-    fontFamily: 'IBMPlexSans-Medium'
+    fontFamily: "IBMPlexSans-Medium"
   },
   medium_italic: {
     fontWeight: 500,
-    fontFamily: 'IBMPlexSans-Medium-Italic'
+    fontFamily: "IBMPlexSans-Medium-Italic"
   },
   semibold: {
     fontWeight: 600,
-    fontFamily: 'IBMPlexSans-SemiBold'
+    fontFamily: "IBMPlexSans-SemiBold"
   },
   semibold_italic: {
     fontWeight: 600,
-    fontFamily: 'IBMPlexSans-SemiBold-Italic'
+    fontFamily: "IBMPlexSans-SemiBold-Italic"
   },
   bold: {
     fontWeight: 700,
-    fontFamily: 'IBMPlexSans-Bold'
+    fontFamily: "IBMPlexSans-Bold"
   },
   bold_italic: {
     fontWeight: 700,
-    fontFamily: 'IBMPlexSans-Bold-Italic'
+    fontFamily: "IBMPlexSans-Bold-Italic"
   }
 });
 //# sourceMappingURL=text-style-sheet.js.map

package/lib/commonjs/carbon-react-native/CarbonReactNative.js

@@ -9,7 +9,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 function CarbonReactNative({
   // GlobalConfigProviderProps
   android_buttonRippleEffect = true,
-  notificationColor = 'high_contrast',
+  notificationColor = "high_contrast",
   toastDuration = 5000,
   rtl = false,
   // ThemeProviderProps

package/lib/commonjs/carbon-style-sheet/breakpoint.js

@@ -9,10 +9,10 @@ exports.breakpoint = void 0;
  * This is just a constant name.
  */
 const breakpoint = exports.breakpoint = {
-  small: 'small',
-  medium: 'medium',
-  large: 'large',
-  x_large: 'x_large',
-  max: 'max'
+  small: "small",
+  medium: "medium",
+  large: "large",
+  x_large: "x_large",
+  max: "max"
 };
 //# sourceMappingURL=breakpoint.js.map

package/lib/commonjs/carbon-style-sheet/create.js

@@ -85,18 +85,18 @@ function create(styles) {
       get() {
         const colorScheme = _index.ColorSchemeGlobal.get(),
           breakpoint = _index.BreakpointGlobal.get();
-        return [normalStyleSheet[styleName], colorScheme == 'gray_10' ? coloredStyleSheet[`${prefixColorStyleName.gray_10}${styleName}`] : coloredStyleSheet[`${prefixColorStyleName.gray_100}${styleName}`], containBreakpointStyle ? breakpointStyleSheet[`${breakpoint}${styleName}`] || getBreakpointUpStyle(breakpoint, breakpointStyleSheet, styleName) : null];
+        return [normalStyleSheet[styleName], colorScheme == "gray_10" ? coloredStyleSheet[`${prefixColorStyleName.gray_10}${styleName}`] : coloredStyleSheet[`${prefixColorStyleName.gray_100}${styleName}`], containBreakpointStyle ? breakpointStyleSheet[`${breakpoint}${styleName}`] || getBreakpointUpStyle(breakpoint, breakpointStyleSheet, styleName) : null];
       }
     });
     return acc;
   }, {});
 }
-const colorStyleProps = ['backgroundColor', 'borderColor', 'borderEndColor', 'borderStartColor', 'borderTopColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderBlockColor', 'borderBlockEndColor', 'borderBlockStartColor', 'color', 'outlineColor', 'overlayColor', 'textDecorationColor', 'textShadowColor', 'tintColor', 'shadowColor'],
+const colorStyleProps = ["backgroundColor", "borderColor", "borderEndColor", "borderStartColor", "borderTopColor", "borderBottomColor", "borderLeftColor", "borderRightColor", "borderBlockColor", "borderBlockEndColor", "borderBlockStartColor", "color", "outlineColor", "overlayColor", "textDecorationColor", "textShadowColor", "tintColor", "shadowColor"],
   prefixColorStyleName = {
-    gray_10: 'gray_10__',
-    gray_100: 'gray_100__'
+    gray_10: "gray_10__",
+    gray_100: "gray_100__"
   },
-  breakpointDown = ['max', 'x_large', 'large', 'medium', 'small'];
+  breakpointDown = ["max", "x_large", "large", "medium", "small"];
 function getBreakpointUpStyle(breakpoint, breakpointStyle, styleName) {
   const bpSliced = breakpointDown.slice(breakpointDown.indexOf(breakpoint));
   let style = null;

package/lib/commonjs/components/accordion/Accordion.js

@@ -12,7 +12,7 @@ var _context = require("./_context.js");
 var _styles = require("./_styles.js");
 var _jsxRuntime = require("react/jsx-runtime");
 const Accordion_ = /*#__PURE__*/(0, _react.forwardRef)(function Accordion({
-  size = 'medium',
+  size = "medium",
   flushAlignment,
   children,
   style,
@@ -58,17 +58,17 @@ const Accordion = exports.Accordion = Object.assign(Accordion_, {
 });
 const baseStyle = _reactNative.StyleSheet.create({
     lastAccordionHeaderBorder: {
-      top: '100%'
+      top: "100%"
     }
   }),
-  windowWidth = _reactNative.Dimensions.get('window').width;
+  windowWidth = _reactNative.Dimensions.get("window").width;
 function getMarginRightStyleKey(width) {
   if (width < 420) {
-    return 'small';
+    return "small";
   }
   if (width <= 640) {
-    return 'range_420_640';
+    return "range_420_640";
   }
-  return 'large';
+  return "large";
 }
 //# sourceMappingURL=Accordion.js.map

package/lib/commonjs/components/accordion/_Header.js

@@ -15,7 +15,7 @@ var _HeaderBorder = require("./_HeaderBorder.js");
 var _index5 = require("./_chevron/index.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function Header({
-  size = 'medium',
+  size = "medium",
   open,
   flushAlignment = false,
   text,
@@ -56,10 +56,10 @@ function Header({
 }
 const backgroundStyleSheet = _index2.CarbonStyleSheet.create({
     default: {
-      backgroundColor: 'transparent'
+      backgroundColor: "transparent"
     },
     focused: {
-      backgroundColor: 'transparent',
+      backgroundColor: "transparent",
       borderWidth: 1,
       borderColor: _index2.CarbonStyleSheet.color.focus
     },
@@ -70,7 +70,7 @@ const backgroundStyleSheet = _index2.CarbonStyleSheet.create({
       backgroundColor: _index2.CarbonStyleSheet.color.layer_hover_01
     },
     disabled: {
-      backgroundColor: 'transparent'
+      backgroundColor: "transparent"
     }
   }),
   textStyleSheet = _index2.CarbonStyleSheet.create({
@@ -115,9 +115,9 @@ const backgroundStyleSheet = _index2.CarbonStyleSheet.create({
    * https://carbondesignsystem.com/components/accordion/style/#sizes
    */
   mapSizeToButtonSize = {
-    small: 'small',
-    medium: 'medium',
-    large: 'large_productive'
+    small: "small",
+    medium: "medium",
+    large: "large_productive"
   },
   iconNodeRenderer = (open, iconColorState, iconSize, iconStyle) => {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Chevron, {

package/lib/commonjs/components/accordion/_Item.js

@@ -32,7 +32,7 @@ const Item = exports.Item = /*#__PURE__*/(0, _react.forwardRef)(function Item({
     }),
     viewRef = (0, _react.useRef)(null),
     [openSelf, setOpenSelf] = (0, _react.useState)(ref.current.open),
-    controlled = typeof openProp !== 'undefined',
+    controlled = typeof openProp !== "undefined",
     open = controlled ? !!openProp : openSelf,
     pressHandler = (0, _react.useCallback)(event => {
       onPressHeader?.(event);
@@ -48,7 +48,7 @@ const Item = exports.Item = /*#__PURE__*/(0, _react.forwardRef)(function Item({
       },
       setOpen(value) {
         if (!controlled) {
-          if (typeof value === 'boolean') {
+          if (typeof value === "boolean") {
             ref.current.open = value;
           } else {
             ref.current.open = value(ref.current.open);
@@ -71,7 +71,7 @@ const Item = exports.Item = /*#__PURE__*/(0, _react.forwardRef)(function Item({
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Collapsible, {
       motion: _motion.Motion,
       open: open,
-      dir: globalConfigContext.rtl ? 'rtl' : undefined,
+      dir: globalConfigContext.rtl ? "rtl" : undefined,
       contentContainerStyle: [globalConfigContext.rtl ? _index2.CommonStyleSheet.rtl : undefined, accordionContext.collapsibleContentContainerStyle, style.panel],
       children: children
     })]

package/lib/commonjs/components/accordion/_chevron/Chevron.js

@@ -54,7 +54,7 @@ function Chevron({
       transform: [{
         rotateZ: rotateZ.current.interpolate({
           inputRange: [0, 1],
-          outputRange: ['0deg', '180deg']
+          outputRange: ["0deg", "180deg"]
         })
       }]
     }, style]

package/lib/commonjs/components/accordion/_styles.js

@@ -12,7 +12,7 @@ var _carbonReactNativeElements = require("@audira/carbon-react-native-elements")
  */
 const MarginRightStyle = exports.MarginRightStyle = _reactNative.StyleSheet.create({
   large: {
-    paddingEnd: '25%'
+    paddingEnd: "25%"
   },
   range_420_640: {
     paddingEnd: _carbonReactNativeElements.Spacing.spacing_10

package/lib/commonjs/components/button/base/Base.js

@@ -22,24 +22,24 @@ const Base = exports.Base = /*#__PURE__*/(0, _react.forwardRef)(function Base({
   InlineLoading,
   inlineLoadingProps,
   style,
-  role = 'button',
-  'aria-label': ariaLabel,
+  role = "button",
+  "aria-label": ariaLabel,
   dir,
   ...props
 }, ref) {
   const globalConfigContext = (0, _react.useContext)(_index.GlobalConfigContext),
     buttonGroupContext = (0, _react.useContext)(_index.ButtonGroupContext),
-    size = sizeProp ?? buttonGroupContext.size ?? 'large_productive',
+    size = sizeProp ?? buttonGroupContext.size ?? "large_productive",
     iconSize = getIconSize(size),
     iconMarginStyle = mapIconMarginStyle[`${!!globalConfigContext.rtl}`][`${!!text}`];
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
     ...props,
     role: role,
     "aria-label": ariaLabel ?? text,
-    dir: dir ?? globalConfigContext.rtl ? 'rtl' : undefined,
+    dir: dir ?? globalConfigContext.rtl ? "rtl" : undefined,
     style: [_index2.FlexStyleSheet.flex_row, _index2.FlexStyleSheet.justify_between, baseStyle.container, globalConfigContext.rtl ? baseStyle.containerRtl : undefined, mapContainerStyle[`${!!text}`][`${!!Icon || !!iconNode}`], sizeStyle[size], mapStyleInButtonGroup[`${!!buttonGroupContext.vertical}`][`${!!buttonGroupContext.fluid}`], style],
     ref: ref,
-    children: [backgroundNode, !InlineLoading || inlineLoadingProps?.state === 'inactive' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [backgroundNode, !InlineLoading || inlineLoadingProps?.state === "inactive" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [!!text && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: baseStyle.textContainer,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
@@ -51,22 +51,22 @@ const Base = exports.Base = /*#__PURE__*/(0, _react.forwardRef)(function Base({
         ...iconProps,
         width: iconProps?.width ?? iconSize,
         height: iconProps?.height ?? iconSize,
-        dir: globalConfigContext.rtl ? 'rtl' : undefined,
+        dir: globalConfigContext.rtl ? "rtl" : undefined,
         style: [getIconMarginTopStyle(size), iconMarginStyle, iconProps?.style]
       }) : iconNode?.(iconSize, [getIconMarginTopStyle(size), iconMarginStyle])]
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(InlineLoading, {
       ...inlineLoadingProps,
-      text: inlineLoadingProps?.text || text || '',
+      text: inlineLoadingProps?.text || text || "",
       style: [baseStyle.inlineLoading, inlineLoadingProps?.style]
     })]
   });
 });
 const baseStyle = _reactNative.StyleSheet.create({
     container: {
-      overflow: 'hidden'
+      overflow: "hidden"
     },
     containerRtl: {
-      direction: 'rtl'
+      direction: "rtl"
     },
     /**
      * Start Padding
@@ -87,8 +87,8 @@ const baseStyle = _reactNative.StyleSheet.create({
       paddingEnd: _carbonReactNativeElements.Spacing.spacing_10
     },
     textContainer: {
-      justifyContent: 'center',
-      height: '100%',
+      justifyContent: "center",
+      height: "100%",
       maxHeight: 48
     },
     iconMarginLTR: {
@@ -98,7 +98,7 @@ const baseStyle = _reactNative.StyleSheet.create({
       marginRight: _carbonReactNativeElements.Spacing.spacing_07
     },
     inlineLoading: {
-      height: '100%',
+      height: "100%",
       maxHeight: 48
     }
   }),
@@ -118,7 +118,7 @@ const baseStyle = _reactNative.StyleSheet.create({
     extra_large: {
       height: 64
     },
-    '2xl': {
+    "2xl": {
       height: 80
     }
   }),
@@ -136,8 +136,8 @@ const baseStyle = _reactNative.StyleSheet.create({
    * https://carbondesignsystem.com/components/button/style/#typography
    */
   mapTextTypeByExpressive = {
-    false: 'body_compact_01',
-    true: 'body_compact_02'
+    false: "body_compact_01",
+    true: "body_compact_02"
   },
   mapIconSizeByExpressive = {
     false: 16,
@@ -169,7 +169,7 @@ const baseStyle = _reactNative.StyleSheet.create({
  * https://carbondesignsystem.com/components/button/style/#sizes
  */
 function isExpressiveStr(Size) {
-  return `${Size === 'large_expressive'}`;
+  return `${Size === "large_expressive"}`;
 }
 
 // function getContainerPaddingRight(

package/lib/commonjs/components/button/base-color/BaseColor.js

@@ -113,21 +113,21 @@ const BaseColor = exports.BaseColor = /*#__PURE__*/(0, _react.forwardRef)(functi
     iconNode: iconNode ? (...params) => iconNode(stateStyle.icon, ...params) : undefined,
     InlineLoading: InlineLoading,
     inlineLoadingProps: inlineLoadingProps,
-    style: [!InlineLoading || inlineLoadingProps?.state === 'inactive' ? stateStyle.background : styleSheet.withInlineLoading, style]
+    style: [!InlineLoading || inlineLoadingProps?.state === "inactive" ? stateStyle.background : styleSheet.withInlineLoading, style]
   });
 });
 const styleSheet = _reactNative.StyleSheet.create({
     withInlineLoading: {
-      borderColor: 'transparent'
+      borderColor: "transparent"
     },
     innerFocusBox: {
-      position: 'absolute',
+      position: "absolute",
       top: 2,
       right: 2,
       bottom: 2,
       left: 2,
       borderWidth: 1,
-      borderColor: 'transparent'
+      borderColor: "transparent"
     },
     innerFocusBoxActive_GRAY_10: {
       borderColor: _carbonReactNativeElements.Color.Token.gray_10.focus_inset
@@ -157,7 +157,7 @@ function getStateStyle(colorStateStyle, states, androidRipple) {
   }
   if (states.pressed) {
     return {
-      background: androidRipple && _reactNative.Platform.OS == 'android' ? colorStateStyle.background.default : colorStateStyle.background.pressed,
+      background: androidRipple && _reactNative.Platform.OS == "android" ? colorStateStyle.background.default : colorStateStyle.background.pressed,
       text: colorStateStyle.text.pressed,
       icon: colorStateStyle.icon.pressed
     };

package/lib/commonjs/components/button/ghost/Ghost.js

@@ -47,7 +47,7 @@ const Ghost = exports.Ghost = /*#__PURE__*/(0, _react.forwardRef)(function Ghost
 });
 const backgroundStyleSheet = _index.CarbonStyleSheet.create({
     default: {
-      backgroundColor: 'transparent'
+      backgroundColor: "transparent"
     },
     focused: {
       borderWidth: 1,
@@ -60,7 +60,7 @@ const backgroundStyleSheet = _index.CarbonStyleSheet.create({
       backgroundColor: _index.CarbonStyleSheet.color.background_active
     },
     disabled: {
-      backgroundColor: 'transparent'
+      backgroundColor: "transparent"
     }
   }),
   textStyleSheet = _index.CarbonStyleSheet.create({

package/lib/commonjs/components/button/ghost-danger/GhostDanger.js

@@ -47,7 +47,7 @@ const GhostDanger = exports.GhostDanger = /*#__PURE__*/(0, _react.forwardRef)(fu
 });
 const backgroundStyleSheet = _index.CarbonStyleSheet.create({
     default: {
-      backgroundColor: 'transparent'
+      backgroundColor: "transparent"
     },
     focused: {
       borderWidth: 1,

package/lib/commonjs/components/button/ghost-icon/GhostIcon.js

@@ -38,7 +38,7 @@ const GhostIcon = exports.GhostIcon = /*#__PURE__*/(0, _react.forwardRef)(functi
 });
 const backgroundStyleSheet = _index.CarbonStyleSheet.create({
     default: {
-      backgroundColor: 'transparent'
+      backgroundColor: "transparent"
     },
     focused: {
       borderWidth: 1,
@@ -51,12 +51,12 @@ const backgroundStyleSheet = _index.CarbonStyleSheet.create({
       backgroundColor: _index.CarbonStyleSheet.color.background_active
     },
     disabled: {
-      backgroundColor: 'transparent'
+      backgroundColor: "transparent"
     }
   }),
   style = _reactNative.StyleSheet.create({
     text: {
-      color: 'transparent'
+      color: "transparent"
     }
   }),
   mapIconColor = {

package/lib/commonjs/components/button/tertiary/Tertiary.js

@@ -47,7 +47,7 @@ const baseStyle = _reactNative.StyleSheet.create({
   }),
   backgroundStyleSheet = _index.CarbonStyleSheet.create({
     default: {
-      backgroundColor: 'transparent',
+      backgroundColor: "transparent",
       borderColor: _index.CarbonStyleSheet.color.button_tertiary
     },
     focused: {
@@ -63,7 +63,7 @@ const baseStyle = _reactNative.StyleSheet.create({
       borderColor: _index.CarbonStyleSheet.color.button_tertiary_active
     },
     disabled: {
-      backgroundColor: 'transparent',
+      backgroundColor: "transparent",
       borderColor: _index.CarbonStyleSheet.color.button_disabled
     }
   }),

package/lib/commonjs/components/button/tertiary-danger/TertiaryDanger.js

@@ -47,11 +47,11 @@ const baseStyle = _reactNative.StyleSheet.create({
   }),
   backgroundStyleSheet = _index.CarbonStyleSheet.create({
     default: {
-      backgroundColor: 'transparent',
+      backgroundColor: "transparent",
       borderColor: _index.CarbonStyleSheet.color.button_danger_secondary
     },
     focused: {
-      backgroundColor: 'transparent',
+      backgroundColor: "transparent",
       borderColor: _index.CarbonStyleSheet.color.focus
     },
     hovered: {
@@ -63,7 +63,7 @@ const baseStyle = _reactNative.StyleSheet.create({
       borderColor: _index.CarbonStyleSheet.color.button_danger_active
     },
     disabled: {
-      backgroundColor: 'transparent',
+      backgroundColor: "transparent",
       borderColor: _index.CarbonStyleSheet.color.button_disabled
     }
   }),