npm - @fountain-ui/core - Versions diffs - 2.0.0-beta.98 → 3.0.0-alpha.10 - Mend

@fountain-ui/core 2.0.0-beta.98 → 3.0.0-alpha.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (889) hide show

package/build/module/Tooltip/Tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useState","Platform","Text","View","Animated","useAnimatedStyle","useSharedValue","withTiming","typographyOf","ButtonBase","createFontStyle","css","useTheme","Beak","DEFAULT_BEAK_LAYOUT","offset","placement","INITIAL_LAYOUT","width","height","x","y","ANIMATION_CONFIG","duration","getFlexDirection","useStyles","theme","root","position","zIndex","tooltip","content","backgroundColor","palette","fill","base","paddingHorizontal","spacing","paddingVertical","small","borderRadius","shape","radius","sm","large","paddingBottom","paddingTop","Tooltip","props","beakLayout","children","initialLayout","left","onClose","right","numberOfTitleLines","size","style","title","tooltipStyle","verticalOffset","visible","beakOffset","beakPlacement","styles","layout","setLayout","scale","animatedStyle","transform","value","flexDirection","isVerticalPlacement","totalOffset","tooltipLayoutStyle","alignItems","undefined","overflow","select","web","display","default","contentStyle","flexGrow","flexShrink","nextScaleValue","fontStyle","selector","typo","fontSize","lineHeight","fontFamily","letterSpacing","caption3","regular","color","text","strongInverse","textStyle","beakStyle","translateX","translateY","buttonElem","beakElem","event","nativeEvent"],"sources":["Tooltip.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Platform, Text, View, ViewProps } from 'react-native';\nimport type { WithTimingConfig } from 'react-native-reanimated';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { typographyOf } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport type TooltipProps from './TooltipProps';\nimport type { TooltipBeakLayout, TooltipPlacement, TooltipSize } from './TooltipProps';\nimport Beak from './Beaks';\n\nconst DEFAULT_BEAK_LAYOUT: TooltipBeakLayout = {\n offset: 0,\n placement: 'middle',\n};\n\nconst INITIAL_LAYOUT = { width: 0, height: 0, x: 0, y: 0 };\n\nconst ANIMATION_CONFIG: Readonly<WithTimingConfig> = { duration: 150 };\n\ntype FlexDirection = 'row' \| 'column' \| 'row-reverse' \| 'column-reverse';\n\nconst getFlexDirection = (placement: TooltipPlacement): FlexDirection => {\n switch (placement) {\n case 'right':\n return 'row-reverse';\n case 'bottom':\n return 'column-reverse';\n case 'left':\n return 'row';\n case 'top':\n default:\n return 'column';\n }\n};\n\ntype TooltipStyles = NamedStylesStringUnion<'root' \| 'content' \| 'small' \| 'large'>;\n\nconst useStyles: UseStyles<TooltipStyles> = function (): TooltipStyles {\n const theme = useTheme();\n\n return {\n root: {\n position: 'absolute',\n zIndex: theme.zIndex.tooltip,\n },\n content: {\n backgroundColor: theme.palette.fill.base,\n paddingHorizontal: theme.spacing(2),\n paddingVertical: theme.spacing(1.5),\n },\n small: {\n borderRadius: theme.shape.radius.sm,\n paddingHorizontal: theme.spacing(2),\n paddingVertical: theme.spacing(1.5),\n },\n large: {\n borderRadius: 5,\n paddingBottom: theme.spacing(2.5),\n paddingHorizontal: theme.spacing(4),\n paddingTop: theme.spacing(2),\n },\n };\n};\n\nexport default function Tooltip(props: TooltipProps) {\n const {\n beakLayout = DEFAULT_BEAK_LAYOUT,\n children,\n initialLayout = INITIAL_LAYOUT,\n left,\n onClose,\n placement = 'top' as TooltipPlacement,\n right,\n numberOfTitleLines = 1,\n size = 'small' as TooltipSize,\n style,\n title,\n tooltipStyle,\n verticalOffset = 4,\n visible = false,\n } = props;\n\n const {\n offset: beakOffset,\n placement: beakPlacement,\n } = beakLayout;\n\n const theme = useTheme();\n\n const styles = useStyles();\n\n const [layout, setLayout] = useState(initialLayout);\n\n const scale = useSharedValue(0);\n\n const animatedStyle = useAnimatedStyle(() => ({\n transform: [{ scale: scale.value }],\n }), []);\n\n const flexDirection = getFlexDirection(placement);\n\n const isVerticalPlacement = placement === 'top' \|\| placement === 'bottom';\n\n const totalOffset = -((isVerticalPlacement ? layout.height : layout.width) + verticalOffset);\n const tooltipLayoutStyle: ViewProps['style'] = {\n alignItems: beakPlacement === 'start'\n ? 'flex-start'\n : beakPlacement === 'end'\n ? 'flex-end'\n : 'center',\n flexDirection,\n left,\n right,\n height: visible ? undefined : 0,\n overflow: visible ? undefined : 'hidden',\n ...Platform.select({\n web: {\n display: visible ? 'flex' : 'none',\n },\n default: {},\n }),\n [placement]: totalOffset,\n };\n\n const contentStyle = css([\n styles.content,\n styles[size],\n isVerticalPlacement\n ? { width: '100%' }\n : { flexGrow: 1, flexShrink: 1 },\n ]);\n\n useEffect(() => {\n const nextScaleValue = visible ? 1 : 0;\n\n scale.value = withTiming(nextScaleValue, ANIMATION_CONFIG);\n }, [visible]);\n\n const fontStyle = createFontStyle(theme, {\n selector: (typo) => size === 'large'\n ? typographyOf({\n fontSize: 13,\n lineHeight: 19.5,\n fontFamily: 'Pretendard-Regular',\n letterSpacing: 0,\n })\n // TODO: change caption2.\n : typo.caption3.regular,\n color: theme.palette.text.strongInverse,\n });\n\n const textStyle = css([\n fontStyle,\n { flexShrink: 1 },\n ]);\n\n const beakStyle = css({\n transform: [isVerticalPlacement ? { translateX: beakOffset } : { translateY: beakOffset }],\n });\n\n const buttonElem = (\n <ButtonBase\n pressEffect={'none'}\n onPress={onClose}\n style={contentStyle}\n >\n <Text\n // TODO: Should we provide text prop customization?\n numberOfLines={numberOfTitleLines}\n style={textStyle}\n >\n {title}\n </Text>\n </ButtonBase>\n );\n\n const beakElem = (\n <View style={beakStyle}>\n <Beak\n fill={theme.palette.fill.base}\n placement={placement}\n size={size}\n />\n </View>\n );\n\n return (\n <View style={style}>\n {children}\n\n <Animated.View\n onLayout={(event) => {\n if (event.nativeEvent.layout.height === 0) {\n return;\n }\n\n setLayout(event.nativeEvent.layout);\n }}\n style={[\n styles.root,\n animatedStyle,\n tooltipLayoutStyle,\n tooltipStyle,\n ]}\n >\n {buttonElem}\n\n {beakElem}\n </Animated.View>\n </View>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"names":["React","useEffect","useState","Platform","Text","View","Animated","useAnimatedStyle","useSharedValue","withTiming","ButtonBase","createFontStyle","css","useTheme","Beak","DEFAULT_BEAK_LAYOUT","offset","placement","INITIAL_LAYOUT","width","height","x","y","ANIMATION_CONFIG","duration","getFlexDirection","useStyles","theme","root","position","zIndex","tooltip","content","backgroundColor","palette","fill","base","paddingHorizontal","spacing","paddingVertical","small","borderRadius","shape","radius","sm","paddingBottom","paddingTop","large","Tooltip","props","beakLayout","children","initialLayout","left","onClose","right","numberOfTitleLines","size","style","title","tooltipStyle","verticalOffset","visible","beakOffset","beakPlacement","styles","layout","setLayout","scale","animatedStyle","transform","value","flexDirection","isVerticalPlacement","totalOffset","tooltipLayoutStyle","alignItems","undefined","overflow","select","web","display","default","contentStyle","flexGrow","flexShrink","nextScaleValue","fontStyle","selector","typo","body3","regular","caption2","color","text","strongInverse","textStyle","beakStyle","translateX","translateY","buttonElem","beakElem","event","nativeEvent"],"sources":["Tooltip.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Platform, Text, View, ViewProps } from 'react-native';\nimport type { WithTimingConfig } from 'react-native-reanimated';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { typographyOf } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport type TooltipProps from './TooltipProps';\nimport type { TooltipBeakLayout, TooltipPlacement, TooltipSize } from './TooltipProps';\nimport Beak from './Beaks';\n\nconst DEFAULT_BEAK_LAYOUT: TooltipBeakLayout = {\n offset: 0,\n placement: 'middle',\n};\n\nconst INITIAL_LAYOUT = { width: 0, height: 0, x: 0, y: 0 };\n\nconst ANIMATION_CONFIG: Readonly<WithTimingConfig> = { duration: 150 };\n\ntype FlexDirection = 'row' \| 'column' \| 'row-reverse' \| 'column-reverse';\n\nconst getFlexDirection = (placement: TooltipPlacement): FlexDirection => {\n switch (placement) {\n case 'right':\n return 'row-reverse';\n case 'bottom':\n return 'column-reverse';\n case 'left':\n return 'row';\n case 'top':\n default:\n return 'column';\n }\n};\n\ntype TooltipStyles = NamedStylesStringUnion<'root' \| 'content' \| 'small' \| 'large'>;\n\nconst useStyles: UseStyles<TooltipStyles> = function (): TooltipStyles {\n const theme = useTheme();\n\n return {\n root: {\n position: 'absolute',\n zIndex: theme.zIndex.tooltip,\n },\n content: {\n backgroundColor: theme.palette.fill.base,\n paddingHorizontal: theme.spacing(2),\n paddingVertical: theme.spacing(1.5),\n },\n small: {\n borderRadius: theme.shape.radius.sm,\n paddingBottom: theme.spacing(1.75),\n paddingHorizontal: theme.spacing(2),\n paddingTop: theme.spacing(1.5),\n },\n large: {\n borderRadius: 5,\n paddingHorizontal: theme.spacing(4),\n paddingVertical: theme.spacing(2),\n },\n };\n};\n\nexport default function Tooltip(props: TooltipProps) {\n const {\n beakLayout = DEFAULT_BEAK_LAYOUT,\n children,\n initialLayout = INITIAL_LAYOUT,\n left,\n onClose,\n placement = 'top' as TooltipPlacement,\n right,\n numberOfTitleLines = 1,\n size = 'small' as TooltipSize,\n style,\n title,\n tooltipStyle,\n verticalOffset = 4,\n visible = false,\n } = props;\n\n const {\n offset: beakOffset,\n placement: beakPlacement,\n } = beakLayout;\n\n const theme = useTheme();\n\n const styles = useStyles();\n\n const [layout, setLayout] = useState(initialLayout);\n\n const scale = useSharedValue(0);\n\n const animatedStyle = useAnimatedStyle(() => ({\n transform: [{ scale: scale.value }],\n }), []);\n\n const flexDirection = getFlexDirection(placement);\n\n const isVerticalPlacement = placement === 'top' \|\| placement === 'bottom';\n\n const totalOffset = -((isVerticalPlacement ? layout.height : layout.width) + verticalOffset);\n const tooltipLayoutStyle: ViewProps['style'] = {\n alignItems: beakPlacement === 'start'\n ? 'flex-start'\n : beakPlacement === 'end'\n ? 'flex-end'\n : 'center',\n flexDirection,\n left,\n right,\n height: visible ? undefined : 0,\n overflow: visible ? undefined : 'hidden',\n ...Platform.select({\n web: {\n display: visible ? 'flex' : 'none',\n },\n default: {},\n }),\n [placement]: totalOffset,\n };\n\n const contentStyle = css([\n styles.content,\n styles[size],\n isVerticalPlacement\n ? { width: '100%' }\n : { flexGrow: 1, flexShrink: 1 },\n ]);\n\n useEffect(() => {\n const nextScaleValue = visible ? 1 : 0;\n\n scale.value = withTiming(nextScaleValue, ANIMATION_CONFIG);\n }, [visible]);\n\n const fontStyle = createFontStyle(theme, {\n selector: (typo) => size === 'large'\n ? typo.body3.regular\n : typo.caption2.regular,\n color: theme.palette.text.strongInverse,\n });\n\n const textStyle = css([\n fontStyle,\n { flexShrink: 1 },\n ]);\n\n const beakStyle = css({\n transform: [isVerticalPlacement ? { translateX: beakOffset } : { translateY: beakOffset }],\n });\n\n const buttonElem = (\n <ButtonBase\n pressEffect={'none'}\n onPress={onClose}\n style={contentStyle}\n >\n <Text\n // TODO: Should we provide text prop customization?\n numberOfLines={numberOfTitleLines}\n style={textStyle}\n >\n {title}\n </Text>\n </ButtonBase>\n );\n\n const beakElem = (\n <View style={beakStyle}>\n <Beak\n fill={theme.palette.fill.base}\n placement={placement}\n size={size}\n />\n </View>\n );\n\n return (\n <View style={style}>\n {children}\n\n <Animated.View\n onLayout={(event) => {\n if (event.nativeEvent.layout.height === 0) {\n return;\n }\n\n setLayout(event.nativeEvent.layout);\n }}\n style={[\n styles.root,\n animatedStyle,\n tooltipLayoutStyle,\n tooltipStyle,\n ]}\n >\n {buttonElem}\n\n {beakElem}\n </Animated.View>\n </View>\n );\n};\n"],"mappings":"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"}

package/build/module/Tooltip/index.js CHANGED Viewed

@@ -1,2 +1,4 @@
-export { default } from './LegacyTooltip';
+export { default } from './Tooltip';
+export { tooltipBeakPlacements, tooltipPlacements, tooltipSizes } from './TooltipProps';
+export * from './Beaks';
 //# sourceMappingURL=index.js.map

package/build/module/Tooltip/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './~~LegacyTooltip~~';\nexport type { default as TooltipProps } from './~~LegacyTooltipProps~~';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,~~iBAAxB~~"}
1	+ {"version":3,"names":["default","tooltipBeakPlacements","tooltipPlacements","tooltipSizes"],"sources":["index.ts"],"sourcesContent":["export { default } from './Tooltip';\nexport type { default as TooltipProps, TooltipBeakLayout, TooltipBeakPlacement } from './TooltipProps';\nexport { tooltipBeakPlacements, tooltipPlacements, tooltipSizes } from './TooltipProps';\nexport * from './Beaks';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,WAAxB;AAEA,SAASC,qBAAT,EAAgCC,iBAAhC,EAAmDC,YAAnD,QAAuE,gBAAvE;AACA,cAAc,SAAd"}

package/build/module/Typography/Typography.js CHANGED Viewed

@@ -42,6 +42,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(props, ref)
     color: colorProp = 'inherit',
     ellipsizeMode = 'tail',
     href,
+    lineHeight,
     numberOfLines,
     onPress,
     selectable,
@@ -53,7 +54,11 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(props, ref)
   } = props;
   const theme = useTheme();
   const fontStyle = createFontStyle(theme, {
-    selector: typography => typography[variant][weight],
+    selector: typography => {
+      var _typography$variant;
+      return (_typography$variant = typography[variant]) === null || _typography$variant === void 0 ? void 0 : _typography$variant[weight];
+    },
     color: selectColor(theme, colorProp)
   }); // To prevent white-space: pre, word-wrap:break-word style conflicting issue at safari browser.
@@ -62,7 +67,9 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(props, ref)
   } : {};
   const textStyle = css([styles.root, {
     textAlign: align === 'inherit' ? 'auto' : align
-  }, textWrapStyle, fontStyle, style]);
+  }, textWrapStyle, fontStyle, lineHeight ? {
+    lineHeight
+  } : undefined, style]);
   const accessibility = accessibilityMap[variant];
   const variantRole = href !== undefined ? 'link' : accessibility === null || accessibility === void 0 ? void 0 : accessibility.accessibilityRole;
   const variantLevel = accessibility === null || accessibility === void 0 ? void 0 : accessibility['area-level'];

