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

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

@@ -1,9 +1,9 @@
 "use strict";
 
-import { forwardRef, useContext, useMemo } from 'react';
-import { StyleSheet, View } from 'react-native';
-import { Spacing } from '@audira/carbon-react-native-elements';
-import IconClose from '@carbon/icons/svg/32/close.svg';
+import { forwardRef, useContext, useMemo } from "react";
+import { StyleSheet, View } from "react-native";
+import { Spacing } from "@audira/carbon-react-native-elements";
+import IconClose from "@carbon/icons/svg/32/close.svg";
 import { GlobalConfigContext, ModalContext } from "../../_internal/contexts/index.js";
 import { CommonStyleSheet } from "../../_internal/style-sheets/index.js";
 import { CarbonStyleSheet } from "../../carbon-style-sheet/index.js";
@@ -19,13 +19,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * 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
  */
 export const Modal = /*#__PURE__*/forwardRef(function Modal({
-  size = 'medium',
+  size = "medium",
   label: labelProp,
   title,
   children,
   buttonCloseProps,
-  'aria-label': ariaLabel,
-  'aria-labelledby': ariaLabelledBy,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
   style,
   dir,
   ...props
@@ -50,7 +50,7 @@ export const Modal = /*#__PURE__*/forwardRef(function Modal({
       ...props,
       "aria-label": ariaLabel ?? label,
       "aria-labelledBy": ariaLabelledBy ?? label,
-      dir: dir ?? globalConfigContext.rtl ? 'rtl' : undefined,
+      dir: dir ?? globalConfigContext.rtl ? "rtl" : undefined,
       style: [bgLayerStyleSheet[`bg_${layerContextLevel}`], styleSheetBySizeAndBreakpoint.modal, globalConfigContext.rtl ? CommonStyleSheet.rtl : undefined, style],
       children: [/*#__PURE__*/_jsxs(View, {
         style: [styleSheet.headerText, styleSheetBySizeAndBreakpoint.headerTextContainer],
@@ -77,7 +77,7 @@ const styleSheet = StyleSheet.create({
     },
     iconClose: {
       top: 0,
-      backgroundColor: 'transparent'
+      backgroundColor: "transparent"
     },
     iconCloseLtr: {
       right: 0
@@ -90,8 +90,8 @@ const styleSheet = StyleSheet.create({
     extra_small: {
       small: StyleSheet.create({
         modal: {
-          width: '100%',
-          height: '100%'
+          width: "100%",
+          height: "100%"
         },
         headerTextContainer: {
           paddingHorizontal: Spacing.spacing_05
@@ -99,7 +99,7 @@ const styleSheet = StyleSheet.create({
       }),
       medium: StyleSheet.create({
         modal: {
-          width: '48%'
+          width: "48%"
         },
         headerTextContainer: {
           paddingHorizontal: Spacing.spacing_05
@@ -107,7 +107,7 @@ const styleSheet = StyleSheet.create({
       }),
       large: StyleSheet.create({
         modal: {
-          width: '32%'
+          width: "32%"
         },
         headerTextContainer: {
           paddingHorizontal: Spacing.spacing_05
@@ -115,7 +115,7 @@ const styleSheet = StyleSheet.create({
       }),
       x_large: StyleSheet.create({
         modal: {
-          width: '24%'
+          width: "24%"
         },
         headerTextContainer: {
           paddingHorizontal: Spacing.spacing_05
@@ -123,7 +123,7 @@ const styleSheet = StyleSheet.create({
       }),
       max: StyleSheet.create({
         modal: {
-          width: '24%'
+          width: "24%"
         },
         headerTextContainer: {
           paddingHorizontal: Spacing.spacing_05
@@ -133,8 +133,8 @@ const styleSheet = StyleSheet.create({
     small: {
       small: StyleSheet.create({
         modal: {
-          width: '100%',
-          height: '100%'
+          width: "100%",
+          height: "100%"
         },
         headerTextContainer: {
           paddingHorizontal: Spacing.spacing_05
@@ -142,7 +142,7 @@ const styleSheet = StyleSheet.create({
       }),
       medium: StyleSheet.create({
         modal: {
-          width: '60%'
+          width: "60%"
         },
         headerTextContainer: {
           paddingHorizontal: Spacing.spacing_05
@@ -150,7 +150,7 @@ const styleSheet = StyleSheet.create({
       }),
       large: StyleSheet.create({
         modal: {
-          width: '42%'
+          width: "42%"
         },
         headerTextContainer: {
           paddingHorizontal: Spacing.spacing_05
@@ -158,28 +158,28 @@ const styleSheet = StyleSheet.create({
       }),
       x_large: StyleSheet.create({
         modal: {
-          width: '36%'
+          width: "36%"
         },
         headerTextContainer: {
           paddingStart: Spacing.spacing_05,
-          paddingEnd: '20%'
+          paddingEnd: "20%"
         }
       }),
       max: StyleSheet.create({
         modal: {
-          width: '36%'
+          width: "36%"
         },
         headerTextContainer: {
           paddingStart: Spacing.spacing_05,
-          paddingEnd: '20%'
+          paddingEnd: "20%"
         }
       })
     },
     medium: {
       small: StyleSheet.create({
         modal: {
-          width: '100%',
-          height: '100%'
+          width: "100%",
+          height: "100%"
         },
         headerTextContainer: {
           paddingHorizontal: Spacing.spacing_05
@@ -187,46 +187,46 @@ const styleSheet = StyleSheet.create({
       }),
       medium: StyleSheet.create({
         modal: {
-          width: '84%'
+          width: "84%"
         },
         headerTextContainer: {
           paddingStart: Spacing.spacing_05,
-          paddingEnd: '20%'
+          paddingEnd: "20%"
         }
       }),
       large: StyleSheet.create({
         modal: {
-          width: '60%'
+          width: "60%"
         },
         headerTextContainer: {
           paddingStart: Spacing.spacing_05,
-          paddingEnd: '20%'
+          paddingEnd: "20%"
         }
       }),
       x_large: StyleSheet.create({
         modal: {
-          width: '48%'
+          width: "48%"
         },
         headerTextContainer: {
           paddingStart: Spacing.spacing_05,
-          paddingEnd: '20%'
+          paddingEnd: "20%"
         }
       }),
       max: StyleSheet.create({
         modal: {
-          width: '48%'
+          width: "48%"
         },
         headerTextContainer: {
           paddingStart: Spacing.spacing_05,
-          paddingEnd: '20%'
+          paddingEnd: "20%"
         }
       })
     },
     large: {
       small: StyleSheet.create({
         modal: {
-          width: '100%',
-          height: '100%'
+          width: "100%",
+          height: "100%"
         },
         headerTextContainer: {
           paddingHorizontal: Spacing.spacing_05
@@ -234,38 +234,38 @@ const styleSheet = StyleSheet.create({
       }),
       medium: StyleSheet.create({
         modal: {
-          width: '96%'
+          width: "96%"
         },
         headerTextContainer: {
           paddingStart: Spacing.spacing_05,
-          paddingEnd: '20%'
+          paddingEnd: "20%"
         }
       }),
       large: StyleSheet.create({
         modal: {
-          width: '84%'
+          width: "84%"
         },
         headerTextContainer: {
           paddingStart: Spacing.spacing_05,
-          paddingEnd: '20%'
+          paddingEnd: "20%"
         }
       }),
       x_large: StyleSheet.create({
         modal: {
-          width: '72%'
+          width: "72%"
         },
         headerTextContainer: {
           paddingStart: Spacing.spacing_05,
-          paddingEnd: '20%'
+          paddingEnd: "20%"
         }
       }),
       max: StyleSheet.create({
         modal: {
-          width: '72%'
+          width: "72%"
         },
         headerTextContainer: {
           paddingStart: Spacing.spacing_05,
-          paddingEnd: '20%'
+          paddingEnd: "20%"
         }
       })
     }

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

@@ -1,8 +1,8 @@
 "use strict";
 
-import { forwardRef, useContext } from 'react';
-import { StyleSheet, View } from 'react-native';
-import { Spacing } from '@audira/carbon-react-native-elements';
+import { forwardRef, useContext } from "react";
+import { StyleSheet, View } from "react-native";
+import { Spacing } from "@audira/carbon-react-native-elements";
 import { GlobalConfigContext, ModalContext } from "../../_internal/contexts/index.js";
 import { CommonStyleSheet } from "../../_internal/style-sheets/index.js";
 import { BreakpointContext } from "../../contexts/index.js";
@@ -19,7 +19,7 @@ export const ModalContent = /*#__PURE__*/forwardRef(function ModalContent({
   return /*#__PURE__*/_jsx(View, {
     ref: ref,
     ...props,
-    dir: dir ?? globalConfigContext.rtl ? 'rtl' : undefined,
+    dir: dir ?? globalConfigContext.rtl ? "rtl" : undefined,
     style: [styleSheet.modalContent, mapStyleSheetBySizeAndBreakpoint[modalContext.size][breakpoint], fullWidth ? styleSheet.fullWidth : undefined, globalConfigContext.rtl ? CommonStyleSheet.rtl : undefined, style]
   });
 });
@@ -69,11 +69,11 @@ const styleSheet = StyleSheet.create({
       },
       x_large: {
         paddingStart: Spacing.spacing_05,
-        paddingEnd: '20%'
+        paddingEnd: "20%"
       },
       max: {
         paddingStart: Spacing.spacing_05,
-        paddingEnd: '20%'
+        paddingEnd: "20%"
       }
     },
     medium: {
@@ -83,19 +83,19 @@ const styleSheet = StyleSheet.create({
       },
       medium: {
         paddingStart: Spacing.spacing_05,
-        paddingEnd: '20%'
+        paddingEnd: "20%"
       },
       large: {
         paddingStart: Spacing.spacing_05,
-        paddingEnd: '20%'
+        paddingEnd: "20%"
       },
       x_large: {
         paddingStart: Spacing.spacing_05,
-        paddingEnd: '20%'
+        paddingEnd: "20%"
       },
       max: {
         paddingStart: Spacing.spacing_05,
-        paddingEnd: '20%'
+        paddingEnd: "20%"
       }
     },
     large: {
@@ -105,19 +105,19 @@ const styleSheet = StyleSheet.create({
       },
       medium: {
         paddingStart: Spacing.spacing_05,
-        paddingEnd: '20%'
+        paddingEnd: "20%"
       },
       large: {
         paddingStart: Spacing.spacing_05,
-        paddingEnd: '20%'
+        paddingEnd: "20%"
       },
       x_large: {
         paddingStart: Spacing.spacing_05,
-        paddingEnd: '20%'
+        paddingEnd: "20%"
       },
       max: {
         paddingStart: Spacing.spacing_05,
-        paddingEnd: '20%'
+        paddingEnd: "20%"
       }
     }
   };

package/lib/module/components/notification/_VariantContextProvider.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { useContext } from 'react';
+import { useContext } from "react";
 import { GlobalConfigContext } from "../../_internal/contexts/index.js";
 import { VariantContext } from "./_variant-context.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/lib/module/components/notification/_status-hooks/_base/useBase.js

@@ -1,7 +1,7 @@
 "use strict";
 
-import { useContext } from 'react';
-import { StyleSheet } from 'react-native';
+import { useContext } from "react";
+import { StyleSheet } from "react-native";
 import { GlobalConfigContext } from "../../../../_internal/contexts/index.js";
 import { ThemeContext } from "../../../../contexts/index.js";
 export function useBase({
@@ -36,9 +36,9 @@ const styleSheet = StyleSheet.create({
     borderBottomWidth: 1
   },
   baseTransparentBorder: {
-    borderTopColor: 'transparent',
-    borderRightColor: 'transparent',
-    borderBottomColor: 'transparent'
+    borderTopColor: "transparent",
+    borderRightColor: "transparent",
+    borderBottomColor: "transparent"
   }
 });
 //# sourceMappingURL=useBase.js.map

package/lib/module/components/notification/_status-hooks/error/useError.js

@@ -1,8 +1,8 @@
 "use strict";
 
-import { useContext } from 'react';
-import { Color } from '@audira/carbon-react-native-elements';
-import Icon from '@carbon/icons/svg/32/error--filled.svg';
+import { useContext } from "react";
+import { Color } from "@audira/carbon-react-native-elements";
+import Icon from "@carbon/icons/svg/32/error--filled.svg";
 import { CarbonStyleSheet } from "../../../../carbon-style-sheet/index.js";
 import { ThemeContext } from "../../../../contexts/index.js";
 import { useBase } from "../_base/index.js";

package/lib/module/components/notification/_status-hooks/informational/useInformational.js

@@ -1,8 +1,8 @@
 "use strict";
 
-import { useContext } from 'react';
-import { Color } from '@audira/carbon-react-native-elements';
-import Icon from '@carbon/icons/svg/32/information--filled.svg';
+import { useContext } from "react";
+import { Color } from "@audira/carbon-react-native-elements";
+import Icon from "@carbon/icons/svg/32/information--filled.svg";
 import { CarbonStyleSheet } from "../../../../carbon-style-sheet/index.js";
 import { ThemeContext } from "../../../../contexts/index.js";
 import { useBase } from "../_base/index.js";

package/lib/module/components/notification/_status-hooks/success/useSuccess.js

@@ -1,8 +1,8 @@
 "use strict";
 
-import { useContext } from 'react';
-import { Color } from '@audira/carbon-react-native-elements';
-import Icon from '@carbon/icons/svg/32/checkmark--filled.svg';
+import { useContext } from "react";
+import { Color } from "@audira/carbon-react-native-elements";
+import Icon from "@carbon/icons/svg/32/checkmark--filled.svg";
 import { CarbonStyleSheet } from "../../../../carbon-style-sheet/index.js";
 import { ThemeContext } from "../../../../contexts/index.js";
 import { useBase } from "../_base/index.js";

package/lib/module/components/notification/_status-hooks/warning/useWarning.js

@@ -1,8 +1,8 @@
 "use strict";
 
-import { useContext } from 'react';
-import { Color } from '@audira/carbon-react-native-elements';
-import Icon from '@carbon/icons/svg/32/warning--filled.svg';
+import { useContext } from "react";
+import { Color } from "@audira/carbon-react-native-elements";
+import Icon from "@carbon/icons/svg/32/warning--filled.svg";
 import { CarbonStyleSheet } from "../../../../carbon-style-sheet/index.js";
 import { ThemeContext } from "../../../../contexts/index.js";
 import { useBase } from "../_base/index.js";

package/lib/module/components/notification/_variant-context.js

@@ -1,7 +1,7 @@
 "use strict";
 
-import { createContext } from 'react';
+import { createContext } from "react";
 export const VariantContext = /*#__PURE__*/createContext({
-  color: 'high_contrast'
+  color: "high_contrast"
 });
 //# sourceMappingURL=_variant-context.js.map

package/lib/module/components/notification/_variants/_ButtonGhost.js

@@ -1,14 +1,14 @@
 "use strict";
 
-import { useContext } from 'react';
-import { StyleSheet } from 'react-native';
-import { Spacing } from '@audira/carbon-react-native-elements';
+import { useContext } from "react";
+import { StyleSheet } from "react-native";
+import { Spacing } from "@audira/carbon-react-native-elements";
 import { ThemeProvider } from "../../../_internal/providers/theme/index.js";
 import { Ghost } from "../../button/ghost/index.js";
 import { VariantContext } from "../_variant-context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function ButtonGhost({
-  size = 'small',
+  size = "small",
   style,
   ...props
 }) {
@@ -35,7 +35,7 @@ const baseStyle = StyleSheet.create({
     }
   }),
   mapColorScheme = {
-    low_contrast: 'gray_10',
-    high_contrast: 'gray_100'
+    low_contrast: "gray_10",
+    high_contrast: "gray_100"
   };
 //# sourceMappingURL=_ButtonGhost.js.map

package/lib/module/components/notification/_variants/_ButtonTertiary.js

@@ -1,14 +1,14 @@
 "use strict";
 
-import { useContext } from 'react';
-import { StyleSheet } from 'react-native';
-import { Spacing } from '@audira/carbon-react-native-elements';
+import { useContext } from "react";
+import { StyleSheet } from "react-native";
+import { Spacing } from "@audira/carbon-react-native-elements";
 import { ThemeProvider } from "../../../_internal/providers/theme/index.js";
 import { Tertiary } from "../../button/tertiary/index.js";
 import { VariantContext } from "../_variant-context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function ButtonTertiary({
-  size = 'small',
+  size = "small",
   style,
   ...props
 }) {
@@ -35,7 +35,7 @@ const baseStyle = StyleSheet.create({
     }
   }),
   mapColorScheme = {
-    low_contrast: 'gray_10',
-    high_contrast: 'gray_100'
+    low_contrast: "gray_10",
+    high_contrast: "gray_100"
   };
 //# sourceMappingURL=_ButtonTertiary.js.map

package/lib/module/components/notification/_variants/actionable/ActionableVariant.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { forwardRef } from 'react';
+import { forwardRef } from "react";
 import { VariantContextProvider } from "../../_VariantContextProvider.js";
 import { Base } from "../../base/index.js";
 import { Subtitle } from "../../subtitle/index.js";
@@ -21,7 +21,7 @@ export const ActionableVariant = /*#__PURE__*/forwardRef(function ActionableVari
       inline: false,
       Icon: Icon,
       iconClose: true,
-      body: subtitle && (typeof subtitle === 'string' || typeof subtitle === 'number') ? /*#__PURE__*/_jsx(Subtitle, {
+      body: subtitle && (typeof subtitle === "string" || typeof subtitle === "number") ? /*#__PURE__*/_jsx(Subtitle, {
         style: subtitleStyle,
         children: subtitle
       }) : subtitle,

package/lib/module/components/notification/_variants/actionable-inline/ActionableInlineVariant.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { forwardRef } from 'react';
+import { forwardRef } from "react";
 import { VariantContextProvider } from "../../_VariantContextProvider.js";
 import { Base } from "../../base/index.js";
 import { Subtitle } from "../../subtitle/index.js";
@@ -21,7 +21,7 @@ export const ActionableInlineVariant = /*#__PURE__*/forwardRef(function Actionab
       inline: true,
       Icon: Icon,
       iconClose: true,
-      body: subtitle && (typeof subtitle === 'string' || typeof subtitle === 'number') ? /*#__PURE__*/_jsx(Subtitle, {
+      body: subtitle && (typeof subtitle === "string" || typeof subtitle === "number") ? /*#__PURE__*/_jsx(Subtitle, {
         style: subtitleStyle,
         children: subtitle
       }) : subtitle,

package/lib/module/components/notification/_variants/callout/CalloutVariant.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { forwardRef } from 'react';
+import { forwardRef } from "react";
 import { VariantContextProvider } from "../../_VariantContextProvider.js";
 import { Base } from "../../base/index.js";
 import { Subtitle } from "../../subtitle/index.js";
@@ -19,7 +19,7 @@ export const CalloutVariant = /*#__PURE__*/forwardRef(function CalloutVariant({
       inline: false,
       Icon: Icon,
       iconClose: false,
-      body: subtitle && (typeof subtitle === 'string' || typeof subtitle === 'number') ? /*#__PURE__*/_jsx(Subtitle, {
+      body: subtitle && (typeof subtitle === "string" || typeof subtitle === "number") ? /*#__PURE__*/_jsx(Subtitle, {
         style: subtitleStyle,
         children: subtitle
       }) : subtitle,

package/lib/module/components/notification/_variants/callout-inline/CalloutInlineVariant.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { forwardRef } from 'react';
+import { forwardRef } from "react";
 import { VariantContextProvider } from "../../_VariantContextProvider.js";
 import { Base } from "../../base/index.js";
 import { Subtitle } from "../../subtitle/index.js";
@@ -19,7 +19,7 @@ export const CalloutInlineVariant = /*#__PURE__*/forwardRef(function CalloutInli
       inline: true,
       Icon: Icon,
       iconClose: false,
-      body: subtitle && (typeof subtitle === 'string' || typeof subtitle === 'number') ? /*#__PURE__*/_jsx(Subtitle, {
+      body: subtitle && (typeof subtitle === "string" || typeof subtitle === "number") ? /*#__PURE__*/_jsx(Subtitle, {
         style: subtitleStyle,
         children: subtitle
       }) : subtitle,

package/lib/module/components/notification/_variants/toast/ToastVariant.js

@@ -1,8 +1,8 @@
 "use strict";
 
-import { forwardRef } from 'react';
-import { StyleSheet } from 'react-native';
-import { Spacing } from '@audira/carbon-react-native-elements';
+import { forwardRef } from "react";
+import { StyleSheet } from "react-native";
+import { Spacing } from "@audira/carbon-react-native-elements";
 import { VariantContextProvider } from "../../_VariantContextProvider.js";
 import { Base } from "../../base/index.js";
 import { Subtitle } from "../../subtitle/index.js";
@@ -22,7 +22,7 @@ export const ToastVariant = /*#__PURE__*/forwardRef(function ToastVariant({
       inline: false,
       Icon: Icon,
       iconClose: true,
-      body: subtitle && (typeof subtitle === 'string' || typeof subtitle === 'number') ? /*#__PURE__*/_jsx(Subtitle, {
+      body: subtitle && (typeof subtitle === "string" || typeof subtitle === "number") ? /*#__PURE__*/_jsx(Subtitle, {
         style: subtitleStyle,
         children: subtitle
       }) : subtitle,
@@ -48,10 +48,10 @@ function Timestamp({
   return /*#__PURE__*/_jsx(Subtitle, {
     ...props,
     style: [baseStyle.timestamp, style],
-    children: new Date().toLocaleString('en-US', {
-      hour: '2-digit',
-      minute: '2-digit',
-      second: '2-digit',
+    children: new Date().toLocaleString("en-US", {
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit",
       hour12: true
     })
   });

package/lib/module/components/notification/actionable/error/Error.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { forwardRef } from 'react';
+import { forwardRef } from "react";
 import { useError } from "../../_status-hooks/index.js";
 import { ActionableVariant } from "../../_variants/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/lib/module/components/notification/actionable/informational/Informational.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { forwardRef } from 'react';
+import { forwardRef } from "react";
 import { useInformational } from "../../_status-hooks/index.js";
 import { ActionableVariant } from "../../_variants/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/lib/module/components/notification/actionable/success/Success.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { forwardRef } from 'react';
+import { forwardRef } from "react";
 import { useSuccess } from "../../_status-hooks/index.js";
 import { ActionableVariant } from "../../_variants/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/lib/module/components/notification/actionable/warning/Warning.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { forwardRef } from 'react';
+import { forwardRef } from "react";
 import { useWarning } from "../../_status-hooks/index.js";
 import { ActionableVariant } from "../../_variants/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/lib/module/components/notification/actionable-inline/error/Error.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { forwardRef } from 'react';
+import { forwardRef } from "react";
 import { useError } from "../../_status-hooks/index.js";
 import { ActionableInlineVariant } from "../../_variants/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";