@pagopa/io-app-design-system 5.7.1 → 5.7.3

package/src/components/claimsSelector/ClaimsSelector.tsx

@@ -11,8 +11,8 @@ import {
   IOSpacingScale
 } from "../../core";
 import { useAccordionAnimation } from "../../hooks/useAccordionAnimation";
-import { Divider } from "../divider";
 import { Icon } from "../icons";
+import { Divider } from "../layout";
 import { ListItemCheckbox, ListItemInfo } from "../listitems";
 import { H6 } from "../typography";
 

package/src/components/codeInput/CodeInput.tsx

@@ -5,7 +5,7 @@ import { useIOThemeContext } from "../../context";
 import { hexToRgba, IOColors } from "../../core/IOColors";
 import { triggerHaptic } from "../../functions";
 import { useErrorShakeAnimation } from "../../utils/hooks/useErrorShakeAnimation";
-import { HStack } from "../stack";
+import { HStack } from "../layout";
 
 type CodeInputProps = {
   value: string;

package/src/components/headers/HeaderFirstLevel.tsx

@@ -21,7 +21,7 @@ import {
 } from "../../core";
 import { WithTestID } from "../../utils/types";
 import { IconButton } from "../buttons";
-import { HStack } from "../stack";
+import { HStack } from "../layout";
 import { H2 } from "../typography";
 import { HeaderActionProps } from "./common";
 

package/src/components/headers/HeaderSecondLevel.tsx

@@ -37,8 +37,7 @@ import {
 import type { IOSpacer, IOSpacingScale } from "../../core/IOSpacing";
 import { WithTestID } from "../../utils/types";
 import IconButton from "../buttons/IconButton";
-import { HSpacer } from "../spacer";
-import { HStack } from "../stack";
+import { HSpacer, HStack } from "../layout";
 import { IOText } from "../typography";
 import { HeaderActionProps } from "./common";
 

package/src/components/index.tsx

@@ -7,8 +7,6 @@ export * from "./buttons";
 export * from "./checkbox";
 export * from "./claimsSelector";
 export * from "./codeInput";
-export * from "./contentWrapper";
-export * from "./divider";
 export * from "./featureInfo";
 export * from "./icons";
 export * from "./image";
@@ -25,8 +23,6 @@ export * from "./progressLoader";
 export * from "./radio";
 export * from "./searchInput";
 export * from "./skeleton";
-export * from "./spacer";
-export * from "./stack";
 export * from "./stepper";
 export * from "./switch";
 export * from "./tabs";

package/src/components/layout/FooterActions.tsx

@@ -24,7 +24,7 @@ import {
   IOButtonBlockSpecificProps,
   IOButtonLinkSpecificProps
 } from "../buttons";
-import { VSpacer } from "../spacer";
+import { VSpacer } from "./Spacer";
 import { useBottomMargins } from "./hooks/useBottomMargins";
 
 type IOButtonBlockProps = Omit<

package/src/components/layout/GradientBottomActions.tsx

@@ -6,7 +6,7 @@ import Animated, { AnimatedStyle } from "react-native-reanimated";
 import { IOColors, IOSpacer, IOVisualCostants, hexToRgba } from "../../core";
 import { WithTestID } from "../../utils/types";
 import { IOButton, IOButtonProps } from "../buttons";
-import { VSpacer } from "../spacer";
+import { VSpacer } from "./Spacer";
 
 type PrimaryActionProps = Extract<
   IOButtonProps,

package/src/components/layout/README.md

@@ -2,12 +2,13 @@
 
 Different layout components are available to help with screen composition:
 * **`ContentWrapper`**: a basic `View` component with horizontal spacing applied to all screens by default. It is used to wrap the main content.
+* **Stack**: `VStack` and `HStack` are used to add **uniform** vertical and horizontal spacing between components, respectively. They take advantage of the `flex` properties combined with the new `gap` property.
 * **Spacer**: `VSpacer` and `HSpacer` are used to add **not-uniform** vertical and horizontal spacing between components, respectively. They are defined as `View` components with a fixed height or width.
 * **`Divider`**: used to add a divider between screen blocks.
 
 ## Usage
 
-### ContentWrapper
+### `ContentWrapper`
 
 ```jsx
 import { ContentWrapper } from '@pagopa/io-app-design-system';
@@ -25,7 +26,21 @@ const ComponentWithLargerMargin = () => (
 );
 ```
 
-### Spacer
+### `VStack` and `HStack`
+
+In the example below, the inner components are arranged with an equal uniform vertical space of 16 between them.
+
+```jsx
+import { VStack } from '@pagopa/io-app-design-system';
+
+const ComponentWithInnerSpacing = () => (
+  <VStack space={16}>
+   {/* […] */}
+  </VStack>
+);
+```
+
+### `VSpacer` and `HSpacer`
 
 ```jsx
 import { VSpacer, HSpacer } from '@pagopa/io-app-design-system';
@@ -33,7 +48,9 @@ import { VSpacer, HSpacer } from '@pagopa/io-app-design-system';
 const Component = () => (
   <View>
     {/* […] */}
-    <VSpacer />
+    <VSpacer space={8} />
+    {/* […] */}
+    <VSpacer space={16} />
     {/* […] */}
   </View>
 );
@@ -49,7 +66,7 @@ const ComponentWithHSpacer = () => (
 );
 ```
 
-### Divider
+### `Divider`
 
 ```jsx
 import { Divider } from '@pagopa/io-app-design-system';
@@ -61,4 +78,16 @@ const Component = () => (
     {/* [Second block] */}
   </Screen>
 );
-```
+```
+
+## Frequently Asked Questions
+
+### I need to add space between the components. Should I use `Stack` or `Spacer` components?
+
+The `gap` property, on which the `Stack` components are based, is handled directly by React Native's layout engine. This means that:
+- Native-level spacing calculation
+- Better memory efficiency
+- Faster layout computation
+
+Unless you need to create a lot of nested `Stack` containers to reflect the design specs, you should probably use `Stack` instead of `Spacer`.
+`Spacer` components are still available because they can be useful in specific edge cases.

package/src/components/layout/index.tsx

@@ -1,5 +1,9 @@
+export * from "./ContentWrapper";
+export * from "./Divider";
 export * from "./FooterActions";
 export * from "./FooterActionsInline";
 export * from "./GradientBottomActions";
 export * from "./GradientScrollView";
 export * from "./hooks";
+export * from "./Spacer";
+export * from "./Stack";

package/src/components/listitems/ListItemCheckbox.tsx

@@ -3,17 +3,17 @@ import { useState } from "react";
 import { Pressable, View } from "react-native";
 import ReactNativeHapticFeedback from "react-native-haptic-feedback";
 import Animated from "react-native-reanimated";
+import { useIOTheme } from "../../context";
 import {
   IOSelectionListItemStyles,
   IOSelectionListItemVisualParams,
   IOSelectionTickVisualParams
 } from "../../core";
-import { useIOTheme } from "../../context";
 import { useListItemAnimation } from "../../hooks";
 import { useIOFontDynamicScale } from "../../utils/accessibility";
 import { AnimatedCheckbox } from "../checkbox/AnimatedCheckbox";
 import { IOIcons, Icon } from "../icons";
-import { HSpacer, VSpacer } from "../spacer";
+import { HSpacer, VSpacer } from "../layout";
 import { BodySmall, H6 } from "../typography";
 
 type Props = {

package/src/components/listitems/ListItemHeader.tsx

@@ -1,5 +1,6 @@
 import React, { ComponentProps, useCallback, useMemo } from "react";
 import { View } from "react-native";
+import { useIOTheme } from "../../context";
 import {
   IOListItemStyles,
   IOListItemVisualParams,
@@ -7,13 +8,12 @@ import {
   IOSpacingScale,
   IOVisualCostants
 } from "../../core";
-import { useIOTheme } from "../../context";
 import { useIOFontDynamicScale } from "../../utils/accessibility";
 import { WithTestID } from "../../utils/types";
 import { Badge } from "../badge";
 import { ButtonLink, IconButton } from "../buttons";
 import { IOIcons, Icon } from "../icons";
-import { VSpacer } from "../spacer";
+import { VSpacer } from "../layout";
 import { BodySmall, H6 } from "../typography";
 
 type ButtonLinkActionProps = {

package/src/components/listitems/ListItemNav.tsx

@@ -1,6 +1,7 @@
 import React, { ComponentProps } from "react";
 import { GestureResponderEvent, Image, Pressable, View } from "react-native";
 import Animated from "react-native-reanimated";
+import { useIOTheme } from "../../context";
 import {
   IOColors,
   IOListItemStyles,
@@ -9,15 +10,14 @@ import {
   IOSpacer,
   IOVisualCostants
 } from "../../core";
-import { useIOTheme } from "../../context";
 import { useListItemAnimation } from "../../hooks";
 import { useIOFontDynamicScale } from "../../utils/accessibility";
 import { WithTestID } from "../../utils/types";
 import { Avatar } from "../avatar";
 import { Badge } from "../badge";
 import { IOIcons, Icon } from "../icons";
+import { HSpacer, VSpacer } from "../layout";
 import { LoadingSpinner } from "../loadingSpinner";
-import { HSpacer, VSpacer } from "../spacer";
 import { BodySmall, Caption, H6 } from "../typography";
 
 type ListItemTopElementProps =

package/src/components/listitems/ListItemRadio.tsx

@@ -3,21 +3,20 @@ import { useState } from "react";
 import { Image, Pressable, StyleSheet, View } from "react-native";
 import ReactNativeHapticFeedback from "react-native-haptic-feedback";
 import Animated from "react-native-reanimated";
+import { useIOTheme } from "../../context";
 import {
   IOSelectionListItemStyles,
   IOSelectionListItemVisualParams,
   IOSelectionTickVisualParams
 } from "../../core";
-import { useIOTheme } from "../../context";
 import { useListItemAnimation } from "../../hooks";
 import { useIOFontDynamicScale } from "../../utils/accessibility";
 import { WithTestID } from "../../utils/types";
 import { IOIcons, Icon } from "../icons";
+import { HSpacer, VSpacer, VStack } from "../layout";
 import { IOLogoPaymentType, LogoPayment } from "../logos";
 import { AnimatedRadio } from "../radio/AnimatedRadio";
 import { IOSkeleton } from "../skeleton";
-import { HSpacer, VSpacer } from "../spacer";
-import { VStack } from "../stack";
 import { BodySmall, H6 } from "../typography";
 
 type ListItemRadioGraphicProps =

package/src/components/listitems/ListItemRadioWithAmount.tsx

@@ -5,8 +5,8 @@ import { useIOTheme } from "../../context";
 import { IOColors, IOSelectionTickVisualParams } from "../../core";
 import { useIOFontDynamicScale } from "../../utils/accessibility";
 import { Icon } from "../icons";
+import { HStack } from "../layout";
 import { AnimatedRadio } from "../radio/AnimatedRadio";
-import { HStack } from "../stack";
 import { BodySmall, H6 } from "../typography";
 import { PressableListItemBase } from "./PressableListItemBase";
 

package/src/components/listitems/ListItemSwitch.tsx

@@ -1,17 +1,17 @@
 import React, { ComponentProps, useMemo } from "react";
 import { GestureResponderEvent, Platform, Switch, View } from "react-native";
+import { useIOTheme } from "../../context";
 import {
   IOSelectionListItemStyles,
   IOSelectionListItemVisualParams
 } from "../../core";
-import { useIOTheme } from "../../context";
 import { useIOFontDynamicScale } from "../../utils/accessibility";
 import { WithTestID } from "../../utils/types";
 import { Badge } from "../badge";
 import { IOIcons, Icon } from "../icons";
+import { HSpacer, VSpacer } from "../layout";
 import { LoadingSpinner } from "../loadingSpinner";
 import { IOLogoPaymentType, LogoPayment } from "../logos";
-import { HSpacer, VSpacer } from "../spacer";
 import { NativeSwitch } from "../switch/NativeSwitch";
 import { BodySmall, H6, LabelMini } from "../typography";
 

package/src/components/listitems/ListItemTransaction.tsx

@@ -1,6 +1,7 @@
 import React, { ReactNode } from "react";
 import { ImageURISource, View } from "react-native";
 
+import { useIOTheme } from "../../context";
 import {
   IOColors,
   IOListItemLogoMargin,
@@ -8,16 +9,15 @@ import {
   IOListItemVisualParams,
   IOVisualCostants
 } from "../../core";
-import { useIOTheme } from "../../context";
 import { WithTestID } from "../../utils/types";
 import { isImageUri } from "../../utils/url";
 import { Avatar } from "../avatar/Avatar";
 import { Badge } from "../badge/Badge";
 import { LogoPaymentWithFallback } from "../common/LogoPaymentWithFallback";
 import { IOIconSizeScale, Icon } from "../icons";
+import { HStack, VStack } from "../layout";
 import { IOLogoPaymentType } from "../logos";
 import { IOSkeleton } from "../skeleton";
-import { HStack, VStack } from "../stack";
 import { BodySmall, H6 } from "../typography";
 import {
   PressableBaseProps,

package/src/components/modules/ModuleAttachment.tsx

@@ -5,9 +5,9 @@ import { IOListItemVisualParams } from "../../core";
 import { WithTestID } from "../../utils/types";
 import { Badge } from "../badge";
 import { Icon } from "../icons";
+import { HStack, VStack } from "../layout";
 import { LoadingSpinner } from "../loadingSpinner";
 import { IOSkeleton } from "../skeleton";
-import { HStack, VStack } from "../stack";
 import { Body } from "../typography";
 import { ModuleStatic } from "./ModuleStatic";
 import { PressableModuleBase } from "./PressableModuleBase";

package/src/components/modules/ModuleCheckout.tsx

@@ -6,12 +6,12 @@ import {
   StyleSheet,
   View
 } from "react-native";
-import { IOSelectionListItemVisualParams, IOSpacingScale } from "../../core";
 import { useIOTheme } from "../../context";
+import { IOSelectionListItemVisualParams, IOSpacingScale } from "../../core";
 import { ButtonLink } from "../buttons";
+import { HStack, VStack } from "../layout";
 import { IOLogoPaymentType, LogoPayment } from "../logos";
 import { IOSkeleton } from "../skeleton";
-import { HStack, VStack } from "../stack";
 import { BodySmall, H6 } from "../typography";
 import { ModuleStatic } from "./ModuleStatic";
 import { PressableModuleBase } from "./PressableModuleBase";

package/src/components/modules/ModuleCredential.tsx

@@ -18,7 +18,7 @@ import { Badge } from "../badge";
 import { IOIcons, Icon } from "../icons";
 import { LoadingSpinner } from "../loadingSpinner";
 import { IOSkeleton } from "../skeleton";
-import { HStack } from "../stack/Stack";
+import { HStack } from "../layout/Stack";
 import { BodySmall } from "../typography";
 import { ModuleStatic } from "./ModuleStatic";
 import {

package/src/components/modules/ModuleNavigation.tsx

@@ -6,19 +6,19 @@ import {
   StyleSheet,
   View
 } from "react-native";
+import { useIOTheme } from "../../context";
 import {
   IOListItemVisualParams,
   IOSelectionListItemVisualParams,
   IOSpacer,
   IOVisualCostants
 } from "../../core";
-import { useIOTheme } from "../../context";
 import { useIOFontDynamicScale } from "../../utils/accessibility";
 import { WithTestID } from "../../utils/types";
 import { Badge } from "../badge";
 import { IOIcons, Icon } from "../icons";
+import { HStack, VStack } from "../layout";
 import { IOSkeleton } from "../skeleton";
-import { HStack, VStack } from "../stack";
 import { BodySmall, LabelMini } from "../typography";
 import { ModuleStatic } from "./ModuleStatic";
 import {

package/src/components/modules/ModulePaymentNotice.tsx

@@ -5,8 +5,8 @@ import { IOListItemVisualParams, IOSpacer } from "../../core";
 import { WithTestID } from "../../utils/types";
 import { Badge } from "../badge";
 import { Icon } from "../icons";
+import { HStack, VStack } from "../layout";
 import { IOSkeleton } from "../skeleton";
-import { HStack, VStack } from "../stack";
 import { Body, BodySmall, H6 } from "../typography";
 import { ModuleStatic } from "./ModuleStatic";
 import { PressableModuleBase } from "./PressableModuleBase";

package/src/components/modules/ModuleStatic.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import { PressableProps, View, ViewProps } from "react-native";
 import { useIOTheme } from "../../context";
 import { IOColors, IOModuleStyles } from "../../core";
-import { HStack } from "../stack";
+import { HStack } from "../layout";
 
 type ModuleStaticProps = Pick<
   ViewProps,

package/src/components/numberpad/NumberPad.tsx

@@ -2,9 +2,8 @@ import React, { ComponentProps, JSX, useCallback, useMemo } from "react";
 import { StyleSheet, View } from "react-native";
 import { BiometricsValidType, Optional } from "../../utils/types";
 import { IconButton } from "../buttons";
-import { ContentWrapper } from "../contentWrapper";
 import { IOIconSizeScale, IOIcons } from "../icons";
-import { VStack } from "../stack";
+import { ContentWrapper, VStack } from "../layout";
 import { NumberButton, numberButtonStyles } from "./NumberButton";
 
 type BiometricAuthProps =

package/src/components/otpInput/OTPInput.tsx

@@ -12,7 +12,7 @@ import Animated from "react-native-reanimated";
 import { useIOTheme } from "../../context";
 import { triggerHaptic } from "../../functions";
 import { useErrorShakeAnimation } from "../../utils/hooks/useErrorShakeAnimation";
-import { VSpacer } from "../spacer";
+import { VSpacer } from "../layout";
 import { BodySmall } from "../typography";
 import { BoxedInput } from "./BoxedInput";
 

package/src/components/radio/RadioGroup.tsx

@@ -1,5 +1,5 @@
 import React, { ComponentProps } from "react";
-import { Divider } from "../divider";
+import { Divider } from "../layout";
 import { ListItemRadio, ListItemRadioWithAmount } from "../listitems";
 
 export type RadioItem<T> = {

package/src/components/textInput/TextInputBase.tsx

@@ -38,7 +38,7 @@ import {
 import { RNTextInputProps, getInputPropsByType } from "../../utils/textInput";
 import { InputType, WithTestID } from "../../utils/types";
 import { IOIconSizeScale, IOIcons, Icon } from "../icons";
-import { HSpacer } from "../spacer";
+import { HSpacer } from "../layout";
 import { BodySmall } from "../typography";
 
 type InputStatus = "initial" | "focused" | "disabled" | "error";

package/src/components/toast/ToastNotification.tsx

@@ -3,7 +3,7 @@ import { StyleSheet, View, ViewStyle } from "react-native";
 import { useIOThemeContext } from "../../context";
 import { IOAlertRadius, IOColors, hexToRgba } from "../../core";
 import { Icon } from "../icons";
-import { HSpacer } from "../spacer";
+import { HSpacer } from "../layout";
 import { ButtonText } from "../typography";
 import { Toast, ToastVariant } from "./types";
 

package/lib/commonjs/components/contentWrapper/ContentWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_IOStyles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ContentWrapper","exports","forwardRef","margin","IOVisualCostants","appMarginDefault","style","children","testID","rest","ref","jsx","View","paddingHorizontal"],"sourceRoot":"../../../../src","sources":["components/contentWrapper/ContentWrapper.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,SAAA,GAAAF,OAAA;AAAuD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAavD;AACA;AACA;AACA;AACA;AACO,MAAMkB,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAG,IAAAE,iBAAU,EACtC,CACE;EACEC,MAAM,GAAGC,0BAAgB,CAACC,gBAAgB;EAC1CC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACN,GAAGC;AACkB,CAAC,EACxBC,GAAG,kBAEH,IAAA9B,WAAA,CAAA+B,GAAA,EAACjC,YAAA,CAAAkC,IAAI;EACHJ,MAAM,EAAEA,MAAO;EACfF,KAAK,EAAE;IACLO,iBAAiB,EAAEV,MAAM;IACzB,GAAGG;EACL,CAAE;EACFI,GAAG,EAAEA,GAAI;EAAA,GACLD,IAAI;EAAAF,QAAA,EAEPA;AAAQ,CACL,CAEV,CAAC","ignoreList":[]}

package/lib/commonjs/components/contentWrapper/index.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ContentWrapper = require("./ContentWrapper");
-Object.keys(_ContentWrapper).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ContentWrapper[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ContentWrapper[key];
-    }
-  });
-});
-//# sourceMappingURL=index.js.map

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

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

package/lib/commonjs/components/divider/Divider.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_context","_IOColors","_jsxRuntime","e","__esModule","default","DEFAULT_BORDER_SIZE","StyleSheet","hairlineWidth","Divider","theme","useIOTheme","jsx","View","style","backgroundColor","IOColors","height","exports"],"sourceRoot":"../../../../src","sources":["components/divider/Divider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAA+C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/C,MAAMG,mBAAmB,GAAGC,uBAAU,CAACC,aAAa;;AAEpD;AACA;AACA;AACO,MAAMC,OAAO,GAAGA,CAAA,KAAM;EAC3B,MAAMC,KAAK,GAAG,IAAAC,mBAAU,EAAC,CAAC;EAE1B,oBACE,IAAAT,WAAA,CAAAU,GAAA,EAACb,YAAA,CAAAc,IAAI;IACHC,KAAK,EAAE;MACLC,eAAe,EAAEC,kBAAQ,CAACN,KAAK,CAAC,iBAAiB,CAAC,CAAC;MACnDO,MAAM,EAAEX;IACV;EAAE,CACH,CAAC;AAEN,CAAC;AAACY,OAAA,CAAAT,OAAA,GAAAA,OAAA","ignoreList":[]}

package/lib/commonjs/components/divider/index.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Divider = require("./Divider");
-Object.keys(_Divider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Divider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Divider[key];
-    }
-  });
-});
-//# sourceMappingURL=index.js.map

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

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

package/lib/commonjs/components/spacer/index.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Spacer = require("./Spacer");
-Object.keys(_Spacer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Spacer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Spacer[key];
-    }
-  });
-});
-//# sourceMappingURL=index.js.map

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

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

package/lib/commonjs/components/stack/Stack.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_accessibility","_jsxRuntime","e","__esModule","default","Stack","space","style","orientation","allowScaleSpacing","children","props","dynamicFontScale","spacingScaleMultiplier","useIOFontDynamicScale","jsx","View","display","flexDirection","gap","HStack","exports","VStack"],"sourceRoot":"../../../../src","sources":["components/stack/Stack.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AAAkE,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAuBlE;AACA;AACA;AACA;;AAEA,MAAMG,KAAK,GAAGA,CAAC;EACbC,KAAK,GAAG,CAAC;EACTC,KAAK;EACLC,WAAW,GAAG,UAAU;EACxBC,iBAAiB;EACjBC,QAAQ;EACR,GAAGC;AACM,CAAC,KAAK;EACf,MAAM;IAAEC,gBAAgB;IAAEC;EAAuB,CAAC,GAAG,IAAAC,oCAAqB,EAAC,CAAC;EAE5E,oBACE,IAAAb,WAAA,CAAAc,GAAA,EAAChB,YAAA,CAAAiB,IAAI;IAAA,GACCL,KAAK;IACTJ,KAAK,EAAE;MACLU,OAAO,EAAE,MAAM;MACfC,aAAa,EAAEV,WAAW,KAAK,YAAY,GAAG,KAAK,GAAG,QAAQ;MAC9DW,GAAG,EACDV,iBAAiB,IAAIH,KAAK,KAAK,CAAC,GAC5BA,KAAK,GAAGM,gBAAgB,GAAGC,sBAAsB,GACjDP,KAAK;MACX,GAAGC;IACL,CAAE;IAAAG,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX,CAAC;AAEM,MAAMU,MAAM,GAAGA,CAAC;EAAEV,QAAQ;EAAE,GAAGC;AAAa,CAAC,kBAClD,IAAAV,WAAA,CAAAc,GAAA,EAACV,KAAK;EAACG,WAAW,EAAC,YAAY;EAAA,GAAKG,KAAK;EAAAD,QAAA,EACtCA;AAAQ,CACJ,CACR;;AAED;AACA;AACA;AACA;AAHAW,OAAA,CAAAD,MAAA,GAAAA,MAAA;AAKO,MAAME,MAAM,GAAGA,CAAC;EAAEZ,QAAQ;EAAE,GAAGC;AAAa,CAAC,kBAClD,IAAAV,WAAA,CAAAc,GAAA,EAACV,KAAK;EAACG,WAAW,EAAC,UAAU;EAAA,GAAKG,KAAK;EAAAD,QAAA,EACpCA;AAAQ,CACJ,CACR;AAACW,OAAA,CAAAC,MAAA,GAAAA,MAAA","ignoreList":[]}

package/lib/commonjs/components/stack/index.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Stack = require("./Stack");
-Object.keys(_Stack).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Stack[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Stack[key];
-    }
-  });
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_Stack","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../src","sources":["components/stack/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":[]}

package/lib/module/components/contentWrapper/ContentWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","forwardRef","View","IOVisualCostants","jsx","_jsx","ContentWrapper","margin","appMarginDefault","style","children","testID","rest","ref","paddingHorizontal"],"sourceRoot":"../../../../src","sources":["components/contentWrapper/ContentWrapper.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAmB,OAAO;AACpD,SAASC,IAAI,QAA8B,cAAc;AAGzD,SAASC,gBAAgB,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAavD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,gBAAGL,UAAU,CACtC,CACE;EACEM,MAAM,GAAGJ,gBAAgB,CAACK,gBAAgB;EAC1CC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACN,GAAGC;AACkB,CAAC,EACxBC,GAAG,kBAEHR,IAAA,CAACH,IAAI;EACHS,MAAM,EAAEA,MAAO;EACfF,KAAK,EAAE;IACLK,iBAAiB,EAAEP,MAAM;IACzB,GAAGE;EACL,CAAE;EACFI,GAAG,EAAEA,GAAI;EAAA,GACLD,IAAI;EAAAF,QAAA,EAEPA;AAAQ,CACL,CAEV,CAAC","ignoreList":[]}

package/lib/module/components/contentWrapper/index.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export * from "./ContentWrapper";
-//# sourceMappingURL=index.js.map

package/lib/module/components/contentWrapper/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/contentWrapper/index.tsx"],"mappings":";;AAAA,cAAc,kBAAkB","ignoreList":[]}

package/lib/module/components/divider/Divider.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","StyleSheet","View","useIOTheme","IOColors","jsx","_jsx","DEFAULT_BORDER_SIZE","hairlineWidth","Divider","theme","style","backgroundColor","height"],"sourceRoot":"../../../../src","sources":["components/divider/Divider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,QAAQ,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE/C,MAAMC,mBAAmB,GAAGN,UAAU,CAACO,aAAa;;AAEpD;AACA;AACA;AACA,OAAO,MAAMC,OAAO,GAAGA,CAAA,KAAM;EAC3B,MAAMC,KAAK,GAAGP,UAAU,CAAC,CAAC;EAE1B,oBACEG,IAAA,CAACJ,IAAI;IACHS,KAAK,EAAE;MACLC,eAAe,EAAER,QAAQ,CAACM,KAAK,CAAC,iBAAiB,CAAC,CAAC;MACnDG,MAAM,EAAEN;IACV;EAAE,CACH,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/components/divider/index.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export * from "./Divider";
-//# sourceMappingURL=index.js.map

package/lib/module/components/divider/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/divider/index.tsx"],"mappings":";;AAAA,cAAc,WAAW","ignoreList":[]}

package/lib/module/components/spacer/index.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export * from "./Spacer";
-//# sourceMappingURL=index.js.map

package/lib/module/components/spacer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/spacer/index.tsx"],"mappings":";;AAAA,cAAc,UAAU","ignoreList":[]}

package/lib/module/components/stack/Stack.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","useIOFontDynamicScale","jsx","_jsx","Stack","space","style","orientation","allowScaleSpacing","children","props","dynamicFontScale","spacingScaleMultiplier","display","flexDirection","gap","HStack","VStack"],"sourceRoot":"../../../../src","sources":["components/stack/Stack.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAA6B,OAAO;AAChD,SAASC,IAAI,QAA8B,cAAc;AAEzD,SAASC,qBAAqB,QAAQ,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAuBlE;AACA;AACA;AACA;;AAEA,MAAMC,KAAK,GAAGA,CAAC;EACbC,KAAK,GAAG,CAAC;EACTC,KAAK;EACLC,WAAW,GAAG,UAAU;EACxBC,iBAAiB;EACjBC,QAAQ;EACR,GAAGC;AACM,CAAC,KAAK;EACf,MAAM;IAAEC,gBAAgB;IAAEC;EAAuB,CAAC,GAAGX,qBAAqB,CAAC,CAAC;EAE5E,oBACEE,IAAA,CAACH,IAAI;IAAA,GACCU,KAAK;IACTJ,KAAK,EAAE;MACLO,OAAO,EAAE,MAAM;MACfC,aAAa,EAAEP,WAAW,KAAK,YAAY,GAAG,KAAK,GAAG,QAAQ;MAC9DQ,GAAG,EACDP,iBAAiB,IAAIH,KAAK,KAAK,CAAC,GAC5BA,KAAK,GAAGM,gBAAgB,GAAGC,sBAAsB,GACjDP,KAAK;MACX,GAAGC;IACL,CAAE;IAAAG,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX,CAAC;AAED,OAAO,MAAMO,MAAM,GAAGA,CAAC;EAAEP,QAAQ;EAAE,GAAGC;AAAa,CAAC,kBAClDP,IAAA,CAACC,KAAK;EAACG,WAAW,EAAC,YAAY;EAAA,GAAKG,KAAK;EAAAD,QAAA,EACtCA;AAAQ,CACJ,CACR;;AAED;AACA;AACA;AACA;;AAEA,OAAO,MAAMQ,MAAM,GAAGA,CAAC;EAAER,QAAQ;EAAE,GAAGC;AAAa,CAAC,kBAClDP,IAAA,CAACC,KAAK;EAACG,WAAW,EAAC,UAAU;EAAA,GAAKG,KAAK;EAAAD,QAAA,EACpCA;AAAQ,CACJ,CACR","ignoreList":[]}

package/lib/module/components/stack/index.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export * from "./Stack";
-//# sourceMappingURL=index.js.map

package/lib/module/components/stack/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/stack/index.tsx"],"mappings":";;AAAA,cAAc,SAAS","ignoreList":[]}

package/lib/typescript/components/contentWrapper/ContentWrapper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/contentWrapper/ContentWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAc9C;;;;GAIG;AACH,eAAO,MAAM,cAAc;aAdd,WAAW;cACV,SAAS;YACX,IAAI,CACV,SAAS,EACT,mBAAmB,GAAG,aAAa,GAAG,cAAc,CACrD;iEAgCJ,CAAC"}