package/build/module/Typography/Typography.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Platform","Text","createFontStyle","css","StyleSheet","useTheme","accessibilityMap","selectColor","theme","colorProp","OS","undefined","palette","text","styles","create","root","flexShrink","maxWidth","Typography","forwardRef","props","ref","accessibilityRole","align","ariaLevel","disableFontScaling","children","color","ellipsizeMode","href","numberOfLines","onPress","selectable","style","variant","weight","onLayout","onTextLayout","fontStyle","selector","typography","textWrapStyle","wordWrap","textStyle","textAlign","accessibility","variantRole","variantLevel","memo"],"sources":["Typography.tsx"],"sourcesContent":["import React from 'react';\nimport type { TextProps, TextStyle } from 'react-native';\nimport { Platform, Text } from 'react-native';\nimport type { FontVariant, FontWeight, Theme } from '@fountain-ui/styles';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport type TypographyProps from './TypographyProps';\nimport type { AccessibilityMap, TypographyAlign, TypographyColor } from './TypographyProps';\n\nconst accessibilityMap: AccessibilityMap = {\n // TODO: set accessibilityRole.\n // h1: { accessibilityRole: 'header', 'aria-level': 1 },\n // h2: { accessibilityRole: 'header', 'aria-level': 2 },\n // h3: { accessibilityRole: 'header', 'aria-level': 3 },\n // subtitle1: { accessibilityRole: 'header', 'aria-level': 6 },\n // subtitle2: { accessibilityRole: 'header', 'aria-level': 6 },\n // body1: { accessibilityRole: 'text' },\n // body2: { accessibilityRole: 'text' },\n // caption1: { accessibilityRole: 'text' },\n // caption2: { accessibilityRole: 'text' },\n // flag: { accessibilityRole: 'text' },\n};\n\nfunction selectColor(theme: Theme, colorProp: TypographyColor): string \| undefined {\n switch (colorProp) {\n case 'inherit':\n return Platform.OS === 'web' ? 'inherit' : undefined;\n default:\n return theme.palette.text[colorProp];\n }\n}\n\nconst styles = StyleSheet.create({\n root: {\n flexShrink: 1,\n ...(Platform.OS === 'web' ? { maxWidth: '100%' } : {}),\n },\n});\n\nconst Typography = React.forwardRef<Text, TypographyProps>(function Typography(props, ref) {\n const {\n accessibilityRole,\n align = 'inherit' as TypographyAlign,\n ariaLevel,\n disableFontScaling = false,\n children,\n color: colorProp = 'inherit' as TypographyColor,\n ellipsizeMode = 'tail' as TextProps['ellipsizeMode'],\n href,\n numberOfLines,\n onPress,\n selectable,\n style,\n variant = 'body1' as FontVariant,\n weight = 'medium' as FontWeight,\n onLayout,\n onTextLayout,\n } = props;\n\n const theme = useTheme();\n\n const fontStyle = createFontStyle(theme, {\n selector: (typography) => typography[variant][weight],\n color: selectColor(theme, colorProp),\n });\n\n // To prevent white-space: pre, word-wrap:break-word style conflicting issue at safari browser.\n const textWrapStyle = numberOfLines && numberOfLines > 0 && Platform.OS === 'web' ? { wordWrap: 'normal' } : {};\n\n const textStyle = css([\n styles.root,\n { textAlign: align === 'inherit' ? 'auto' : align },\n textWrapStyle as TextStyle,\n fontStyle,\n style,\n ]);\n\n const accessibility = accessibilityMap[variant];\n const variantRole = href !== undefined ? 'link' : accessibility?.accessibilityRole;\n const variantLevel = accessibility?.['area-level'];\n\n return (\n <Text\n ref={ref}\n accessibilityRole={accessibilityRole \|\| variantRole}\n allowFontScaling={!disableFontScaling}\n aria-level={ariaLevel \|\| variantLevel}\n children={children}\n ellipsizeMode={ellipsizeMode}\n // @ts-ignore\n href={href}\n numberOfLines={numberOfLines}\n onPress={onPress}\n selectable={selectable}\n style={textStyle}\n onLayout={onLayout}\n onTextLayout={onTextLayout}\n />\n );\n});\n\nexport default React.memo(Typography);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,QAAT,EAAmBC,IAAnB,QAA+B,cAA/B;AAEA,SAASC,eAAT,EAA0BC,GAA1B,EAA+BC,UAA/B,EAA2CC,QAA3C,QAA2D,WAA3D;AAIA,MAAMC,gBAAkC,GAAG,CACvC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAXuC,CAA3C;;AAcA,SAASC,WAAT,CAAqBC,KAArB,EAAmCC,SAAnC,EAAmF;EAC/E,QAAQA,SAAR;IACI,KAAK,SAAL;MACI,OAAOT,QAAQ,CAACU,EAAT,KAAgB,KAAhB,GAAwB,SAAxB,GAAoCC,SAA3C;;IACJ;MACI,OAAOH,KAAK,CAACI,OAAN,CAAcC,IAAd,CAAmBJ,SAAnB,CAAP;EAJR;AAMH;;AAED,MAAMK,MAAM,GAAGV,UAAU,CAACW,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACFC,UAAU,EAAE,CADV;IAEF,IAAIjB,QAAQ,CAACU,EAAT,KAAgB,KAAhB,GAAwB;MAAEQ,QAAQ,EAAE;IAAZ,CAAxB,GAA+C,EAAnD;EAFE;AADuB,CAAlB,CAAf;AAOA,MAAMC,UAAU,gBAAGpB,KAAK,CAACqB,UAAN,CAAwC,SAASD,UAAT,CAAoBE,KAApB,EAA2BC,GAA3B,EAAgC;EACvF,MAAM;IACFC,iBADE;IAEFC,KAAK,GAAG,SAFN;IAGFC,SAHE;IAIFC,kBAAkB,GAAG,KAJnB;IAKFC,QALE;IAMFC,KAAK,EAAEnB,SAAS,GAAG,SANjB;IAOFoB,aAAa,GAAG,MAPd;IAQFC,IARE;IASFC,~~aATE~~;IAUFC,~~OAVE~~;IAWFC,~~UAXE~~;IAYFC,~~KAZE~~;IAaFC,OAAO,GAAG,~~OAbR~~;~~IAcFC~~,MAAM,GAAG,~~QAdP~~;~~IAeFC~~,~~QAfE~~;~~IAgBFC~~;~~EAhBE~~,~~IAiBFjB~~,~~KAjBJ~~;~~EAmBA~~,MAAMb,KAAK,GAAGH,QAAQ,EAAtB;EAEA,~~MAAMkC~~,SAAS,~~GAAGrC~~,eAAe,CAACM,KAAD,EAAQ;~~IACrCgC~~,QAAQ,EAAGC,UAAD,~~IAAgBA~~,UAAU,CAACN,OAAD,~~CAAV~~,~~CAAoBC~~,~~MAApB~~,~~CADW~~;~~IAErCR~~,KAAK,EAAErB,WAAW,CAACC,KAAD,EAAQC,SAAR;EAFmB,CAAR,CAAjC,~~CAtBuF~~,~~CA2BvF~~;;EACA,~~MAAMiC~~,aAAa,GAAGX,aAAa,IAAIA,aAAa,GAAG,CAAjC,~~IAAsC/B~~,QAAQ,CAACU,EAAT,KAAgB,KAAtD,GAA8D;~~IAAEiC~~,QAAQ,EAAE;EAAZ,CAA9D,GAAuF,EAA7G;EAEA,MAAMC,SAAS,~~GAAGzC~~,GAAG,CAAC,CAClBW,MAAM,CAACE,IADW,EAElB;~~IAAE6B~~,SAAS,~~EAAErB~~,KAAK,KAAK,SAAV,GAAsB,MAAtB,GAA+BA;EAA5C,CAFkB,~~EAGlBkB~~,aAHkB,EAIlBH,SAJkB,~~EAKlBL~~,~~KALkB~~,CAAD,CAArB;~~EAQA~~,MAAMY,aAAa,~~GAAGxC~~,gBAAgB,~~CAAC6B~~,OAAD,CAAtC;EACA,MAAMY,WAAW,~~GAAGjB~~,IAAI,KAAKnB,SAAT,GAAqB,MAArB,~~GAA8BmC~~,aAA9B,aAA8BA,aAA9B,uBAA8BA,aAAa,~~CAAEvB~~,iBAAjE;EACA,~~MAAMyB~~,YAAY,GAAGF,aAAH,aAAGA,aAAH,uBAAGA,aAAa,CAAG,YAAH,CAAlC;EAEA,oBACI,oBAAC,IAAD;IACI,GAAG,~~EAAExB~~,GADT;IAEI,iBAAiB,EAAEC,iBAAiB,~~IAAIwB~~,WAF5C;IAGI,gBAAgB,EAAE,~~CAACrB~~,kBAHvB;IAII,cAAYD,SAAS,~~IAAIuB~~,YAJ7B;IAKI,QAAQ,~~EAAErB~~,QALd;IAMI,aAAa,EAAEE,aANnB,CAOI;IAPJ;IAQI,IAAI,EAAEC,IARV;IASI,aAAa,~~EAAEC~~,aATnB;IAUI,OAAO,EAAEC,OAVb;IAWI,UAAU,EAAEC,UAXhB;IAYI,KAAK,EAAEW,SAZX;IAaI,QAAQ,EAAEP,QAbd;IAcI,YAAY,EAAEC;EAdlB,EADJ;AAkBH,~~CA5DkB~~,CAAnB;~~AA8DA~~,~~4BAAevC~~,KAAK,~~CAACkD~~,IAAN,~~CAAW9B~~,UAAX,CAAf"}
1	+ {"version":3,"names":["React","Platform","Text","createFontStyle","css","StyleSheet","useTheme","accessibilityMap","selectColor","theme","colorProp","OS","undefined","palette","text","styles","create","root","flexShrink","maxWidth","Typography","forwardRef","props","ref","accessibilityRole","align","ariaLevel","disableFontScaling","children","color","ellipsizeMode","href","lineHeight","numberOfLines","onPress","selectable","style","variant","weight","onLayout","onTextLayout","fontStyle","selector","typography","textWrapStyle","wordWrap","textStyle","textAlign","accessibility","variantRole","variantLevel","memo"],"sources":["Typography.tsx"],"sourcesContent":["import React from 'react';\nimport type { TextProps, TextStyle } from 'react-native';\nimport { Platform, Text } from 'react-native';\nimport type { FontVariant, FontWeight, Theme } from '@fountain-ui/styles';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport type TypographyProps from './TypographyProps';\nimport type { AccessibilityMap, TypographyAlign, TypographyColor } from './TypographyProps';\n\nconst accessibilityMap: AccessibilityMap = {\n // TODO: set accessibilityRole.\n // h1: { accessibilityRole: 'header', 'aria-level': 1 },\n // h2: { accessibilityRole: 'header', 'aria-level': 2 },\n // h3: { accessibilityRole: 'header', 'aria-level': 3 },\n // subtitle1: { accessibilityRole: 'header', 'aria-level': 6 },\n // subtitle2: { accessibilityRole: 'header', 'aria-level': 6 },\n // body1: { accessibilityRole: 'text' },\n // body2: { accessibilityRole: 'text' },\n // caption1: { accessibilityRole: 'text' },\n // caption2: { accessibilityRole: 'text' },\n // flag: { accessibilityRole: 'text' },\n};\n\nfunction selectColor(theme: Theme, colorProp: TypographyColor): string \| undefined {\n switch (colorProp) {\n case 'inherit':\n return Platform.OS === 'web' ? 'inherit' : undefined;\n default:\n return theme.palette.text[colorProp];\n }\n}\n\nconst styles = StyleSheet.create({\n root: {\n flexShrink: 1,\n ...(Platform.OS === 'web' ? { maxWidth: '100%' } : {}),\n },\n});\n\nconst Typography = React.forwardRef<Text, TypographyProps>(function Typography(props, ref) {\n const {\n accessibilityRole,\n align = 'inherit' as TypographyAlign,\n ariaLevel,\n disableFontScaling = false,\n children,\n color: colorProp = 'inherit' as TypographyColor,\n ellipsizeMode = 'tail' as TextProps['ellipsizeMode'],\n href,\n lineHeight,\n numberOfLines,\n onPress,\n selectable,\n style,\n variant = 'body1' as FontVariant,\n weight = 'medium' as FontWeight,\n onLayout,\n onTextLayout,\n } = props;\n\n const theme = useTheme();\n\n const fontStyle = createFontStyle(theme, {\n selector: (typography) => typography[variant]?.[weight],\n color: selectColor(theme, colorProp),\n });\n\n // To prevent white-space: pre, word-wrap:break-word style conflicting issue at safari browser.\n const textWrapStyle = numberOfLines && numberOfLines > 0 && Platform.OS === 'web' ? { wordWrap: 'normal' } : {};\n\n const textStyle = css([\n styles.root,\n { textAlign: align === 'inherit' ? 'auto' : align },\n textWrapStyle as TextStyle,\n fontStyle,\n lineHeight ? { lineHeight } : undefined,\n style,\n ]);\n\n const accessibility = accessibilityMap[variant];\n const variantRole = href !== undefined ? 'link' : accessibility?.accessibilityRole;\n const variantLevel = accessibility?.['area-level'];\n\n return (\n <Text\n ref={ref}\n accessibilityRole={accessibilityRole \|\| variantRole}\n allowFontScaling={!disableFontScaling}\n aria-level={ariaLevel \|\| variantLevel}\n children={children}\n ellipsizeMode={ellipsizeMode}\n // @ts-ignore\n href={href}\n numberOfLines={numberOfLines}\n onPress={onPress}\n selectable={selectable}\n style={textStyle}\n onLayout={onLayout}\n onTextLayout={onTextLayout}\n />\n );\n});\n\nexport default React.memo(Typography);\n"],"mappings":"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"}

package/build/module/Typography/TypographyProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["typographyColors"],"sources":["TypographyProps.ts"],"sourcesContent":["import React from 'react';\nimport type { AccessibilityProps, TextProps, TextStyle } from 'react-native';\nimport type { FontVariant, FontWeight } from '@fountain-ui/styles';\nimport type { ComponentProps } from '../types';\n\nexport type TypographyAlign = 'inherit' \| TextStyle['textAlign'];\n\nexport const typographyColors = [\n 'inherit',\n 'accent',\n 'accentAlt',\n 'strong',\n 'strongInverse',\n 'base',\n 'baseInverse',\n 'baseOpacity',\n 'baseOpacityInverse',\n 'weak',\n 'weakOpacity',\n 'weakInverse',\n 'weakOpacityInverse',\n] as const;\n\nexport type TypographyColor = typeof typographyColors[number];\n\nexport interface Accessibility {\n accessibilityRole: AccessibilityProps['accessibilityRole'];\n 'area-level'?: number;\n}\n\nexport type AccessibilityMap = Partial<Record<FontVariant, Accessibility>>;\n\nexport default interface TypographyProps extends ComponentProps<{\n /*\n Applies HTML tag at web and communicates purpose of component at app\n /\n accessibilityRole?: AccessibilityProps['accessibilityRole'];\n\n /\n Set the text-align on the component.\n * The value 'justify' is not supported on Android and fallbacks to left.\n * @default 'inherit'\n /\n align?: TypographyAlign;\n\n /\n Applies HTML heading level\n /\n ariaLevel?: number;\n\n /\n Specifies whether fonts should scale to respect Text Size accessibility settings.\n * @default false\n /\n disableFontScaling?: boolean;\n\n /\n The content of the component.\n /\n children?: React.ReactNode;\n\n /\n The color of the component. It supports those theme colors that make sense for this component.\n * @default 'inherit'\n /\n color?: TypographyColor;\n\n /\n The text ellipsis mode.\n * @default 'tail'\n /\n ellipsizeMode?: TextProps['ellipsizeMode'];\n\n /\n Internal use only. The hyperlink of the text.\n /\n href?: string;\n\n /\n Used to truncate the text with an ellipsis after computing the text\n * layout, including line wrapping, such that the total number of lines\n * does not exceed this number.\n /\n numberOfLines?: TextProps['numberOfLines'];\n\n /\n Lets the user select text, to use the native copy and paste functionality.\n /\n onPress?: TextProps['onPress'];\n\n /\n Lets the user select text, to use the native copy and paste functionality.\n /\n selectable?: boolean;\n\n /\n Applies the theme typography styles.\n * @default 'body1'\n /\n variant?: FontVariant;\n\n /\n Determines the font weight.\n * @default 'medium'\n /\n weight?: FontWeight;\n\n /\n Callback that is called when the text layout has been calculated.\n /\n onTextLayout?: TextProps['onTextLayout'];\n\n /\n Callback that is called when the layout of the Text component changes.\n */\n onLayout?: TextProps['onLayout'];\n}> {}\n"],"mappings":"AAOA,OAAO,MAAMA,gBAAgB,GAAG,CAC5B,SAD4B,EAE5B,QAF4B,EAG5B,WAH4B,EAI5B,QAJ4B,EAK5B,eAL4B,EAM5B,MAN4B,EAO5B,aAP4B,EAQ5B,aAR4B,EAS5B,oBAT4B,EAU5B,MAV4B,EAW5B,aAX4B,EAY5B,aAZ4B,EAa5B,oBAb4B,CAAzB"}
1	+ {"version":3,"names":["typographyColors"],"sources":["TypographyProps.ts"],"sourcesContent":["import React from 'react';\nimport type { AccessibilityProps, TextProps, TextStyle } from 'react-native';\nimport type { FontVariant, FontWeight } from '@fountain-ui/styles';\nimport type { ComponentProps } from '../types';\n\nexport type TypographyAlign = 'inherit' \| TextStyle['textAlign'];\n\nexport const typographyColors = [\n 'inherit',\n 'accent',\n 'accentAlt',\n 'strong',\n 'strongInverse',\n 'base',\n 'baseInverse',\n 'baseOpacity',\n 'baseOpacityInverse',\n 'weak',\n 'weakOpacity',\n 'weakInverse',\n 'weakOpacityInverse',\n] as const;\n\nexport type TypographyColor = typeof typographyColors[number];\n\nexport interface Accessibility {\n accessibilityRole: AccessibilityProps['accessibilityRole'];\n 'area-level'?: number;\n}\n\nexport type AccessibilityMap = Partial<Record<FontVariant, Accessibility>>;\n\nexport default interface TypographyProps extends ComponentProps<{\n /*\n Applies HTML tag at web and communicates purpose of component at app\n /\n accessibilityRole?: AccessibilityProps['accessibilityRole'];\n\n /\n Set the text-align on the component.\n * The value 'justify' is not supported on Android and fallbacks to left.\n * @default 'inherit'\n /\n align?: TypographyAlign;\n\n /\n Applies HTML heading level\n /\n ariaLevel?: number;\n\n /\n Specifies whether fonts should scale to respect Text Size accessibility settings.\n * @default false\n /\n disableFontScaling?: boolean;\n\n /\n The content of the component.\n /\n children?: React.ReactNode;\n\n /\n The color of the component. It supports those theme colors that make sense for this component.\n * @default 'inherit'\n /\n color?: TypographyColor;\n\n /\n The text ellipsis mode.\n * @default 'tail'\n /\n ellipsizeMode?: TextProps['ellipsizeMode'];\n\n /\n Internal use only. The hyperlink of the text.\n /\n href?: string;\n\n /\n Defines the vertical spacing between lines of text.\n /\n lineHeight?: TextStyle['lineHeight'];\n\n /\n Used to truncate the text with an ellipsis after computing the text\n * layout, including line wrapping, such that the total number of lines\n * does not exceed this number.\n /\n numberOfLines?: TextProps['numberOfLines'];\n\n /\n Lets the user select text, to use the native copy and paste functionality.\n /\n onPress?: TextProps['onPress'];\n\n /\n Lets the user select text, to use the native copy and paste functionality.\n /\n selectable?: boolean;\n\n /\n Applies the theme typography styles.\n * @default 'body1'\n /\n variant?: FontVariant;\n\n /\n Determines the font weight.\n * @default 'medium'\n /\n weight?: FontWeight;\n\n /\n Callback that is called when the text layout has been calculated.\n /\n onTextLayout?: TextProps['onTextLayout'];\n\n /\n Callback that is called when the layout of the Text component changes.\n */\n onLayout?: TextProps['onLayout'];\n}> {}\n"],"mappings":"AAOA,OAAO,MAAMA,gBAAgB,GAAG,CAC5B,SAD4B,EAE5B,QAF4B,EAG5B,WAH4B,EAI5B,QAJ4B,EAK5B,eAL4B,EAM5B,MAN4B,EAO5B,aAP4B,EAQ5B,aAR4B,EAS5B,oBAT4B,EAU5B,MAV4B,EAW5B,aAX4B,EAY5B,aAZ4B,EAa5B,oBAb4B,CAAzB"}

package/build/module/Typography/index.js CHANGED Viewed

@@ -1,2 +1,3 @@
-export { default } from './LegacyTypography';
+export { default } from './Typography';
+export { typographyColors } from './TypographyProps';
 //# sourceMappingURL=index.js.map

package/build/module/Typography/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './~~LegacyTypography~~';\nexport type { default as TypographyProps } from './~~LegacyTypographyProps~~';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,~~oBAAxB~~"}
1	+ {"version":3,"names":["default","typographyColors"],"sources":["index.ts"],"sourcesContent":["export { default } from './Typography';\nexport type { default as TypographyProps } from './TypographyProps';\nexport { typographyColors } from './TypographyProps';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,cAAxB;AAEA,SAASC,gBAAT,QAAiC,mBAAjC"}

package/build/module/hooks/useBreakpointUp.js CHANGED Viewed

@@ -6,9 +6,12 @@ export default function useBreakpointUp(target, yes, no) {
   const isUp = useMemo(() => {
     switch (target) {
-      case 'xs':
+      case 'xxs':
         return true;
+      case 'xs':
+        return current === 'xs' || current === 'sm' || current === 'md' || current === 'lg';
       case 'sm':
         return current === 'sm' || current === 'md' || current === 'lg';

package/build/module/hooks/useBreakpointUp.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useMemo","useTheme","useBreakpointUp","target","yes","no","theme","current","breakpoints","isUp"],"sources":["useBreakpointUp.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport type { Theme } from '@fountain-ui/styles';\nimport { useTheme } from '../styles';\n\ntype Breakpoint = keyof Theme['breakpoints']['values'];\n\nexport default function useBreakpointUp<R>(target: Breakpoint, yes: R, no: R): R {\n const theme = useTheme();\n\n const current = theme.breakpoints.current;\n\n // TODO: Needs to refactor\n const isUp = useMemo<boolean>(() => {\n switch (target) {\n case 'xs':\n return true;\n case 'sm':\n return current === 'sm' \|\| current === 'md' \|\| current === 'lg';\n case 'md':\n return current === 'md' \|\| current === 'lg';\n case 'lg':\n return current === 'lg';\n }\n }, [target, current]);\n\n return isUp ? yes : no;\n};\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB;AAEA,SAASC,QAAT,QAAyB,WAAzB;AAIA,eAAe,SAASC,eAAT,CAA4BC,MAA5B,EAAgDC,GAAhD,EAAwDC,EAAxD,EAAkE;EAC7E,MAAMC,KAAK,GAAGL,QAAQ,EAAtB;EAEA,MAAMM,OAAO,GAAGD,KAAK,CAACE,WAAN,CAAkBD,OAAlC,CAH6E,CAK7E;;EACA,MAAME,IAAI,GAAGT,OAAO,CAAU,MAAM;IAChC,QAAQG,MAAR;MACI,KAAK,~~IAAL~~;QACI,OAAO,IAAP;;MACJ,KAAK,IAAL;QACI,OAAOI,OAAO,KAAK,IAAZ,IAAoBA,OAAO,KAAK,IAAhC,IAAwCA,OAAO,KAAK,IAA3D;;MACJ,KAAK,IAAL;QACI,OAAOA,OAAO,KAAK,IAAZ,IAAoBA,OAAO,KAAK,IAAvC;;MACJ,KAAK,IAAL;QACI,OAAOA,OAAO,KAAK,IAAnB;~~IARR~~;~~EAUH~~,~~CAXmB~~,~~EAWjB~~,CAACJ,MAAD,EAASI,OAAT,~~CAXiB~~,CAApB;~~EAaA~~,OAAOE,IAAI,GAAGL,GAAH,GAASC,EAApB;AACH;AAAA"}
1	+ {"version":3,"names":["useMemo","useTheme","useBreakpointUp","target","yes","no","theme","current","breakpoints","isUp"],"sources":["useBreakpointUp.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport type { Theme } from '@fountain-ui/styles';\nimport { useTheme } from '../styles';\n\ntype Breakpoint = keyof Theme['breakpoints']['values'];\n\nexport default function useBreakpointUp<R>(target: Breakpoint, yes: R, no: R): R {\n const theme = useTheme();\n\n const current = theme.breakpoints.current;\n\n // TODO: Needs to refactor\n const isUp = useMemo<boolean>(() => {\n switch (target) {\n case 'xxs':\n return true;\n case 'xs':\n return current === 'xs' \|\| current === 'sm' \|\| current === 'md' \|\| current === 'lg';\n case 'sm':\n return current === 'sm' \|\| current === 'md' \|\| current === 'lg';\n case 'md':\n return current === 'md' \|\| current === 'lg';\n case 'lg':\n return current === 'lg';\n }\n }, [target, current]);\n\n return isUp ? yes : no;\n};\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB;AAEA,SAASC,QAAT,QAAyB,WAAzB;AAIA,eAAe,SAASC,eAAT,CAA4BC,MAA5B,EAAgDC,GAAhD,EAAwDC,EAAxD,EAAkE;EAC7E,MAAMC,KAAK,GAAGL,QAAQ,EAAtB;EAEA,MAAMM,OAAO,GAAGD,KAAK,CAACE,WAAN,CAAkBD,OAAlC,CAH6E,CAK7E;;EACA,MAAME,IAAI,GAAGT,OAAO,CAAU,MAAM;IAChC,QAAQG,MAAR;MACI,KAAK,KAAL;QACI,OAAO,IAAP;;MACJ,KAAK,IAAL;QACI,OAAOI,OAAO,KAAK,IAAZ,IAAoBA,OAAO,KAAK,IAAhC,IAAwCA,OAAO,KAAK,IAApD,IAA4DA,OAAO,KAAK,IAA/E;;MACJ,KAAK,IAAL;QACI,OAAOA,OAAO,KAAK,IAAZ,IAAoBA,OAAO,KAAK,IAAhC,IAAwCA,OAAO,KAAK,IAA3D;;MACJ,KAAK,IAAL;QACI,OAAOA,OAAO,KAAK,IAAZ,IAAoBA,OAAO,KAAK,IAAvC;;MACJ,KAAK,IAAL;QACI,OAAOA,OAAO,KAAK,IAAnB;IAVR;EAYH,CAbmB,EAajB,CAACJ,MAAD,EAASI,OAAT,CAbiB,CAApB;EAeA,OAAOE,IAAI,GAAGL,GAAH,GAASC,EAApB;AACH;AAAA"}

package/build/module/hooks/useContentContainerStyle.js CHANGED Viewed

@@ -1,44 +1,41 @@
-import { useTheme } from '../styles';
-import useBreakpointUp from './useBreakpointUp';
-const defaultConfig = {
-  breakpoint: 'lg',
-  maxWidth: 'md',
-  styleProvider: () => undefined
-}; // TODO: Needs to refactor
+import { css, useTheme } from '../styles';
-function getMaxWidth(theme, breakpoint) {
+function getMaxWidth(theme, breakpoint, customMaxWidth) {
   switch (breakpoint) {
-    case 'xs':
-      return theme.breakpoints.values['sm'];
+    case 'lg':
+    case 'md':
+      return customMaxWidth ?? theme.breakpoints.values[breakpoint];
-    case 'sm':
-      return theme.breakpoints.values['md'];
+    default:
+      return undefined;
+  }
+}
-    case 'md':
-      return theme.breakpoints.values['lg'];
+function getPaddingHorizontal(theme, breakpoint) {
+  switch (breakpoint) {
+    case 'sm':
+      return theme.spacing(6);
-    case 'lg':
-      return 'none';
+    default:
+      return theme.spacing(4);
   }
 }
 export default function useContentContainerStyle() {
-  let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultConfig;
+  let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
-    breakpoint,
-    maxWidth,
+    maxWidth: customMaxWidth,
     styleProvider
-  } = { ...defaultConfig,
-    ...config
-  };
+  } = config;
   const theme = useTheme();
+  const currentBreakpoint = theme.breakpoints.current;
   const additionalStyle = styleProvider === null || styleProvider === void 0 ? void 0 : styleProvider(theme);
-  const yesStyle = [{
+  return css([{
     alignSelf: 'center',
-    maxWidth: getMaxWidth(theme, maxWidth),
+    maxWidth: getMaxWidth(theme, currentBreakpoint, customMaxWidth),
+    paddingHorizontal: getPaddingHorizontal(theme, currentBreakpoint),
     width: '100%'
-  }, additionalStyle];
-  return useBreakpointUp(breakpoint, yesStyle, additionalStyle);
+  }, additionalStyle]);
 }
 ;
 //# sourceMappingURL=useContentContainerStyle.js.map

package/build/module/hooks/useContentContainerStyle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useTheme","~~useBreakpointUp~~","~~defaultConfig~~","breakpoint","~~maxWidth~~","~~styleProvider~~","undefined","~~getMaxWidth~~","~~theme~~","~~breakpoints~~","~~values~~","~~useContentContainerStyle~~","~~config~~","~~additionalStyle~~","~~yesStyle~~","alignSelf","width"],"sources":["useContentContainerStyle.ts"],"sourcesContent":["import type { ~~ScrollViewProps,~~ ~~ViewStyle~~ } from '~~react~~-~~native~~';\nimport ~~type~~ { ~~Theme~~ } from '../~~types~~';\nimport { ~~useTheme~~ } from '../~~styles~~';\~~nimport useBreakpointUp from './useBreakpointUp';\~~n\ntype Breakpoint = keyof Theme['breakpoints']['values'];\n\~~ntype ContentContainerStyle = ScrollViewProps['contentContainerStyle'];\n\~~nexport interface Config {\n ~~breakpoint?: Breakpoint;\n~~ maxWidth?: ~~Breakpoint~~;\n styleProvider?: (theme: Theme) => ~~ContentContainerStyle~~;\n}\n\~~nconst~~ ~~defaultConfig~~: ~~Required<Config>~~ = {\n breakpoint: 'lg',\n ~~maxWidth:~~ 'md',\n ~~styleProvider:~~ () => undefined,\n};\n\n~~// TODO: Needs to refactor~~\nfunction ~~getMaxWidth~~(theme: Theme, breakpoint: Breakpoint): ~~ViewStyle['maxWidth']~~ {\n switch (breakpoint) {\n case '~~xs':\n return theme.breakpoints.values['~~sm'~~];\n case 'sm'~~:\n return theme.~~breakpoints.values['md']~~;\n ~~case 'md'~~:\n return theme.~~breakpoints.values['lg']~~;\n ~~case 'lg':\n return 'none';\n~~ }\n}\n\nexport default function useContentContainerStyle(config: Config = ~~defaultConfig~~): ~~ContentContainerStyle~~ {\n const {\n ~~breakpoint,\n~~ maxWidth,\n styleProvider,\n } = ~~{\n ...defaultConfig,\n ...~~config~~,\n }~~;\n\n const theme = useTheme();\n\n const additionalStyle = styleProvider?.(theme);\n\n ~~const~~ ~~yesStyle: ContentContainerStyle =~~ [\n {\n alignSelf: 'center',\n maxWidth: getMaxWidth(theme, ~~maxWidth~~),\n width: '100%',\n },\n additionalStyle,\n ]~~;\n\n return useBreakpointUp(breakpoint, yesStyle, additionalStyle~~);\n};\n"],"mappings":"~~AAEA~~,SAASA,~~QAAT~~,~~QAAyB~~,~~WAAzB;AACA~~,~~OAAOC~~,~~eAAP,MAA4B,mBAA5B;AAYA,MAAMC,aAA+B,GAAG;EACpCC,UAAU,EAAE,IADwB;EAEpCC,QAAQ,EAAE,IAF0B;EAGpCC,aAAa,EAAE,MAAMC;AAHe,CAAxC,C,CAMA~~;;~~AACA~~,SAASC,WAAT,CAAqBC,KAArB,~~EAAmCL~~,UAAnC,~~EAAkF~~;~~EAC9E~~,~~QAAQA~~,UAAR;IACI,KAAK,IAAL;MACI,~~OAAOK~~,KAAK,~~CAACC~~,WAAN,CAAkBC,MAAlB,~~CAAyB~~,~~IAAzB~~,~~CAAP~~;;IACJ,~~KAAK~~,~~IAAL~~;~~MACI~~,~~OAAOF~~,~~KAAK~~,~~CAACC~~,~~WAAN~~,~~CAAkBC~~,~~MAAlB~~,~~CAAyB~~,~~IAAzB~~,~~CAAP;;IACJ~~,KAAK,IAAL;MACI,~~OAAOF~~,KAAK,~~CAACC~~,~~WAAN~~,~~CAAkBC~~,~~MAAlB~~,~~CAAyB,IAAzB,~~CAAP;;IACJ,KAAK,~~IAAL;MACI~~,~~OAAO~~,~~MAAP~~;~~EARR~~;~~AAUH~~;;AAED,eAAe,SAASC,wBAAT,~~GAAyF~~;EAAA,~~IAAvDC~~,~~MAAuD~~,~~uEAAtCV~~,~~aAAsC~~;~~EACpG~~,MAAM;IACFC,~~UADE;IAEFC~~,~~QAFE~~;~~IAGFC~~;~~EAHE~~,~~IAIF~~,~~EACA~~,~~GAAGH~~,~~aADH;IAEA~~,~~GAAGU;EAFH~~,~~CAJJ~~;~~EASA~~,~~MAAMJ~~,KAAK,~~GAAGR~~,~~QAAQ~~,~~EAAtB~~;EAEA,~~MAAMa~~,eAAe,~~GAAGR~~,aAAH,aAAGA,aAAH,uBAAGA,aAAa,~~CAAGG~~,KAAH,CAArC;EAEA,~~MAAMM~~,~~QAA+B,~~GAAG,~~CACpC~~;~~IACIC~~,SAAS,EAAE,QADf;~~IAEIX~~,QAAQ,~~EAAEG~~,WAAW,CAACC,KAAD,~~EAAQJ~~,~~QAAR~~,CAFzB;~~IAGIY~~,~~KAAK~~,~~EAAE;EAHX~~,~~CADoC~~,~~EAMpCH~~,~~eANoC~~,~~CAAxC;EASA~~,~~OAAOZ~~,~~eAAe~~,~~CAACE~~,~~UAAD~~,~~EAAaW~~,~~QAAb~~,~~EAAuBD~~,~~eAAvB~~,~~CAAtB~~;~~AACH~~;AAAA"}
1	+ {"version":3,"names":["css","useTheme","getMaxWidth","theme","breakpoint","customMaxWidth","breakpoints","values","undefined","getPaddingHorizontal","spacing","useContentContainerStyle","config","maxWidth","styleProvider","currentBreakpoint","current","additionalStyle","alignSelf","paddingHorizontal","width"],"sources":["useContentContainerStyle.ts"],"sourcesContent":["import type { FountainUiStyle } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport type { Theme } from '../types';\n\ntype Breakpoint = keyof Theme['breakpoints']['values'];\n\nexport interface Config {\n maxWidth?: number;\n styleProvider?: (theme: Theme) => FountainUiStyle;\n}\n\nfunction getMaxWidth(theme: Theme, breakpoint: Breakpoint, customMaxWidth?: number): number \| undefined {\n switch (breakpoint) {\n case 'lg':\n case 'md':\n return customMaxWidth ?? theme.breakpoints.values[breakpoint];\n default:\n return undefined;\n }\n}\n\nfunction getPaddingHorizontal(theme: Theme, breakpoint: Breakpoint): number {\n switch (breakpoint) {\n case 'sm':\n return theme.spacing(6);\n default:\n return theme.spacing(4);\n }\n}\n\nexport default function useContentContainerStyle(config: Config = {}): FountainUiStyle {\n const {\n maxWidth: customMaxWidth,\n styleProvider,\n } = config;\n\n const theme = useTheme();\n\n const currentBreakpoint = theme.breakpoints.current;\n\n const additionalStyle = styleProvider?.(theme);\n\n return css([\n {\n alignSelf: 'center',\n maxWidth: getMaxWidth(theme, currentBreakpoint, customMaxWidth),\n paddingHorizontal: getPaddingHorizontal(theme, currentBreakpoint),\n width: '100%',\n },\n additionalStyle,\n ]);\n};\n"],"mappings":"AACA,SAASA,GAAT,EAAcC,QAAd,QAA8B,WAA9B;;AAUA,SAASC,WAAT,CAAqBC,KAArB,EAAmCC,UAAnC,EAA2DC,cAA3D,EAAwG;EACpG,QAAQD,UAAR;IACI,KAAK,IAAL;IACA,KAAK,IAAL;MACI,OAAOC,cAAc,IAAIF,KAAK,CAACG,WAAN,CAAkBC,MAAlB,CAAyBH,UAAzB,CAAzB;;IACJ;MACI,OAAOI,SAAP;EALR;AAOH;;AAED,SAASC,oBAAT,CAA8BN,KAA9B,EAA4CC,UAA5C,EAA4E;EACxE,QAAQA,UAAR;IACI,KAAK,IAAL;MACI,OAAOD,KAAK,CAACO,OAAN,CAAc,CAAd,CAAP;;IACJ;MACI,OAAOP,KAAK,CAACO,OAAN,CAAc,CAAd,CAAP;EAJR;AAMH;;AAED,eAAe,SAASC,wBAAT,GAAwE;EAAA,IAAtCC,MAAsC,uEAArB,EAAqB;EACnF,MAAM;IACFC,QAAQ,EAAER,cADR;IAEFS;EAFE,IAGFF,MAHJ;EAKA,MAAMT,KAAK,GAAGF,QAAQ,EAAtB;EAEA,MAAMc,iBAAiB,GAAGZ,KAAK,CAACG,WAAN,CAAkBU,OAA5C;EAEA,MAAMC,eAAe,GAAGH,aAAH,aAAGA,aAAH,uBAAGA,aAAa,CAAGX,KAAH,CAArC;EAEA,OAAOH,GAAG,CAAC,CACP;IACIkB,SAAS,EAAE,QADf;IAEIL,QAAQ,EAAEX,WAAW,CAACC,KAAD,EAAQY,iBAAR,EAA2BV,cAA3B,CAFzB;IAGIc,iBAAiB,EAAEV,oBAAoB,CAACN,KAAD,EAAQY,iBAAR,CAH3C;IAIIK,KAAK,EAAE;EAJX,CADO,EAOPH,eAPO,CAAD,CAAV;AASH;AAAA"}

package/build/module/index.js CHANGED Viewed

@@ -13,6 +13,12 @@ export { default as Avatar } from './Avatar';
 export * from './Avatar';
 export { default as Badge } from './Badge';
 export * from './Badge';
+export { default as BottomSheetActions } from './BottomSheetActions';
+export * from './BottomSheetActions';
+export { default as BottomSheetContent } from './BottomSheetContent';
+export * from './BottomSheetContent';
+export { default as BottomSheetTitle } from './BottomSheetTitle';
+export * from './BottomSheetTitle';
 export { default as Button } from './Button';
 export * from './Button';
 export { default as ButtonBase } from './ButtonBase';
@@ -29,8 +35,6 @@ export { default as CardMedia } from './CardMedia';
 export * from './CardMedia';
 export { default as Checkbox } from './Checkbox';
 export * from './Checkbox';
-export { default as CheckboxGroup } from './CheckboxGroup';
-export * from './CheckboxGroup';
 export { default as Chip } from './Chip';
 export * from './Chip';
 export { default as CircularProgress } from './CircularProgress';
@@ -92,6 +96,8 @@ export { default as RadioGroup } from './RadioGroup';
 export * from './RadioGroup';
 export { default as Row } from './Row';
 export * from './Row';
+export { default as Section } from './Section';
+export * from './Section';
 export { default as ShadowView } from './ShadowView';
 export * from './ShadowView';
 export { default as Slide } from './Slide';

package/build/module/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["default","Accordion","AppBar","AspectRatio","Avatar","Badge","Button","ButtonBase","ButtonSet","Card","CardActions","CardContent","CardMedia","Checkbox","CheckboxGroup","Chip","CircularProgress","Column","Dialog","DialogActions","DialogContent","DialogMedia","DialogTitle","Divider","Empty","Fab","IconButton","Image","Link","List","ListItem","ListItemIcon","ListItemSecondaryAction","ListItemText","ListSubheader","Menu","MenuItem","Modal","createModalCloseEvent","Pagination","PaginationItem","Paper","Portal","Radio","RadioGroup","Row","ShadowView","Slide","Slider","Snackbar","SnackbarContent","Spacer","SvgIcon","Switch","Tab","TabBase","Tabs","TextField","Toggle","Toolbar","Tooltip","Typography"],"sources":["index.ts"],"sourcesContent":["export * from './styles';\n\nexport * from './types';\n\nexport * from './hooks';\n\nexport * from './utils';\n\nexport * from './store';\n\nexport { default as Accordion } from './Accordion';\nexport * from './Accordion';\n\nexport { default as AppBar } from './AppBar';\nexport * from './AppBar';\n\nexport { default as AspectRatio } from './AspectRatio';\nexport * from './AspectRatio';\n\nexport { default as Avatar } from './Avatar';\nexport * from './Avatar';\n\nexport { default as Badge } from './Badge';\nexport * from './Badge';\n\nexport { default as Button } from './Button';\nexport * from './Button';\n\nexport { default as ButtonBase } from './ButtonBase';\nexport * from './ButtonBase';\n\nexport { default as ButtonSet } from './ButtonSet';\nexport * from './ButtonSet';\n\nexport { default as Card } from './Card';\nexport * from './Card';\n\nexport { default as CardActions } from './CardActions';\nexport * from './CardActions';\n\nexport { default as CardContent } from './CardContent';\nexport * from './CardContent';\n\nexport { default as CardMedia } from './CardMedia';\nexport * from './CardMedia';\n\nexport { default as Checkbox } from './Checkbox';\nexport * from './Checkbox';\n\nexport { default as CheckboxGroup } from './CheckboxGroup';\nexport * from './CheckboxGroup';\n\nexport { default as Chip } from './Chip';\nexport * from './Chip';\n\nexport { default as CircularProgress } from './CircularProgress';\nexport * from './CircularProgress';\n\nexport { default as Column } from './Column';\nexport * from './Column';\n\nexport { default as Dialog } from './Dialog';\nexport * from './Dialog';\n\nexport { default as DialogActions } from './DialogActions';\nexport * from './DialogActions';\n\nexport { default as DialogContent } from './DialogContent';\nexport * from './DialogContent';\n\nexport { default as DialogMedia } from './DialogMedia';\nexport * from './DialogMedia';\n\nexport { default as DialogTitle } from './DialogTitle';\nexport * from './DialogTitle';\n\nexport { default as Divider } from './Divider';\nexport * from './Divider';\n\nexport { default as Empty } from './Empty';\nexport * from './Empty';\n\nexport { default as Fab } from './Fab';\nexport * from './Fab';\n\nexport { default as IconButton } from './IconButton';\nexport * from './IconButton';\n\nexport { default as Image } from './Image';\nexport * from './Image';\n\nexport * from './ImageCore';\n\nexport { default as Link } from './Link';\nexport * from './Link';\n\nexport { default as List } from './List';\nexport * from './List';\n\nexport { default as ListItem } from './ListItem';\nexport * from './ListItem';\n\nexport { default as ListItemIcon } from './ListItemIcon';\nexport * from './ListItemIcon';\n\nexport { default as ListItemSecondaryAction } from './ListItemSecondaryAction';\nexport * from './ListItemSecondaryAction';\n\nexport { default as ListItemText } from './ListItemText';\nexport * from './ListItemText';\n\nexport { default as ListSubheader } from './ListSubheader';\nexport * from './ListSubheader';\n\nexport { default as Menu } from './Menu';\nexport * from './Menu';\n\nexport { default as MenuItem } from './MenuItem';\nexport * from './MenuItem';\n\nexport { default as Modal, createModalCloseEvent } from './Modal';\nexport type { ModalCloseEvent } from './Modal';\nexport * from './Modal';\n\nexport { default as Pagination } from './Pagination';\nexport * from './Pagination';\n\nexport { default as PaginationItem } from './PaginationItem';\nexport * from './PaginationItem';\n\nexport { default as Paper } from './Paper';\nexport * from './Paper';\n\nexport { default as Portal } from './Portal';\nexport * from './Portal';\n\nexport { default as Radio } from './Radio';\nexport * from './Radio';\n\nexport { default as RadioGroup } from './RadioGroup';\nexport * from './RadioGroup';\n\nexport { default as Row } from './Row';\nexport * from './Row';\n\nexport { default as ShadowView } from './ShadowView';\nexport * from './ShadowView';\n\nexport { default as Slide } from './Slide';\nexport * from './Slide';\n\nexport { default as Slider } from './Slider';\nexport * from './Slider';\n\nexport { default as Snackbar } from './Snackbar';\nexport * from './Snackbar';\n\nexport { default as SnackbarContent } from './SnackbarContent';\nexport * from './SnackbarContent';\n\nexport { default as Spacer } from './Spacer';\nexport * from './Spacer';\n\nexport { default as SvgIcon } from './SvgIcon';\nexport * from './SvgIcon';\n\nexport { default as Switch } from './Switch';\nexport * from './Switch';\n\nexport { default as Tab } from './Tab';\nexport * from './Tab';\n\nexport { default as TabBase } from './TabBase';\nexport * from './TabBase';\n\nexport { default as Tabs } from './Tabs';\nexport * from './Tabs';\n\nexport { default as TextField } from './TextField';\nexport * from './TextField';\n\nexport { default as Toggle } from './Toggle';\nexport * from './Toggle';\n\nexport { default as Toolbar } from './Toolbar';\nexport * from './Toolbar';\n\nexport { default as Tooltip } from './Tooltip';\nexport * from './Tooltip';\n\nexport { default as Typography } from './Typography';\nexport * from './Typography';\n\nexport * from './animated';\n"],"mappings":"AAAA,cAAc,UAAd;AAEA,cAAc,SAAd;AAEA,cAAc,SAAd;AAEA,cAAc,SAAd;AAEA,cAAc,SAAd;AAEA,SAASA,OAAO,IAAIC,SAApB,QAAqC,aAArC;AACA,cAAc,aAAd;AAEA,SAASD,OAAO,IAAIE,MAApB,QAAkC,UAAlC;AACA,cAAc,UAAd;AAEA,SAASF,OAAO,IAAIG,WAApB,QAAuC,eAAvC;AACA,cAAc,eAAd;AAEA,SAASH,OAAO,IAAII,MAApB,QAAkC,UAAlC;AACA,cAAc,UAAd;AAEA,SAASJ,OAAO,IAAIK,KAApB,QAAiC,SAAjC;AACA,cAAc,SAAd;AAEA,SAASL,OAAO,IAAIM,MAApB,QAAkC,UAAlC;AACA,cAAc,UAAd;AAEA,SAASN,OAAO,IAAIO,UAApB,QAAsC,cAAtC;AACA,cAAc,cAAd;AAEA,SAASP,OAAO,IAAIQ,SAApB,QAAqC,aAArC;AACA,cAAc,aAAd;AAEA,SAASR,OAAO,IAAIS,IAApB,QAAgC,QAAhC;AACA,cAAc,QAAd;AAEA,SAAST,OAAO,IAAIU,WAApB,QAAuC,eAAvC;AACA,cAAc,eAAd;AAEA,SAASV,OAAO,IAAIW,WAApB,QAAuC,eAAvC;AACA,cAAc,eAAd;AAEA,SAASX,OAAO,IAAIY,SAApB,QAAqC,aAArC;AACA,cAAc,aAAd;AAEA,SAASZ,OAAO,IAAIa,QAApB,QAAoC,YAApC;AACA,cAAc,YAAd;AAEA,SAASb,OAAO,IAAIc,aAApB,QAAyC,iBAAzC;AACA,cAAc,iBAAd;AAEA,SAASd,OAAO,IAAIe,IAApB,QAAgC,QAAhC;AACA,cAAc,QAAd;AAEA,SAASf,OAAO,IAAIgB,gBAApB,QAA4C,oBAA5C;AACA,cAAc,oBAAd;AAEA,SAAShB,OAAO,IAAIiB,MAApB,QAAkC,UAAlC;AACA,cAAc,UAAd;AAEA,SAASjB,OAAO,IAAIkB,MAApB,QAAkC,UAAlC;AACA,cAAc,UAAd;AAEA,SAASlB,OAAO,IAAImB,aAApB,QAAyC,iBAAzC;AACA,cAAc,iBAAd;AAEA,SAASnB,OAAO,IAAIoB,aAApB,QAAyC,iBAAzC;AACA,cAAc,iBAAd;AAEA,SAASpB,OAAO,IAAIqB,WAApB,QAAuC,eAAvC;AACA,cAAc,eAAd;AAEA,SAASrB,OAAO,IAAIsB,WAApB,QAAuC,eAAvC;AACA,cAAc,eAAd;AAEA,SAAStB,OAAO,IAAIuB,OAApB,QAAmC,WAAnC;AACA,cAAc,WAAd;AAEA,SAASvB,OAAO,IAAIwB,KAApB,QAAiC,SAAjC;AACA,cAAc,SAAd;AAEA,SAASxB,OAAO,IAAIyB,GAApB,QAA+B,OAA/B;AACA,cAAc,OAAd;AAEA,SAASzB,OAAO,IAAI0B,UAApB,QAAsC,cAAtC;AACA,cAAc,cAAd;AAEA,SAAS1B,OAAO,IAAI2B,KAApB,QAAiC,SAAjC;AACA,cAAc,SAAd;AAEA,cAAc,aAAd;AAEA,SAAS3B,OAAO,IAAI4B,IAApB,QAAgC,QAAhC;AACA,cAAc,QAAd;AAEA,SAAS5B,OAAO,IAAI6B,IAApB,QAAgC,QAAhC;AACA,cAAc,QAAd;AAEA,SAAS7B,OAAO,IAAI8B,QAApB,QAAoC,YAApC;AACA,cAAc,YAAd;AAEA,SAAS9B,OAAO,IAAI+B,YAApB,QAAwC,gBAAxC;AACA,cAAc,gBAAd;AAEA,SAAS/B,OAAO,IAAIgC,uBAApB,QAAmD,2BAAnD;AACA,cAAc,2BAAd;AAEA,SAAShC,OAAO,IAAIiC,YAApB,QAAwC,gBAAxC;AACA,cAAc,gBAAd;AAEA,SAASjC,OAAO,IAAIkC,aAApB,QAAyC,iBAAzC;AACA,cAAc,iBAAd;AAEA,SAASlC,OAAO,IAAImC,IAApB,QAAgC,QAAhC;AACA,cAAc,QAAd;AAEA,SAASnC,OAAO,IAAIoC,QAApB,QAAoC,YAApC;AACA,cAAc,YAAd;AAEA,SAASpC,OAAO,IAAIqC,KAApB,EAA2BC,qBAA3B,QAAwD,SAAxD;AAEA,cAAc,SAAd;AAEA,SAAStC,OAAO,IAAIuC,UAApB,QAAsC,cAAtC;AACA,cAAc,cAAd;AAEA,SAASvC,OAAO,IAAIwC,cAApB,QAA0C,kBAA1C;AACA,cAAc,kBAAd;AAEA,SAASxC,OAAO,IAAIyC,KAApB,QAAiC,SAAjC;AACA,cAAc,SAAd;AAEA,SAASzC,OAAO,IAAI0C,MAApB,QAAkC,UAAlC;AACA,cAAc,UAAd;AAEA,SAAS1C,OAAO,IAAI2C,KAApB,QAAiC,SAAjC;AACA,cAAc,SAAd;AAEA,SAAS3C,OAAO,IAAI4C,UAApB,QAAsC,cAAtC;AACA,cAAc,cAAd;AAEA,SAAS5C,OAAO,IAAI6C,GAApB,QAA+B,OAA/B;AACA,cAAc,OAAd;AAEA,SAAS7C,OAAO,IAAI8C,UAApB,QAAsC,cAAtC;AACA,cAAc,cAAd;AAEA,SAAS9C,OAAO,IAAI+C,KAApB,QAAiC,SAAjC;AACA,cAAc,SAAd;AAEA,SAAS/C,OAAO,IAAIgD,MAApB,QAAkC,UAAlC;AACA,cAAc,UAAd;AAEA,SAAShD,OAAO,IAAIiD,QAApB,QAAoC,YAApC;AACA,cAAc,YAAd;AAEA,SAASjD,OAAO,IAAIkD,eAApB,QAA2C,mBAA3C;AACA,cAAc,mBAAd;AAEA,SAASlD,OAAO,IAAImD,MAApB,QAAkC,UAAlC;AACA,cAAc,UAAd;AAEA,SAASnD,OAAO,IAAIoD,OAApB,QAAmC,WAAnC;AACA,cAAc,WAAd;AAEA,SAASpD,OAAO,IAAIqD,MAApB,QAAkC,UAAlC;AACA,cAAc,UAAd;AAEA,SAASrD,OAAO,IAAIsD,GAApB,QAA+B,OAA/B;AACA,cAAc,OAAd;AAEA,SAAStD,OAAO,IAAIuD,OAApB,QAAmC,WAAnC;AACA,cAAc,WAAd;AAEA,SAASvD,OAAO,IAAIwD,IAApB,QAAgC,QAAhC;AACA,cAAc,QAAd;AAEA,SAASxD,OAAO,IAAIyD,SAApB,QAAqC,aAArC;AACA,cAAc,aAAd;AAEA,SAASzD,OAAO,IAAI0D,MAApB,QAAkC,UAAlC;AACA,cAAc,UAAd;AAEA,SAAS1D,OAAO,IAAI2D,OAApB,QAAmC,WAAnC;AACA,cAAc,WAAd;AAEA,SAAS3D,OAAO,IAAI4D,OAApB,QAAmC,WAAnC;AACA,cAAc,WAAd;AAEA,SAAS5D,OAAO,IAAI6D,UAApB,QAAsC,cAAtC;AACA,cAAc,cAAd;AAEA,cAAc,YAAd"}
1	+ {"version":3,"names":["default","Accordion","AppBar","AspectRatio","Avatar","Badge","BottomSheetActions","BottomSheetContent","BottomSheetTitle","Button","ButtonBase","ButtonSet","Card","CardActions","CardContent","CardMedia","Checkbox","Chip","CircularProgress","Column","Dialog","DialogActions","DialogContent","DialogMedia","DialogTitle","Divider","Empty","Fab","IconButton","Image","Link","List","ListItem","ListItemIcon","ListItemSecondaryAction","ListItemText","ListSubheader","Menu","MenuItem","Modal","createModalCloseEvent","Pagination","PaginationItem","Paper","Portal","Radio","RadioGroup","Row","Section","ShadowView","Slide","Slider","Snackbar","SnackbarContent","Spacer","SvgIcon","Switch","Tab","TabBase","Tabs","TextField","Toggle","Toolbar","Tooltip","Typography"],"sources":["index.ts"],"sourcesContent":["export * from './styles';\n\nexport * from './types';\n\nexport * from './hooks';\n\nexport * from './utils';\n\nexport * from './store';\n\nexport { default as Accordion } from './Accordion';\nexport * from './Accordion';\n\nexport { default as AppBar } from './AppBar';\nexport * from './AppBar';\n\nexport { default as AspectRatio } from './AspectRatio';\nexport * from './AspectRatio';\n\nexport { default as Avatar } from './Avatar';\nexport * from './Avatar';\n\nexport { default as Badge } from './Badge';\nexport * from './Badge';\n\nexport { default as BottomSheetActions } from './BottomSheetActions';\nexport * from './BottomSheetActions';\n\nexport { default as BottomSheetContent } from './BottomSheetContent';\nexport * from './BottomSheetContent';\n\nexport { default as BottomSheetTitle } from './BottomSheetTitle';\nexport * from './BottomSheetTitle';\n\nexport { default as Button } from './Button';\nexport * from './Button';\n\nexport { default as ButtonBase } from './ButtonBase';\nexport * from './ButtonBase';\n\nexport { default as ButtonSet } from './ButtonSet';\nexport * from './ButtonSet';\n\nexport { default as Card } from './Card';\nexport * from './Card';\n\nexport { default as CardActions } from './CardActions';\nexport * from './CardActions';\n\nexport { default as CardContent } from './CardContent';\nexport * from './CardContent';\n\nexport { default as CardMedia } from './CardMedia';\nexport * from './CardMedia';\n\nexport { default as Checkbox } from './Checkbox';\nexport * from './Checkbox';\n\nexport { default as Chip } from './Chip';\nexport * from './Chip';\n\nexport { default as CircularProgress } from './CircularProgress';\nexport * from './CircularProgress';\n\nexport { default as Column } from './Column';\nexport * from './Column';\n\nexport { default as Dialog } from './Dialog';\nexport * from './Dialog';\n\nexport { default as DialogActions } from './DialogActions';\nexport * from './DialogActions';\n\nexport { default as DialogContent } from './DialogContent';\nexport * from './DialogContent';\n\nexport { default as DialogMedia } from './DialogMedia';\nexport * from './DialogMedia';\n\nexport { default as DialogTitle } from './DialogTitle';\nexport * from './DialogTitle';\n\nexport { default as Divider } from './Divider';\nexport * from './Divider';\n\nexport { default as Empty } from './Empty';\nexport * from './Empty';\n\nexport { default as Fab } from './Fab';\nexport * from './Fab';\n\nexport { default as IconButton } from './IconButton';\nexport * from './IconButton';\n\nexport { default as Image } from './Image';\nexport * from './Image';\n\nexport * from './ImageCore';\n\nexport { default as Link } from './Link';\nexport * from './Link';\n\nexport { default as List } from './List';\nexport * from './List';\n\nexport { default as ListItem } from './ListItem';\nexport * from './ListItem';\n\nexport { default as ListItemIcon } from './ListItemIcon';\nexport * from './ListItemIcon';\n\nexport { default as ListItemSecondaryAction } from './ListItemSecondaryAction';\nexport * from './ListItemSecondaryAction';\n\nexport { default as ListItemText } from './ListItemText';\nexport * from './ListItemText';\n\nexport { default as ListSubheader } from './ListSubheader';\nexport * from './ListSubheader';\n\nexport { default as Menu } from './Menu';\nexport * from './Menu';\n\nexport { default as MenuItem } from './MenuItem';\nexport * from './MenuItem';\n\nexport { default as Modal, createModalCloseEvent } from './Modal';\nexport type { ModalCloseEvent } from './Modal';\nexport * from './Modal';\n\nexport { default as Pagination } from './Pagination';\nexport * from './Pagination';\n\nexport { default as PaginationItem } from './PaginationItem';\nexport * from './PaginationItem';\n\nexport { default as Paper } from './Paper';\nexport * from './Paper';\n\nexport { default as Portal } from './Portal';\nexport * from './Portal';\n\nexport { default as Radio } from './Radio';\nexport * from './Radio';\n\nexport { default as RadioGroup } from './RadioGroup';\nexport * from './RadioGroup';\n\nexport { default as Row } from './Row';\nexport * from './Row';\n\nexport { default as Section } from './Section';\nexport * from './Section';\n\nexport { default as ShadowView } from './ShadowView';\nexport * from './ShadowView';\n\nexport { default as Slide } from './Slide';\nexport * from './Slide';\n\nexport { default as Slider } from './Slider';\nexport * from './Slider';\n\nexport { default as Snackbar } from './Snackbar';\nexport * from './Snackbar';\n\nexport { default as SnackbarContent } from './SnackbarContent';\nexport * from './SnackbarContent';\n\nexport { default as Spacer } from './Spacer';\nexport * from './Spacer';\n\nexport { default as SvgIcon } from './SvgIcon';\nexport * from './SvgIcon';\n\nexport { default as Switch } from './Switch';\nexport * from './Switch';\n\nexport { default as Tab } from './Tab';\nexport * from './Tab';\n\nexport { default as TabBase } from './TabBase';\nexport * from './TabBase';\n\nexport { default as Tabs } from './Tabs';\nexport * from './Tabs';\n\nexport { default as TextField } from './TextField';\nexport * from './TextField';\n\nexport { default as Toggle } from './Toggle';\nexport * from './Toggle';\n\nexport { default as Toolbar } from './Toolbar';\nexport * from './Toolbar';\n\nexport { default as Tooltip } from './Tooltip';\nexport * from './Tooltip';\n\nexport { default as Typography } from './Typography';\nexport * from './Typography';\n\nexport * from './animated';\n"],"mappings":"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"}

package/build/module/internal/icons/LoadingSpinner/index.js CHANGED Viewed

@@ -1,22 +1,31 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { View } from 'react-native';
 import LottieView from 'react-lottie-player';
+import { css } from '../../../styles';
 import { loadingSpinnerMap, loadingSpinnerSizeMap } from './utils';
 export default function LoadingSpinner(props) {
   const {
     color = 'gray',
     size = 'medium',
+    style: styleProp,
     ...otherProps
   } = props;
-  const style = {
+  const rootStyle = css([{
     height: loadingSpinnerSizeMap[size],
     width: loadingSpinnerSizeMap[size]
-  };
-  return /*#__PURE__*/React.createElement(View, otherProps, /*#__PURE__*/React.createElement(LottieView, {
+  }, styleProp]);
+  return /*#__PURE__*/React.createElement(View, _extends({}, otherProps, {
+    style: rootStyle
+  }), /*#__PURE__*/React.createElement(LottieView, {
     animationData: loadingSpinnerMap[color],
     key: color,
     loop: true,
-    style: style,
+    style: {
+      height: '100%',
+      width: '100%'
+    },
     play: true
   }));
 }

package/build/module/internal/icons/LoadingSpinner/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","LottieView","loadingSpinnerMap","loadingSpinnerSizeMap","LoadingSpinner","props","color","size","otherProps","~~style~~","height","width"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport LottieView from 'react-lottie-player';\nimport ~~type~~ { ~~FountainUiStyle~~ } from '~~@fountain-ui/~~styles';\nimport type LoadingSpinnerProps from './LoadingSpinnerProps';\nimport { loadingSpinnerMap, loadingSpinnerSizeMap } from './utils';\n\nexport default function LoadingSpinner(props: LoadingSpinnerProps) {\n const {\n color = 'gray',\n size = 'medium',\n ...otherProps\n } = props;\n\n const ~~style:~~ ~~FountainUiStyle~~ = {\n height: loadingSpinnerSizeMap[size],\n width: loadingSpinnerSizeMap[size],\n };\n\n return (\n <View {...otherProps}>\n <LottieView\n animationData={loadingSpinnerMap[color]}\n key={color}\n loop={true}\n style={~~style~~}\n play={true}\n />\n </View>\n );\n}\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,OAAOC,UAAP,MAAuB,qBAAvB;~~AAGA~~,SAASC,iBAAT,EAA4BC,qBAA5B,QAAyD,SAAzD;AAEA,eAAe,SAASC,cAAT,CAAwBC,KAAxB,EAAoD;EAC/D,MAAM;IACFC,KAAK,GAAG,MADN;IAEFC,IAAI,GAAG,QAFL;~~IAGF~~,GAAGC;~~EAHD~~,~~IAIFH~~,~~KAJJ~~;~~EAMA~~,~~MAAMI~~,~~KAAsB~~,GAAG;~~IAC3BC~~,MAAM,~~EAAEP~~,qBAAqB,CAACI,IAAD,~~CADF~~;~~IAE3BI~~,KAAK,~~EAAER~~,qBAAqB,CAACI,IAAD;~~EAFD~~,~~CAA/B~~;~~EAKA~~,oBACI,oBAAC,IAAD,~~EAAUC~~,~~UAAV~~,~~eACI~~,oBAAC,UAAD;IACI,aAAa,~~EAAEN~~,iBAAiB,CAACI,KAAD,CADpC;IAEI,GAAG,EAAEA,KAFT;IAGI,IAAI,EAAE,IAHV;IAII,KAAK,~~EAAEG~~,~~KAJX~~;~~IAKI~~,IAAI,EAAE;~~EALV~~,~~EADJ~~,CADJ;~~AAWH~~"}
1	+ {"version":3,"names":["React","View","LottieView","css","loadingSpinnerMap","loadingSpinnerSizeMap","LoadingSpinner","props","color","size","style","styleProp","otherProps","rootStyle","height","width"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport LottieView from 'react-lottie-player';\nimport { css } from '../../../styles';\nimport type LoadingSpinnerProps from './LoadingSpinnerProps';\nimport { loadingSpinnerMap, loadingSpinnerSizeMap } from './utils';\n\nexport default function LoadingSpinner(props: LoadingSpinnerProps) {\n const {\n color = 'gray',\n size = 'medium',\n style: styleProp,\n ...otherProps\n } = props;\n\n const rootStyle = css([\n {\n height: loadingSpinnerSizeMap[size],\n width: loadingSpinnerSizeMap[size],\n },\n styleProp,\n ]);\n\n return (\n <View\n {...otherProps}\n style={rootStyle}\n >\n <LottieView\n animationData={loadingSpinnerMap[color]}\n key={color}\n loop={true}\n style={{\n height: '100%',\n width: '100%',\n }}\n play={true}\n />\n </View>\n );\n}\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,OAAOC,UAAP,MAAuB,qBAAvB;AACA,SAASC,GAAT,QAAoB,iBAApB;AAEA,SAASC,iBAAT,EAA4BC,qBAA5B,QAAyD,SAAzD;AAEA,eAAe,SAASC,cAAT,CAAwBC,KAAxB,EAAoD;EAC/D,MAAM;IACFC,KAAK,GAAG,MADN;IAEFC,IAAI,GAAG,QAFL;IAGFC,KAAK,EAAEC,SAHL;IAIF,GAAGC;EAJD,IAKFL,KALJ;EAOA,MAAMM,SAAS,GAAGV,GAAG,CAAC,CAClB;IACIW,MAAM,EAAET,qBAAqB,CAACI,IAAD,CADjC;IAEIM,KAAK,EAAEV,qBAAqB,CAACI,IAAD;EAFhC,CADkB,EAKlBE,SALkB,CAAD,CAArB;EAQA,oBACI,oBAAC,IAAD,eACQC,UADR;IAEI,KAAK,EAAEC;EAFX,iBAII,oBAAC,UAAD;IACI,aAAa,EAAET,iBAAiB,CAACI,KAAD,CADpC;IAEI,GAAG,EAAEA,KAFT;IAGI,IAAI,EAAE,IAHV;IAII,KAAK,EAAE;MACHM,MAAM,EAAE,MADL;MAEHC,KAAK,EAAE;IAFJ,CAJX;IAQI,IAAI,EAAE;EARV,EAJJ,CADJ;AAiBH"}

package/build/module/internal/icons/LoadingSpinner/index.native.js CHANGED Viewed

@@ -1,23 +1,32 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { View } from 'react-native';
 import LottieView from 'lottie-react-native';
+import { css } from '../../../styles';
 import { loadingSpinnerMap, loadingSpinnerSizeMap } from './utils';
 export default function LoadingSpinner(props) {
   const {
     color = 'gray',
     size = 'medium',
+    style: styleProp,
     ...otherProps
   } = props;
-  const style = {
+  const rootStyle = css([{
     height: loadingSpinnerSizeMap[size],
     width: loadingSpinnerSizeMap[size]
-  };
-  return /*#__PURE__*/React.createElement(View, otherProps, /*#__PURE__*/React.createElement(LottieView, {
+  }, styleProp]);
+  return /*#__PURE__*/React.createElement(View, _extends({}, otherProps, {
+    style: rootStyle
+  }), /*#__PURE__*/React.createElement(LottieView, {
     autoPlay: true,
     key: color,
     loop: true,
     source: loadingSpinnerMap[color],
-    style: style
+    style: {
+      height: '100%',
+      width: '100%'
+    }
   }));
 }
 //# sourceMappingURL=index.native.js.map

package/build/module/internal/icons/LoadingSpinner/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","LottieView","loadingSpinnerMap","loadingSpinnerSizeMap","LoadingSpinner","props","color","size","otherProps","~~style~~","height","width"],"sources":["index.native.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport LottieView from 'lottie-react-native';\nimport ~~type~~ { ~~FountainUiStyle~~ } from '~~@fountain-ui/~~styles';\nimport type LoadingSpinnerProps from './LoadingSpinnerProps';\nimport { loadingSpinnerMap, loadingSpinnerSizeMap } from './utils';\n\nexport default function LoadingSpinner(props: LoadingSpinnerProps) {\n const {\n color = 'gray',\n size = 'medium',\n ...otherProps\n } = props;\n\n const ~~style:~~ ~~FountainUiStyle~~ = {\n height: loadingSpinnerSizeMap[size],\n width: loadingSpinnerSizeMap[size],\n };\n\n return (\n <View {...otherProps}>\n <LottieView\n autoPlay={true}\n key={color}\n loop={true}\n source={loadingSpinnerMap[color]}\n style={~~style~~}\n />\n </View>\n );\n}\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,OAAOC,UAAP,MAAuB,qBAAvB;~~AAGA~~,SAASC,iBAAT,EAA4BC,qBAA5B,QAAyD,SAAzD;AAEA,eAAe,SAASC,cAAT,CAAwBC,KAAxB,EAAoD;EAC/D,MAAM;IACFC,KAAK,GAAG,MADN;IAEFC,IAAI,GAAG,QAFL;~~IAGF~~,GAAGC;~~EAHD~~,~~IAIFH~~,~~KAJJ~~;~~EAMA~~,~~MAAMI~~,~~KAAsB~~,GAAG;~~IAC3BC~~,MAAM,~~EAAEP~~,qBAAqB,CAACI,IAAD,~~CADF~~;~~IAE3BI~~,KAAK,~~EAAER~~,qBAAqB,CAACI,IAAD;~~EAFD~~,~~CAA/B~~;~~EAKA~~,oBACI,oBAAC,IAAD,~~EAAUC~~,~~UAAV~~,~~eACI~~,oBAAC,UAAD;IACI,QAAQ,EAAE,IADd;IAEI,GAAG,~~EAAEF~~,KAFT;IAGI,IAAI,EAAE,IAHV;IAII,MAAM,EAAEJ,iBAAiB,CAACI,KAAD,CAJ7B;IAKI,KAAK,~~EAAEG~~;EALX,~~EADJ~~,CADJ;~~AAWH~~"}
1	+ {"version":3,"names":["React","View","LottieView","css","loadingSpinnerMap","loadingSpinnerSizeMap","LoadingSpinner","props","color","size","style","styleProp","otherProps","rootStyle","height","width"],"sources":["index.native.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport LottieView from 'lottie-react-native';\nimport { css } from '../../../styles';\nimport type LoadingSpinnerProps from './LoadingSpinnerProps';\nimport { loadingSpinnerMap, loadingSpinnerSizeMap } from './utils';\n\nexport default function LoadingSpinner(props: LoadingSpinnerProps) {\n const {\n color = 'gray',\n size = 'medium',\n style: styleProp,\n ...otherProps\n } = props;\n\n const rootStyle = css([\n {\n height: loadingSpinnerSizeMap[size],\n width: loadingSpinnerSizeMap[size],\n },\n styleProp,\n ]);\n\n return (\n <View\n {...otherProps}\n style={rootStyle}\n >\n <LottieView\n autoPlay={true}\n key={color}\n loop={true}\n source={loadingSpinnerMap[color]}\n style={{\n height: '100%',\n width: '100%',\n }}\n />\n </View>\n );\n}\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,OAAOC,UAAP,MAAuB,qBAAvB;AACA,SAASC,GAAT,QAAoB,iBAApB;AAEA,SAASC,iBAAT,EAA4BC,qBAA5B,QAAyD,SAAzD;AAEA,eAAe,SAASC,cAAT,CAAwBC,KAAxB,EAAoD;EAC/D,MAAM;IACFC,KAAK,GAAG,MADN;IAEFC,IAAI,GAAG,QAFL;IAGFC,KAAK,EAAEC,SAHL;IAIF,GAAGC;EAJD,IAKFL,KALJ;EAOA,MAAMM,SAAS,GAAGV,GAAG,CAAC,CAClB;IACIW,MAAM,EAAET,qBAAqB,CAACI,IAAD,CADjC;IAEIM,KAAK,EAAEV,qBAAqB,CAACI,IAAD;EAFhC,CADkB,EAKlBE,SALkB,CAAD,CAArB;EAQA,oBACI,oBAAC,IAAD,eACQC,UADR;IAEI,KAAK,EAAEC;EAFX,iBAII,oBAAC,UAAD;IACI,QAAQ,EAAE,IADd;IAEI,GAAG,EAAEL,KAFT;IAGI,IAAI,EAAE,IAHV;IAII,MAAM,EAAEJ,iBAAiB,CAACI,KAAD,CAJ7B;IAKI,KAAK,EAAE;MACHM,MAAM,EAAE,MADL;MAEHC,KAAK,EAAE;IAFJ;EALX,EAJJ,CADJ;AAiBH"}

package/build/module/utils/createSvgIcon.js CHANGED Viewed

@@ -2,19 +2,12 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React from 'react';
 import SvgIcon from '../SvgIcon/SvgIcon';
-import LegacySvgIcon from '../SvgIcon/LegacySvgIcon';
 const createSvgIcon = (path, displayName, viewBox) => {
   function Component(props) {
-    const {
-      enableV2 = false,
-      ...otherProps
-    } = props;
-    return enableV2 ? /*#__PURE__*/React.createElement(SvgIcon, _extends({
+    return /*#__PURE__*/React.createElement(SvgIcon, _extends({
       viewBox: viewBox
-    }, otherProps), path) : /*#__PURE__*/React.createElement(LegacySvgIcon, _extends({
-      viewBox: viewBox
-    }, otherProps), path);
+    }, props), path);
   }
   Component.displayName = `${displayName}Icon`;

package/build/module/utils/createSvgIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","SvgIcon","~~LegacySvgIcon","~~createSvgIcon","path","displayName","viewBox","Component","props","~~enableV2","otherProps","~~memo"],"sources":["createSvgIcon.tsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '../SvgIcon/SvgIcon';\nimport type SvgIconProps from '../SvgIcon/SvgIconProps';\~~nimport LegacySvgIcon from '../SvgIcon/LegacySvgIcon';\nimport type LegacySvgIconProps from '../SvgIcon/LegacySvgIconProps';\~~n\ntype Path = React.ReactElement \| React.ReactFragment;\n\ntype ~~SvgIconPropsWithoutChildren~~ = Omit<SvgIconProps, 'children'~~> \| Omit<LegacySvgIconProps, 'children'~~>;\n\~~ntype SvgIconBaseProps = SvgIconPropsWithoutChildren & {\n enableV2?: boolean;\n};\n\~~nconst createSvgIcon = (path: Path, displayName: string, viewBox?: string) => {\n function Component(props: SvgIconBaseProps) {\n ~~const {\n enableV2 = false,\n ...otherProps\n } = props;\n\n~~ return ~~enableV2 ?~~ (\n <SvgIcon\n viewBox={viewBox}\n {...~~otherProps as SvgIconProps~~}\n >\n {path}\n </SvgIcon>\n ) : (\n <LegacySvgIcon\n viewBox={viewBox}\n {...otherProps as LegacySvgIconProps}\n >\n {path}\n </LegacySvgIcon>\n );\n }\n\n Component.displayName = `${displayName}Icon`;\n\n return React.memo(Component);\n};\n\nexport default createSvgIcon;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,OAAP,MAAoB,oBAApB~~;AAEA,OAAOC,aAAP,MAA0B,0BAA1B~~;;~~AAWA~~,MAAMC,aAAa,GAAG,CAACC,IAAD,EAAaC,WAAb,EAAkCC,OAAlC,KAAuD;EACzE,SAASC,SAAT,CAAmBC,KAAnB,EAA4C;IACxC,~~MAAM;MACFC~~,~~QAAQ,GAAG,KADT;MAEF,GAAGC;IAFD,IAGFF,KAHJ;IAKA,OAAOC,QAAQ,gBACX,~~oBAAC,OAAD;MACI,OAAO,~~EAAEH~~;IADb,~~GAEQI~~,~~UAFR~~,~~GAIKN~~,IAJL,~~CADW,gBAQX,oBAAC,aAAD~~;~~MACI,OAAO,EAAEE;IADb,GAEQI,UAFR,GAIKN,IAJL,CARJ;EAeH~~;;EAEDG,SAAS,CAACF,WAAV,GAAyB,GAAEA,WAAY,MAAvC;EAEA,~~oBAAOL~~,KAAK,~~CAACW~~,IAAN,~~CAAWJ~~,SAAX,CAAP;AACH,~~CA3BD~~;;~~AA6BA~~,eAAeJ,aAAf"}
1	+ {"version":3,"names":["React","SvgIcon","createSvgIcon","path","displayName","viewBox","Component","props","memo"],"sources":["createSvgIcon.tsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '../SvgIcon/SvgIcon';\nimport type SvgIconProps from '../SvgIcon/SvgIconProps';\n\ntype Path = React.ReactElement \| React.ReactFragment;\n\ntype SvgIconBaseProps = Omit<SvgIconProps, 'children'>;\n\nconst createSvgIcon = (path: Path, displayName: string, viewBox?: string) => {\n function Component(props: SvgIconBaseProps) {\n return (\n <SvgIcon\n viewBox={viewBox}\n {...props}\n >\n {path}\n </SvgIcon>\n );\n }\n\n Component.displayName = `${displayName}Icon`;\n\n return React.memo(Component);\n};\n\nexport default createSvgIcon;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,OAAP,MAAoB,oBAApB;;AAOA,MAAMC,aAAa,GAAG,CAACC,IAAD,EAAaC,WAAb,EAAkCC,OAAlC,KAAuD;EACzE,SAASC,SAAT,CAAmBC,KAAnB,EAA4C;IACxC,oBACI,oBAAC,OAAD;MACI,OAAO,EAAEF;IADb,GAEQE,KAFR,GAIKJ,IAJL,CADJ;EAQH;;EAEDG,SAAS,CAACF,WAAV,GAAyB,GAAEA,WAAY,MAAvC;EAEA,oBAAOJ,KAAK,CAACQ,IAAN,CAAWF,SAAX,CAAP;AACH,CAfD;;AAiBA,eAAeJ,aAAf"}

package/build/typescript/Accordion/index.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-export { default } from './LegacyAccordion';
-export type { default as AccordionProps } from './LegacyAccordionProps';
+export { default } from './Accordion';
+export type { default as AccordionProps } from './AccordionProps';
+export { accordionVariants } from './AccordionProps';

package/build/typescript/Accordion/useVariantStyleMap.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ interface VariantStyle {
     container: FountainUiStyle;
     content: FountainUiStyle;
     contentFont: TextStyle;
+    iconContainer?: FountainUiStyle;
     subTitleFont?: TextStyle;
     title: FountainUiStyle;
     titleFont: TextStyle;

package/build/typescript/AppBar/AppBarProps.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
 import React from 'react';
 import type { OverridableComponentProps } from '../types';
 import type { PaperProps } from '../Paper';
-export declare type AppBarColor = 'default' | 'paper' | 'primary' | 'transparent';
+export declare const appBarColors: readonly ["default", "alt"];
+export declare type AppBarColor = typeof appBarColors[number];
 export default interface AppBarProps extends OverridableComponentProps<PaperProps, {
     /**
      * The content of the component.

package/build/typescript/AppBar/index.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 export { default } from './AppBar';
 export type { default as AppBarProps } from './AppBarProps';
+export { appBarColors } from './AppBarProps';

package/build/typescript/Badge/index.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
-export { default } from './LegacyBadge';
-export type { default as BadgeProps } from './LegacyBadgeProps';
+export { default } from './Badge';
+export type { default as BadgeProps, BadgeHorizontalPosition, BadgePosition, BadgeVerticalPosition, } from './BadgeProps';
+export { badgeColors, badgeHorizontalPositions, badgeSizes, badgeVerticalPositions, } from './BadgeProps';

package/build/typescript/BottomSheetActions/BottomSheetActions.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type BottomSheetActionsProps from './BottomSheetActionsProps';
+export default function BottomSheetActions(props: BottomSheetActionsProps): JSX.Element;

package/build/typescript/BottomSheetActions/BottomSheetActionsProps.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { ViewProps } from 'react-native';
+import type { OverridableComponentProps } from '../types';
+export default interface BottomSheetActionsProps extends OverridableComponentProps<ViewProps, {}> {
+}

package/build/typescript/BottomSheetActions/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { default } from './BottomSheetActions';
2	+ export type { default as BottomSheetActionsProps } from './BottomSheetActionsProps';

package/build/typescript/BottomSheetContent/BottomSheetContent.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type BottomSheetContentProps from './BottomSheetContentProps';
+export default function BottomSheetContent(props: BottomSheetContentProps): JSX.Element;

package/build/typescript/BottomSheetContent/BottomSheetContentProps.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type { ScrollViewProps } from 'react-native';
+import type { OverridableComponentProps } from '../types';
+export default interface BottomSheetContentProps extends OverridableComponentProps<ScrollViewProps, {}> {
+}