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

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

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 (760) hide show

package/build/commonjs/index.js CHANGED Viewed

@@ -9,6 +9,9 @@ var _exportNames = {
   AspectRatio: true,
   Avatar: true,
   Badge: true,
+  BottomSheetActions: true,
+  BottomSheetContent: true,
+  BottomSheetTitle: true,
   Button: true,
   ButtonBase: true,
   ButtonSet: true,
@@ -17,7 +20,6 @@ var _exportNames = {
   CardContent: true,
   CardMedia: true,
   Checkbox: true,
-  CheckboxGroup: true,
   Chip: true,
   CircularProgress: true,
   Column: true,
@@ -96,6 +98,24 @@ Object.defineProperty(exports, "Badge", {
     return _Badge.default;
   }
 });
+Object.defineProperty(exports, "BottomSheetActions", {
+  enumerable: true,
+  get: function () {
+    return _BottomSheetActions.default;
+  }
+});
+Object.defineProperty(exports, "BottomSheetContent", {
+  enumerable: true,
+  get: function () {
+    return _BottomSheetContent.default;
+  }
+});
+Object.defineProperty(exports, "BottomSheetTitle", {
+  enumerable: true,
+  get: function () {
+    return _BottomSheetTitle.default;
+  }
+});
 Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function () {
@@ -144,12 +164,6 @@ Object.defineProperty(exports, "Checkbox", {
     return _Checkbox.default;
   }
 });
-Object.defineProperty(exports, "CheckboxGroup", {
-  enumerable: true,
-  get: function () {
-    return _CheckboxGroup.default;
-  }
-});
 Object.defineProperty(exports, "Chip", {
   enumerable: true,
   get: function () {
@@ -573,6 +587,48 @@ Object.keys(_Badge).forEach(function (key) {
   });
 });
+var _BottomSheetActions = _interopRequireWildcard(require("./BottomSheetActions"));
+Object.keys(_BottomSheetActions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _BottomSheetActions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _BottomSheetActions[key];
+    }
+  });
+});
+var _BottomSheetContent = _interopRequireWildcard(require("./BottomSheetContent"));
+Object.keys(_BottomSheetContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _BottomSheetContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _BottomSheetContent[key];
+    }
+  });
+});
+var _BottomSheetTitle = _interopRequireWildcard(require("./BottomSheetTitle"));
+Object.keys(_BottomSheetTitle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _BottomSheetTitle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _BottomSheetTitle[key];
+    }
+  });
+});
 var _Button = _interopRequireWildcard(require("./Button"));
 Object.keys(_Button).forEach(function (key) {
@@ -685,20 +741,6 @@ Object.keys(_Checkbox).forEach(function (key) {
   });
 });
-var _CheckboxGroup = _interopRequireWildcard(require("./CheckboxGroup"));
-Object.keys(_CheckboxGroup).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _CheckboxGroup[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _CheckboxGroup[key];
-    }
-  });
-});
 var _Chip = _interopRequireWildcard(require("./Chip"));
 Object.keys(_Chip).forEach(function (key) {

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

	@@ -1 +1 @@
1	- {"version":3,"names":[],"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;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAEA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
1	+ {"version":3,"names":[],"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 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;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAEA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

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

@@ -11,25 +11,35 @@ var _reactNative = require("react-native");
 var _reactLottiePlayer = _interopRequireDefault(require("react-lottie-player"));
+var _styles = require("../../../styles");
 var _utils = require("./utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
 function LoadingSpinner(props) {
   const {
     color = 'gray',
     size = 'medium',
+    style: styleProp,
     ...otherProps
   } = props;
-  const style = {
+  const rootStyle = (0, _styles.css)([{
     height: _utils.loadingSpinnerSizeMap[size],
     width: _utils.loadingSpinnerSizeMap[size]
-  };
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, otherProps, /*#__PURE__*/_react.default.createElement(_reactLottiePlayer.default, {
+  }, styleProp]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, otherProps, {
+    style: rootStyle
+  }), /*#__PURE__*/_react.default.createElement(_reactLottiePlayer.default, {
     animationData: _utils.loadingSpinnerMap[color],
     key: color,
     loop: true,
-    style: style,
+    style: {
+      height: '100%',
+      width: '100%'
+    },
     play: true
   }));
 }

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

	@@ -1 +1 @@
1	- {"version":3,"names":["LoadingSpinner","props","color","size","otherProps","~~style~~","height","loadingSpinnerSizeMap","width","loadingSpinnerMap"],"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;;AACA;;AACA;;~~AAGA;;;;~~AAEe,SAASA,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,EAAEC,4BAAA,~~CAAsBJ~~,IAAtB,~~CADmB~~;~~IAE3BK~~,KAAK,EAAED,4BAAA,~~CAAsBJ~~,IAAtB;~~EAFoB~~,~~CAA/B~~;~~EAKA~~,oBACI,6BAAC,iBAAD,~~EAAUC~~,~~UAAV~~,~~eACI~~,6BAAC,0BAAD;IACI,aAAa,EAAEK,wBAAA,~~CAAkBP~~,KAAlB,CADnB;IAEI,GAAG,EAAEA,KAFT;IAGI,IAAI,EAAE,IAHV;IAII,KAAK,~~EAAEG~~,~~KAJX~~;~~IAKI~~,IAAI,EAAE;~~EALV~~,~~EADJ~~,CADJ;~~AAWH~~"}
1	+ {"version":3,"names":["LoadingSpinner","props","color","size","style","styleProp","otherProps","rootStyle","css","height","loadingSpinnerSizeMap","width","loadingSpinnerMap"],"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;;AACA;;AACA;;AACA;;AAEA;;;;;;AAEe,SAASA,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,GAAG,IAAAC,WAAA,EAAI,CAClB;IACIC,MAAM,EAAEC,4BAAA,CAAsBP,IAAtB,CADZ;IAEIQ,KAAK,EAAED,4BAAA,CAAsBP,IAAtB;EAFX,CADkB,EAKlBE,SALkB,CAAJ,CAAlB;EAQA,oBACI,6BAAC,iBAAD,eACQC,UADR;IAEI,KAAK,EAAEC;EAFX,iBAII,6BAAC,0BAAD;IACI,aAAa,EAAEK,wBAAA,CAAkBV,KAAlB,CADnB;IAEI,GAAG,EAAEA,KAFT;IAGI,IAAI,EAAE,IAHV;IAII,KAAK,EAAE;MACHO,MAAM,EAAE,MADL;MAEHE,KAAK,EAAE;IAFJ,CAJX;IAQI,IAAI,EAAE;EARV,EAJJ,CADJ;AAiBH"}

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

@@ -11,26 +11,36 @@ var _reactNative = require("react-native");
 var _lottieReactNative = _interopRequireDefault(require("lottie-react-native"));
+var _styles = require("../../../styles");
 var _utils = require("./utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
 function LoadingSpinner(props) {
   const {
     color = 'gray',
     size = 'medium',
+    style: styleProp,
     ...otherProps
   } = props;
-  const style = {
+  const rootStyle = (0, _styles.css)([{
     height: _utils.loadingSpinnerSizeMap[size],
     width: _utils.loadingSpinnerSizeMap[size]
-  };
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, otherProps, /*#__PURE__*/_react.default.createElement(_lottieReactNative.default, {
+  }, styleProp]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, otherProps, {
+    style: rootStyle
+  }), /*#__PURE__*/_react.default.createElement(_lottieReactNative.default, {
     autoPlay: true,
     key: color,
     loop: true,
     source: _utils.loadingSpinnerMap[color],
-    style: style
+    style: {
+      height: '100%',
+      width: '100%'
+    }
   }));
 }
 //# sourceMappingURL=index.native.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["LoadingSpinner","props","color","size","otherProps","~~style~~","height","loadingSpinnerSizeMap","width","loadingSpinnerMap"],"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;;AACA;;AACA;;~~AAGA;;;;~~AAEe,SAASA,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,EAAEC,4BAAA,~~CAAsBJ~~,IAAtB,~~CADmB~~;~~IAE3BK~~,KAAK,EAAED,4BAAA,~~CAAsBJ~~,IAAtB;~~EAFoB~~,~~CAA/B~~;~~EAKA~~,oBACI,6BAAC,iBAAD,~~EAAUC~~,~~UAAV~~,~~eACI~~,6BAAC,0BAAD;IACI,QAAQ,EAAE,IADd;IAEI,GAAG,~~EAAEF~~,KAFT;IAGI,IAAI,EAAE,IAHV;IAII,MAAM,~~EAAEO~~,wBAAA,~~CAAkBP~~,KAAlB,CAJZ;IAKI,KAAK,~~EAAEG~~;EALX,~~EADJ~~,CADJ;~~AAWH~~"}
1	+ {"version":3,"names":["LoadingSpinner","props","color","size","style","styleProp","otherProps","rootStyle","css","height","loadingSpinnerSizeMap","width","loadingSpinnerMap"],"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;;AACA;;AACA;;AACA;;AAEA;;;;;;AAEe,SAASA,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,GAAG,IAAAC,WAAA,EAAI,CAClB;IACIC,MAAM,EAAEC,4BAAA,CAAsBP,IAAtB,CADZ;IAEIQ,KAAK,EAAED,4BAAA,CAAsBP,IAAtB;EAFX,CADkB,EAKlBE,SALkB,CAAJ,CAAlB;EAQA,oBACI,6BAAC,iBAAD,eACQC,UADR;IAEI,KAAK,EAAEC;EAFX,iBAII,6BAAC,0BAAD;IACI,QAAQ,EAAE,IADd;IAEI,GAAG,EAAEL,KAFT;IAGI,IAAI,EAAE,IAHV;IAII,MAAM,EAAEU,wBAAA,CAAkBV,KAAlB,CAJZ;IAKI,KAAK,EAAE;MACHO,MAAM,EAAE,MADL;MAEHE,KAAK,EAAE;IAFJ;EALX,EAJJ,CADJ;AAiBH"}

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

@@ -9,23 +9,15 @@ var _react = _interopRequireDefault(require("react"));
 var _SvgIcon = _interopRequireDefault(require("../SvgIcon/SvgIcon"));
-var _LegacySvgIcon = _interopRequireDefault(require("../SvgIcon/LegacySvgIcon"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 const createSvgIcon = (path, displayName, viewBox) => {
   function Component(props) {
-    const {
-      enableV2 = false,
-      ...otherProps
-    } = props;
-    return enableV2 ? /*#__PURE__*/_react.default.createElement(_SvgIcon.default, _extends({
-      viewBox: viewBox
-    }, otherProps), path) : /*#__PURE__*/_react.default.createElement(_LegacySvgIcon.default, _extends({
+    return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, _extends({
       viewBox: viewBox
-    }, otherProps), path);
+    }, props), path);
   }
   Component.displayName = `${displayName}Icon`;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["createSvgIcon","path","displayName","viewBox","Component","props","~~enableV2","otherProps","~~React","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;;AACA~~;;AAEA~~;;;;;;~~AAWA~~,MAAMA,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,~~6BAAC,gBAAD;MACI,OAAO,~~EAAEH~~;IADb,~~GAEQI~~,~~UAFR~~,~~GAIKN~~,IAJL,~~CADW,gBAQX,6BAAC,sBAAD~~;~~MACI,OAAO,EAAEE;IADb,GAEQI,UAFR,GAIKN,IAJL,CARJ;EAeH~~;;EAEDG,SAAS,CAACF,WAAV,GAAyB,GAAEA,WAAY,MAAvC;EAEA,~~oBAAOM~~,cAAA,CAAMC,IAAN,~~CAAWL~~,SAAX,CAAP;AACH,~~CA3BD~~;;~~eA6BeJ~~,a"}
1	+ {"version":3,"names":["createSvgIcon","path","displayName","viewBox","Component","props","React","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;;AACA;;;;;;AAOA,MAAMA,aAAa,GAAG,CAACC,IAAD,EAAaC,WAAb,EAAkCC,OAAlC,KAAuD;EACzE,SAASC,SAAT,CAAmBC,KAAnB,EAA4C;IACxC,oBACI,6BAAC,gBAAD;MACI,OAAO,EAAEF;IADb,GAEQE,KAFR,GAIKJ,IAJL,CADJ;EAQH;;EAEDG,SAAS,CAACF,WAAV,GAAyB,GAAEA,WAAY,MAAvC;EAEA,oBAAOI,cAAA,CAAMC,IAAN,CAAWH,SAAX,CAAP;AACH,CAfD;;eAiBeJ,a"}

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

@@ -125,7 +125,6 @@ export default function Accordion(props) {
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.rightIcon
   }, RightIcon ? RightIcon : /*#__PURE__*/React.createElement(ChevronDown, {
-    enableV2: true,
     width: 16,
     height: 16,
     color: 'base'

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useRef","useState","Text","View","Animated","useAnimatedStyle","useSharedValue","withDelay","withTiming","css","useTheme","ChevronDown","ButtonBase","Column","Row","Spacer","useVariantStyleMap","ROTATE_HIDE_DEGREE","ROTATE_SHOW_DEGREE","ANIMATION_CONFIG","duration","INITIAL_EXPANDED_DELAY_MILLIS","CONTENT_OPACITY_DELAY_MILLIS","useStyles","theme","root","marginBottom","spacing","rightIcon","alignItems","height","justifyContent","width","Accordion","props","title","subTitle","content","RightIcon","LeftComponent","isInitialExpanded","variant","styles","CONTENT_MARGIN_HEIGHT","isExpanded","setIsExpanded","shouldInitialExpandedRef","container","containerStyle","contentStyle","contentFont","contentFontStyle","subTitleFont","subTitleFontStyle","titleStyle","titleFont","titleFontStyle","rotate","animatedOpacity","animatedHeight","contentHeight","setContentHeight","animatedChevronDownStyles","transform","value","animatedContentBackgroundStyles","overflow","animatedContentStyle","opacity","onPress","prev","onLayout","event","nativeEvent","layout","current","setTimeout","rootStyle"],"sources":["Accordion.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { LayoutChangeEvent, Text, View, ViewStyle } from 'react-native';\nimport Animated, {\n useAnimatedStyle,\n useSharedValue,\n withDelay,\n withTiming,\n WithTimingConfig,\n} from 'react-native-reanimated';\nimport { css, NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { useTheme } from '../styles';\nimport { ChevronDown } from '../internal/icons';\nimport ButtonBase from '../ButtonBase';\nimport Column from '../Column';\nimport Row from '../Row';\nimport Spacer from '../Spacer';\nimport type AccordionProps from './AccordionProps';\nimport type { AccordionVariant } from './AccordionProps';\nimport useVariantStyleMap from './useVariantStyleMap';\n\ntype AccordionStyles = NamedStylesStringUnion<'root' \| 'rightIcon'>;\n\nconst ROTATE_HIDE_DEGREE = 0;\nconst ROTATE_SHOW_DEGREE = 180;\nconst ANIMATION_CONFIG: Readonly<WithTimingConfig> = { duration: 200 };\nconst INITIAL_EXPANDED_DELAY_MILLIS = 100;\nconst CONTENT_OPACITY_DELAY_MILLIS = 200;\n\nconst useStyles: UseStyles<AccordionStyles> = function (): AccordionStyles {\n const theme = useTheme();\n\n return {\n root: { marginBottom: theme.spacing(3) },\n rightIcon: {\n alignItems: 'center',\n height: 32,\n justifyContent: 'center',\n width: 32,\n },\n };\n};\n\nexport default function Accordion(props: AccordionProps) {\n const {\n title,\n subTitle,\n content,\n RightIcon,\n LeftComponent,\n isInitialExpanded = false,\n variant = 'solid' as AccordionVariant,\n } = props;\n\n const styles = useStyles();\n const theme = useTheme();\n const CONTENT_MARGIN_HEIGHT = theme.spacing(2);\n\n const [isExpanded, setIsExpanded] = useState<boolean>(false);\n const shouldInitialExpandedRef = useRef<boolean>(isInitialExpanded);\n\n const {\n container: containerStyle,\n content: contentStyle,\n contentFont: contentFontStyle,\n subTitleFont: subTitleFontStyle,\n title: titleStyle,\n titleFont: titleFontStyle,\n } = useVariantStyleMap(variant);\n\n const rotate = useSharedValue(ROTATE_HIDE_DEGREE);\n const animatedOpacity = useSharedValue(0);\n\n const animatedHeight = useSharedValue(0);\n const [contentHeight, setContentHeight] = useState(0);\n\n const animatedChevronDownStyles = useAnimatedStyle(() => ({\n transform: [{ rotate: `${rotate.value}deg` }],\n }), []);\n\n const animatedContentBackgroundStyles = useAnimatedStyle(() => ({\n height: animatedHeight.value,\n overflow: 'hidden',\n } as ViewStyle), []);\n\n const animatedContentStyle = useAnimatedStyle(() => ({\n opacity: animatedOpacity.value,\n }), []);\n\n const onPress = () => {\n setIsExpanded(prev => !prev);\n };\n\n const onLayout = (event: LayoutChangeEvent) => {\n const height = event.nativeEvent.layout.height + CONTENT_MARGIN_HEIGHT;\n setContentHeight(height);\n\n if (shouldInitialExpandedRef.current) {\n shouldInitialExpandedRef.current = false;\n setTimeout(() => setIsExpanded(true), INITIAL_EXPANDED_DELAY_MILLIS);\n }\n };\n\n useEffect(() => {\n rotate.value = withTiming(isExpanded ? ROTATE_SHOW_DEGREE : ROTATE_HIDE_DEGREE, ANIMATION_CONFIG);\n\n animatedHeight.value = withTiming(isExpanded ? contentHeight : 0, ANIMATION_CONFIG);\n\n animatedOpacity.value = isExpanded\n ? withDelay(CONTENT_OPACITY_DELAY_MILLIS, withTiming(1, ANIMATION_CONFIG))\n : withTiming(0, ANIMATION_CONFIG);\n }, [isExpanded, contentHeight]);\n\n const rootStyle = css([\n styles.root,\n containerStyle,\n ]);\n\n return (\n <Column style={rootStyle}>\n <ButtonBase onPress={onPress}>\n <Row style={titleStyle}>\n <Column flexShrink={1}>\n <Row alignItems={'center'}>\n {LeftComponent ? (\n <React.Fragment>\n {LeftComponent}\n\n <Spacer size={1.5}/>\n </React.Fragment>\n ) : null}\n\n <Text\n allowFontScaling={false}\n children={title}\n numberOfLines={1}\n style={titleFontStyle}\n />\n </Row>\n\n {subTitle && variant === 'solid' ?\n typeof subTitle === 'string' ? (\n <React.Fragment>\n <Spacer size={1.5}/>\n\n <Text\n allowFontScaling={false}\n children={subTitle}\n numberOfLines={1}\n style={subTitleFontStyle}\n />\n </React.Fragment>\n ) : (subTitle)\n : null}\n </Column>\n\n <Spacer flex={1}/>\n\n <Spacer size={3}/>\n\n <Animated.View style={animatedChevronDownStyles}>\n <View style={styles.rightIcon}>\n {RightIcon ? RightIcon : (\n <ChevronDown\n enableV2={true}\n width={16}\n height={16}\n color={'base'}\n />\n )}\n </View>\n </Animated.View>\n </Row>\n </ButtonBase>\n\n <Animated.View style={animatedContentBackgroundStyles}>\n <View\n onLayout={onLayout}\n style={contentStyle}\n >\n <Animated.View style={animatedContentStyle}>\n {typeof content === 'string' ? (\n <Text\n allowFontScaling={false}\n children={content}\n style={contentFontStyle}\n />\n ) : (content)}\n </Animated.View>\n </View>\n </Animated.View>\n </Column>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["React","useEffect","useRef","useState","Text","View","Animated","useAnimatedStyle","useSharedValue","withDelay","withTiming","css","useTheme","ChevronDown","ButtonBase","Column","Row","Spacer","useVariantStyleMap","ROTATE_HIDE_DEGREE","ROTATE_SHOW_DEGREE","ANIMATION_CONFIG","duration","INITIAL_EXPANDED_DELAY_MILLIS","CONTENT_OPACITY_DELAY_MILLIS","useStyles","theme","root","marginBottom","spacing","rightIcon","alignItems","height","justifyContent","width","Accordion","props","title","subTitle","content","RightIcon","LeftComponent","isInitialExpanded","variant","styles","CONTENT_MARGIN_HEIGHT","isExpanded","setIsExpanded","shouldInitialExpandedRef","container","containerStyle","contentStyle","contentFont","contentFontStyle","subTitleFont","subTitleFontStyle","titleStyle","titleFont","titleFontStyle","rotate","animatedOpacity","animatedHeight","contentHeight","setContentHeight","animatedChevronDownStyles","transform","value","animatedContentBackgroundStyles","overflow","animatedContentStyle","opacity","onPress","prev","onLayout","event","nativeEvent","layout","current","setTimeout","rootStyle"],"sources":["Accordion.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { LayoutChangeEvent, Text, View, ViewStyle } from 'react-native';\nimport Animated, {\n useAnimatedStyle,\n useSharedValue,\n withDelay,\n withTiming,\n WithTimingConfig,\n} from 'react-native-reanimated';\nimport { css, NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { useTheme } from '../styles';\nimport { ChevronDown } from '../internal/icons';\nimport ButtonBase from '../ButtonBase';\nimport Column from '../Column';\nimport Row from '../Row';\nimport Spacer from '../Spacer';\nimport type AccordionProps from './AccordionProps';\nimport type { AccordionVariant } from './AccordionProps';\nimport useVariantStyleMap from './useVariantStyleMap';\n\ntype AccordionStyles = NamedStylesStringUnion<'root' \| 'rightIcon'>;\n\nconst ROTATE_HIDE_DEGREE = 0;\nconst ROTATE_SHOW_DEGREE = 180;\nconst ANIMATION_CONFIG: Readonly<WithTimingConfig> = { duration: 200 };\nconst INITIAL_EXPANDED_DELAY_MILLIS = 100;\nconst CONTENT_OPACITY_DELAY_MILLIS = 200;\n\nconst useStyles: UseStyles<AccordionStyles> = function (): AccordionStyles {\n const theme = useTheme();\n\n return {\n root: { marginBottom: theme.spacing(3) },\n rightIcon: {\n alignItems: 'center',\n height: 32,\n justifyContent: 'center',\n width: 32,\n },\n };\n};\n\nexport default function Accordion(props: AccordionProps) {\n const {\n title,\n subTitle,\n content,\n RightIcon,\n LeftComponent,\n isInitialExpanded = false,\n variant = 'solid' as AccordionVariant,\n } = props;\n\n const styles = useStyles();\n const theme = useTheme();\n const CONTENT_MARGIN_HEIGHT = theme.spacing(2);\n\n const [isExpanded, setIsExpanded] = useState<boolean>(false);\n const shouldInitialExpandedRef = useRef<boolean>(isInitialExpanded);\n\n const {\n container: containerStyle,\n content: contentStyle,\n contentFont: contentFontStyle,\n subTitleFont: subTitleFontStyle,\n title: titleStyle,\n titleFont: titleFontStyle,\n } = useVariantStyleMap(variant);\n\n const rotate = useSharedValue(ROTATE_HIDE_DEGREE);\n const animatedOpacity = useSharedValue(0);\n\n const animatedHeight = useSharedValue(0);\n const [contentHeight, setContentHeight] = useState(0);\n\n const animatedChevronDownStyles = useAnimatedStyle(() => ({\n transform: [{ rotate: `${rotate.value}deg` }],\n }), []);\n\n const animatedContentBackgroundStyles = useAnimatedStyle(() => ({\n height: animatedHeight.value,\n overflow: 'hidden',\n } as ViewStyle), []);\n\n const animatedContentStyle = useAnimatedStyle(() => ({\n opacity: animatedOpacity.value,\n }), []);\n\n const onPress = () => {\n setIsExpanded(prev => !prev);\n };\n\n const onLayout = (event: LayoutChangeEvent) => {\n const height = event.nativeEvent.layout.height + CONTENT_MARGIN_HEIGHT;\n setContentHeight(height);\n\n if (shouldInitialExpandedRef.current) {\n shouldInitialExpandedRef.current = false;\n setTimeout(() => setIsExpanded(true), INITIAL_EXPANDED_DELAY_MILLIS);\n }\n };\n\n useEffect(() => {\n rotate.value = withTiming(isExpanded ? ROTATE_SHOW_DEGREE : ROTATE_HIDE_DEGREE, ANIMATION_CONFIG);\n\n animatedHeight.value = withTiming(isExpanded ? contentHeight : 0, ANIMATION_CONFIG);\n\n animatedOpacity.value = isExpanded\n ? withDelay(CONTENT_OPACITY_DELAY_MILLIS, withTiming(1, ANIMATION_CONFIG))\n : withTiming(0, ANIMATION_CONFIG);\n }, [isExpanded, contentHeight]);\n\n const rootStyle = css([\n styles.root,\n containerStyle,\n ]);\n\n return (\n <Column style={rootStyle}>\n <ButtonBase onPress={onPress}>\n <Row style={titleStyle}>\n <Column flexShrink={1}>\n <Row alignItems={'center'}>\n {LeftComponent ? (\n <React.Fragment>\n {LeftComponent}\n\n <Spacer size={1.5}/>\n </React.Fragment>\n ) : null}\n\n <Text\n allowFontScaling={false}\n children={title}\n numberOfLines={1}\n style={titleFontStyle}\n />\n </Row>\n\n {subTitle && variant === 'solid' ?\n typeof subTitle === 'string' ? (\n <React.Fragment>\n <Spacer size={1.5}/>\n\n <Text\n allowFontScaling={false}\n children={subTitle}\n numberOfLines={1}\n style={subTitleFontStyle}\n />\n </React.Fragment>\n ) : (subTitle)\n : null}\n </Column>\n\n <Spacer flex={1}/>\n\n <Spacer size={3}/>\n\n <Animated.View style={animatedChevronDownStyles}>\n <View style={styles.rightIcon}>\n {RightIcon ? RightIcon : (\n <ChevronDown\n width={16}\n height={16}\n color={'base'}\n />\n )}\n </View>\n </Animated.View>\n </Row>\n </ButtonBase>\n\n <Animated.View style={animatedContentBackgroundStyles}>\n <View\n onLayout={onLayout}\n style={contentStyle}\n >\n <Animated.View style={animatedContentStyle}>\n {typeof content === 'string' ? (\n <Text\n allowFontScaling={false}\n children={content}\n style={contentFontStyle}\n />\n ) : (content)}\n </Animated.View>\n </View>\n </Animated.View>\n </Column>\n );\n}\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-export { default } from './LegacyAccordion';
+export { default } from './Accordion';
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './~~LegacyAccordion~~';\nexport type { default as AccordionProps } from './~~LegacyAccordionProps~~';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,~~mBAAxB~~"}
1	+ {"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './Accordion';\nexport type { default as AccordionProps } from './AccordionProps';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB"}

package/build/module/Accordion/useVariantStyleMap.js CHANGED Viewed

@@ -17,7 +17,8 @@ export default function useVariantStyleMap(variant) {
             borderTopWidth: 0.5,
             marginHorizontal: theme.spacing(4),
             paddingBottom: theme.spacing(5),
-            paddingTop: theme.spacing(4)
+            paddingTop: theme.spacing(4),
+            position: 'absolute'
           },
           contentFont: createFontStyle(theme, {
             selector: typography => typography.body3.regular,
@@ -57,7 +58,8 @@ export default function useVariantStyleMap(variant) {
             borderTopWidth: 0.5,
             marginHorizontal: theme.spacing(4),
             paddingBottom: theme.spacing(4),
-            paddingTop: theme.spacing(3)
+            paddingTop: theme.spacing(3),
+            position: 'absolute'
           },
           contentFont: createFontStyle(theme, {
             // TODO: select typography.

package/build/module/Accordion/useVariantStyleMap.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useMemo","typographyOf","createFontStyle","useTheme","useVariantStyleMap","variant","theme","container","backgroundColor","palette","surface","supportive","borderRadius","shape","radius","md","content","borderTopColor","border","weak","borderTopWidth","marginHorizontal","spacing","paddingBottom","paddingTop","contentFont","selector","typography","body3","regular","color","text","base","subTitleFont","title","alignItems","paddingLeft","paddingRight","paddingVertical","titleFont","_","fontSize","lineHeight","fontFamily","letterSpacing","strong","borderColor","borderWidth","caption1short","semiBold","borderBottomColor","borderBottomWidth"],"sources":["useVariantStyleMap.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport type { TextStyle } from 'react-native';\nimport type { FountainUiStyle } from '@fountain-ui/styles';\nimport { typographyOf } from '@fountain-ui/styles';\nimport { createFontStyle, useTheme } from '../styles';\nimport type { AccordionVariant } from './AccordionProps';\n\ninterface VariantStyle {\n container: FountainUiStyle;\n content: FountainUiStyle;\n contentFont: TextStyle;\n subTitleFont?: TextStyle;\n title: FountainUiStyle;\n titleFont: TextStyle;\n}\n\nexport default function useVariantStyleMap(variant: AccordionVariant): VariantStyle {\n const theme = useTheme();\n\n return useMemo(() => {\n switch (variant) {\n default:\n case 'solid':\n return {\n container: {\n backgroundColor: theme.palette.surface.supportive,\n borderRadius: theme.shape.radius.md,\n },\n content: {\n borderTopColor: theme.palette.border.weak,\n borderTopWidth: 0.5,\n marginHorizontal: theme.spacing(4),\n paddingBottom: theme.spacing(5),\n paddingTop: theme.spacing(4),\n },\n contentFont: createFontStyle(theme, {\n selector: (typography) => typography.body3.regular,\n color: theme.palette.text.base,\n }),\n subTitleFont: createFontStyle(theme, {\n // TODO: select typography.\n // selector: (typography) => typography.caption1.regular,\n color: theme.palette.text.base,\n }),\n title: {\n alignItems: 'center',\n paddingLeft: theme.spacing(4),\n paddingRight: theme.spacing(2),\n paddingVertical: theme.spacing(4),\n },\n titleFont: createFontStyle(theme, {\n selector: (_) => typographyOf({\n fontSize: 15,\n lineHeight: 19.5,\n fontFamily: 'Pretendard-SemiBold',\n letterSpacing: 0,\n }),\n color: theme.palette.text.strong,\n }),\n };\n case 'line':\n return {\n container: {\n borderColor: theme.palette.border.weak,\n borderRadius: theme.shape.radius.md,\n borderWidth: 1,\n },\n content: {\n borderTopColor: theme.palette.border.weak,\n borderTopWidth: 0.5,\n marginHorizontal: theme.spacing(4),\n paddingBottom: theme.spacing(4),\n paddingTop: theme.spacing(3),\n },\n contentFont: createFontStyle(theme, {\n // TODO: select typography.\n // selector: typography => typography.caption2.regular,\n color: theme.palette.text.base,\n }),\n title: {\n alignItems: 'center',\n paddingBottom: theme.spacing(1),\n paddingLeft: theme.spacing(4),\n paddingRight: theme.spacing(2),\n paddingTop: theme.spacing(0.75),\n },\n titleFont: createFontStyle(theme, {\n selector: (typography) => typography.caption1short.semiBold,\n color: theme.palette.text.base,\n }),\n };\n case 'underline':\n return {\n container: {\n borderBottomColor: theme.palette.border.weak,\n borderBottomWidth: 1,\n },\n content: {\n borderTopColor: theme.palette.border.weak,\n borderTopWidth: 0.5,\n paddingBottom: theme.spacing(5),\n paddingLeft: theme.spacing(0.5),\n paddingRight: theme.spacing(2),\n paddingTop: theme.spacing(4),\n },\n contentFont: createFontStyle(theme, {\n selector: (typography) => typography.body3.regular,\n color: theme.palette.text.base,\n }),\n title: {\n alignItems: 'center',\n paddingLeft: theme.spacing(0.5),\n paddingVertical: theme.spacing(2),\n },\n titleFont: createFontStyle(theme, {\n selector: (_) => typographyOf({\n fontSize: 15,\n lineHeight: 19.5,\n fontFamily: 'Pretendard-SemiBold',\n letterSpacing: 0,\n }),\n color: theme.palette.text.strong,\n }),\n };\n }\n }, [theme, variant]);\n}\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB;AAGA,SAASC,YAAT,QAA6B,qBAA7B;AACA,SAASC,eAAT,EAA0BC,QAA1B,QAA0C,WAA1C;AAYA,eAAe,SAASC,kBAAT,CAA4BC,OAA5B,EAAqE;EAChF,MAAMC,KAAK,GAAGH,QAAQ,EAAtB;EAEA,OAAOH,OAAO,CAAC,MAAM;IACjB,QAAQK,OAAR;MACI;MACA,KAAK,OAAL;QACI,OAAO;UACHE,SAAS,EAAE;YACPC,eAAe,EAAEF,KAAK,CAACG,OAAN,CAAcC,OAAd,CAAsBC,UADhC;YAEPC,YAAY,EAAEN,KAAK,CAACO,KAAN,CAAYC,MAAZ,CAAmBC;UAF1B,CADR;UAKHC,OAAO,EAAE;YACLC,cAAc,EAAEX,KAAK,CAACG,OAAN,CAAcS,MAAd,CAAqBC,IADhC;YAELC,cAAc,EAAE,GAFX;YAGLC,gBAAgB,EAAEf,KAAK,CAACgB,OAAN,CAAc,CAAd,CAHb;YAILC,aAAa,EAAEjB,KAAK,CAACgB,OAAN,CAAc,CAAd,CAJV;YAKLE,UAAU,EAAElB,KAAK,CAACgB,OAAN,CAAc,CAAd;~~UALP~~,CALN;~~UAYHG~~,WAAW,~~EAAEvB~~,eAAe,CAACI,KAAD,EAAQ;~~YAChCoB~~,QAAQ,EAAGC,UAAD,IAAgBA,UAAU,CAACC,KAAX,CAAiBC,OADX;YAEhCC,KAAK,~~EAAExB~~,KAAK,CAACG,OAAN,~~CAAcsB~~,IAAd,CAAmBC;UAFM,CAAR,~~CAZzB~~;~~UAgBHC~~,YAAY,~~EAAE/B~~,eAAe,CAACI,KAAD,EAAQ;YACjC;YACA;~~YACAwB~~,KAAK,~~EAAExB~~,KAAK,CAACG,OAAN,~~CAAcsB~~,IAAd,CAAmBC;UAHO,CAAR,~~CAhB1B~~;~~UAqBHE~~,KAAK,EAAE;YACHC,UAAU,EAAE,QADT;YAEHC,WAAW,~~EAAE9B~~,KAAK,CAACgB,OAAN,CAAc,CAAd,CAFV;~~YAGHe~~,YAAY,~~EAAE/B~~,KAAK,CAACgB,OAAN,CAAc,CAAd,CAHX;~~YAIHgB~~,eAAe,~~EAAEhC~~,KAAK,CAACgB,OAAN,CAAc,CAAd;UAJd,~~CArBJ~~;~~UA2BHiB~~,SAAS,~~EAAErC~~,eAAe,CAACI,KAAD,EAAQ;~~YAC9BoB~~,QAAQ,EAAGc,CAAD,~~IAAOvC~~,YAAY,CAAC;~~cAC1BwC~~,QAAQ,EAAE,EADgB;cAE1BC,UAAU,EAAE,IAFc;cAG1BC,UAAU,EAAE,qBAHc;cAI1BC,aAAa,EAAE;YAJW,CAAD,CADC;YAO9Bd,KAAK,~~EAAExB~~,KAAK,CAACG,OAAN,~~CAAcsB~~,IAAd,CAAmBc;UAPI,CAAR;~~QA3BvB~~,CAAP;;~~MAqCJ~~,KAAK,MAAL;QACI,OAAO;~~UACHtC~~,SAAS,EAAE;~~YACPuC~~,WAAW,~~EAAExC~~,KAAK,CAACG,OAAN,CAAcS,MAAd,CAAqBC,IAD3B;YAEPP,YAAY,EAAEN,KAAK,CAACO,KAAN,CAAYC,MAAZ,CAAmBC,EAF1B;~~YAGPgC~~,WAAW,EAAE;UAHN,CADR;~~UAMH/B~~,OAAO,EAAE;YACLC,cAAc,EAAEX,KAAK,CAACG,OAAN,CAAcS,MAAd,CAAqBC,IADhC;YAELC,cAAc,EAAE,GAFX;YAGLC,gBAAgB,EAAEf,KAAK,CAACgB,OAAN,CAAc,CAAd,CAHb;YAILC,aAAa,EAAEjB,KAAK,CAACgB,OAAN,CAAc,CAAd,CAJV;YAKLE,UAAU,EAAElB,KAAK,CAACgB,OAAN,CAAc,CAAd;~~UALP~~,CANN;~~UAaHG~~,WAAW,~~EAAEvB~~,eAAe,CAACI,KAAD,EAAQ;YAChC;YACA;~~YACAwB~~,KAAK,~~EAAExB~~,KAAK,CAACG,OAAN,~~CAAcsB~~,IAAd,CAAmBC;UAHM,CAAR,~~CAbzB~~;~~UAkBHE~~,KAAK,EAAE;YACHC,UAAU,EAAE,QADT;~~YAEHZ~~,aAAa,EAAEjB,KAAK,CAACgB,OAAN,CAAc,CAAd,CAFZ;~~YAGHc~~,WAAW,~~EAAE9B~~,KAAK,CAACgB,OAAN,CAAc,CAAd,CAHV;~~YAIHe~~,YAAY,~~EAAE/B~~,KAAK,CAACgB,OAAN,CAAc,CAAd,CAJX;YAKHE,UAAU,EAAElB,KAAK,CAACgB,OAAN,CAAc,IAAd;UALT,~~CAlBJ~~;~~UAyBHiB~~,SAAS,~~EAAErC~~,eAAe,CAACI,KAAD,EAAQ;~~YAC9BoB~~,QAAQ,EAAGC,UAAD,IAAgBA,UAAU,CAACqB,aAAX,CAAyBC,QADrB;YAE9BnB,KAAK,~~EAAExB~~,KAAK,CAACG,OAAN,~~CAAcsB~~,IAAd,CAAmBC;UAFI,CAAR;~~QAzBvB~~,CAAP;;~~MA8BJ~~,KAAK,WAAL;QACI,OAAO;~~UACHzB~~,SAAS,EAAE;~~YACP2C~~,iBAAiB,~~EAAE5C~~,KAAK,CAACG,OAAN,CAAcS,MAAd,CAAqBC,IADjC;~~YAEPgC~~,iBAAiB,EAAE;UAFZ,CADR;~~UAKHnC~~,OAAO,EAAE;YACLC,cAAc,EAAEX,KAAK,CAACG,OAAN,CAAcS,MAAd,CAAqBC,IADhC;YAELC,cAAc,EAAE,GAFX;YAGLG,aAAa,EAAEjB,KAAK,CAACgB,OAAN,CAAc,CAAd,CAHV;~~YAILc~~,WAAW,~~EAAE9B~~,KAAK,CAACgB,OAAN,CAAc,GAAd,CAJR;~~YAKLe~~,YAAY,~~EAAE/B~~,KAAK,CAACgB,OAAN,CAAc,CAAd,CALT;YAMLE,UAAU,EAAElB,KAAK,CAACgB,OAAN,CAAc,CAAd;UANP,CALN;~~UAaHG~~,WAAW,~~EAAEvB~~,eAAe,CAACI,KAAD,EAAQ;~~YAChCoB~~,QAAQ,EAAGC,UAAD,IAAgBA,UAAU,CAACC,KAAX,CAAiBC,OADX;YAEhCC,KAAK,~~EAAExB~~,KAAK,CAACG,OAAN,~~CAAcsB~~,IAAd,CAAmBC;UAFM,CAAR,CAbzB;UAiBHE,KAAK,EAAE;YACHC,UAAU,EAAE,QADT;YAEHC,WAAW,~~EAAE9B~~,KAAK,CAACgB,OAAN,CAAc,GAAd,CAFV;~~YAGHgB~~,eAAe,~~EAAEhC~~,KAAK,CAACgB,OAAN,CAAc,CAAd;UAHd,CAjBJ;~~UAsBHiB~~,SAAS,~~EAAErC~~,eAAe,CAACI,KAAD,EAAQ;~~YAC9BoB~~,QAAQ,EAAGc,CAAD,~~IAAOvC~~,YAAY,CAAC;~~cAC1BwC~~,QAAQ,EAAE,EADgB;cAE1BC,UAAU,EAAE,IAFc;cAG1BC,UAAU,EAAE,qBAHc;cAI1BC,aAAa,EAAE;YAJW,CAAD,CADC;YAO9Bd,KAAK,~~EAAExB~~,KAAK,CAACG,OAAN,~~CAAcsB~~,IAAd,CAAmBc;UAPI,CAAR;QAtBvB,CAAP;~~IAxER~~;~~EAyGH~~,~~CA1Ga~~,~~EA0GX~~,~~CAACvC~~,KAAD,EAAQD,OAAR,~~CA1GW~~,CAAd;~~AA2GH~~"}
1	+ {"version":3,"names":["useMemo","typographyOf","createFontStyle","useTheme","useVariantStyleMap","variant","theme","container","backgroundColor","palette","surface","supportive","borderRadius","shape","radius","md","content","borderTopColor","border","weak","borderTopWidth","marginHorizontal","spacing","paddingBottom","paddingTop","position","contentFont","selector","typography","body3","regular","color","text","base","subTitleFont","title","alignItems","paddingLeft","paddingRight","paddingVertical","titleFont","_","fontSize","lineHeight","fontFamily","letterSpacing","strong","borderColor","borderWidth","caption1short","semiBold","borderBottomColor","borderBottomWidth"],"sources":["useVariantStyleMap.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport type { TextStyle } from 'react-native';\nimport type { FountainUiStyle } from '@fountain-ui/styles';\nimport { typographyOf } from '@fountain-ui/styles';\nimport { createFontStyle, useTheme } from '../styles';\nimport type { AccordionVariant } from './AccordionProps';\n\ninterface VariantStyle {\n container: FountainUiStyle;\n content: FountainUiStyle;\n contentFont: TextStyle;\n subTitleFont?: TextStyle;\n title: FountainUiStyle;\n titleFont: TextStyle;\n}\n\nexport default function useVariantStyleMap(variant: AccordionVariant): VariantStyle {\n const theme = useTheme();\n\n return useMemo(() => {\n switch (variant) {\n default:\n case 'solid':\n return {\n container: {\n backgroundColor: theme.palette.surface.supportive,\n borderRadius: theme.shape.radius.md,\n },\n content: {\n borderTopColor: theme.palette.border.weak,\n borderTopWidth: 0.5,\n marginHorizontal: theme.spacing(4),\n paddingBottom: theme.spacing(5),\n paddingTop: theme.spacing(4),\n position: 'absolute',\n },\n contentFont: createFontStyle(theme, {\n selector: (typography) => typography.body3.regular,\n color: theme.palette.text.base,\n }),\n subTitleFont: createFontStyle(theme, {\n // TODO: select typography.\n // selector: (typography) => typography.caption1.regular,\n color: theme.palette.text.base,\n }),\n title: {\n alignItems: 'center',\n paddingLeft: theme.spacing(4),\n paddingRight: theme.spacing(2),\n paddingVertical: theme.spacing(4),\n },\n titleFont: createFontStyle(theme, {\n selector: (_) => typographyOf({\n fontSize: 15,\n lineHeight: 19.5,\n fontFamily: 'Pretendard-SemiBold',\n letterSpacing: 0,\n }),\n color: theme.palette.text.strong,\n }),\n };\n case 'line':\n return {\n container: {\n borderColor: theme.palette.border.weak,\n borderRadius: theme.shape.radius.md,\n borderWidth: 1,\n },\n content: {\n borderTopColor: theme.palette.border.weak,\n borderTopWidth: 0.5,\n marginHorizontal: theme.spacing(4),\n paddingBottom: theme.spacing(4),\n paddingTop: theme.spacing(3),\n position: 'absolute',\n },\n contentFont: createFontStyle(theme, {\n // TODO: select typography.\n // selector: typography => typography.caption2.regular,\n color: theme.palette.text.base,\n }),\n title: {\n alignItems: 'center',\n paddingBottom: theme.spacing(1),\n paddingLeft: theme.spacing(4),\n paddingRight: theme.spacing(2),\n paddingTop: theme.spacing(0.75),\n },\n titleFont: createFontStyle(theme, {\n selector: (typography) => typography.caption1short.semiBold,\n color: theme.palette.text.base,\n }),\n };\n case 'underline':\n return {\n container: {\n borderBottomColor: theme.palette.border.weak,\n borderBottomWidth: 1,\n },\n content: {\n borderTopColor: theme.palette.border.weak,\n borderTopWidth: 0.5,\n paddingBottom: theme.spacing(5),\n paddingLeft: theme.spacing(0.5),\n paddingRight: theme.spacing(2),\n paddingTop: theme.spacing(4),\n },\n contentFont: createFontStyle(theme, {\n selector: (typography) => typography.body3.regular,\n color: theme.palette.text.base,\n }),\n title: {\n alignItems: 'center',\n paddingLeft: theme.spacing(0.5),\n paddingVertical: theme.spacing(2),\n },\n titleFont: createFontStyle(theme, {\n selector: (_) => typographyOf({\n fontSize: 15,\n lineHeight: 19.5,\n fontFamily: 'Pretendard-SemiBold',\n letterSpacing: 0,\n }),\n color: theme.palette.text.strong,\n }),\n };\n }\n }, [theme, variant]);\n}\n"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 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 Paper from '../Paper';
+import { View } from 'react-native';
 import { css, useTheme } from '../styles';
 const useStyles = function () {
@@ -24,16 +24,16 @@ const AppBar = /*#__PURE__*/React.forwardRef(function AppBar(props, ref) {
   } = props;
   const theme = useTheme();
   const styles = useStyles();
-  const backgroundColor = color === 'default' ? theme.palette.background.default : color === 'paper' ? theme.palette.paper.default : color === 'primary' ? theme.palette.primary.main : 'transparent';
+  const backgroundColorMap = {
+    default: theme.palette.background.default,
+    alt: theme.palette.background.alt
+  };
   const paperStyle = css([styles.root, {
-    backgroundColor
+    backgroundColor: backgroundColorMap[color]
   }, style]);
-  return /*#__PURE__*/React.createElement(Paper, _extends({
+  return /*#__PURE__*/React.createElement(View, _extends({
     ref: ref,
-    colorValue: backgroundColor,
-    elevation: 0,
-    style: paperStyle,
-    square: true
+    style: paperStyle
   }, otherProps));
 });
 export default AppBar;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","~~Paper~~","css","useTheme","useStyles","theme","root","flexDirection","flexShrink","width","zIndex","appBar","AppBar","forwardRef","props","ref","color","style","otherProps","styles","~~backgroundColor~~","~~palette~~","~~background~~","~~default~~","~~paper~~","~~primary~~","~~main~~"~~,"paperStyle"~~],"sources":["AppBar.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ~~Paper from '../Paper';\nimport~~ { css, useTheme } from '../styles';\nimport type AppBarProps from './AppBarProps';\n\ntype AppBarStyleKeys = 'root';\n\ntype AppBarStyles = NamedStylesStringUnion<AppBarStyleKeys>;\n\nconst useStyles: UseStyles<AppBarStyles> = function (): AppBarStyles {\n const theme = useTheme();\n\n return {\n root: {\n flexDirection: 'column',\n flexShrink: 0,\n width: '100%',\n zIndex: theme.zIndex.appBar,\n },\n };\n};\n\nconst AppBar = React.forwardRef<View, AppBarProps>(function AppBar(props, ref) {\n const {\n color = 'default',\n style,\n ...otherProps\n } = props;\n\n const theme = useTheme();\n\n const styles = useStyles();\n\n const ~~backgroundColor~~ = ~~color~~ ~~===~~ ~~'default'~~\n ? theme.palette.background.default\n : ~~color === 'paper'\n ?~~ theme.palette.~~paper~~.~~default\~~n ~~: color === 'primary'\n ? theme.palette.primary.main\n : 'transparent'~~;\n\n const paperStyle = css([\n styles.root,\n { backgroundColor },\n style,\n ]);\n\n return (\n <~~Paper~~\n ref={ref}\n ~~colorValue={backgroundColor}\n elevation={0}\n~~ style={paperStyle}\n ~~square=~~{~~true}\n {~~...otherProps}\n />\n );\n});\n\nexport default AppBar;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;~~AAGA~~,~~OAAOC~~,~~KAAP~~,~~MAAkB~~,~~UAAlB~~;~~AACA~~,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;;~~AAOA~~,MAAMC,SAAkC,GAAG,YAA0B;EACjE,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,OAAO;IACHG,IAAI,EAAE;MACFC,aAAa,EAAE,QADb;MAEFC,UAAU,EAAE,CAFV;MAGFC,KAAK,EAAE,MAHL;MAIFC,MAAM,EAAEL,KAAK,CAACK,MAAN,CAAaC;IAJnB;EADH,CAAP;AAQH,CAXD;;AAaA,MAAMC,MAAM,gBAAGZ,KAAK,CAACa,UAAN,CAAoC,SAASD,MAAT,CAAgBE,KAAhB,EAAuBC,GAAvB,EAA4B;EAC3E,MAAM;IACFC,KAAK,GAAG,SADN;IAEFC,KAFE;IAGF,GAAGC;EAHD,IAIFJ,KAJJ;EAMA,MAAMT,KAAK,GAAGF,QAAQ,EAAtB;EAEA,MAAMgB,MAAM,GAAGf,SAAS,EAAxB;EAEA,MAAMgB,~~eAAe~~,~~GAAGJ~~,~~KAAK~~,~~KAAK~~,~~SAAV,GAClBX,~~KAAK,~~CAACgB~~,OAAN,CAAcC,UAAd,~~CAAyBC~~,~~OADP~~,~~GAElBP~~,~~KAAK~~,KAAK,~~OAAV~~,~~GACIX,KAAK,CAACgB,~~OAAN,~~CAAcG~~,~~KAAd~~,~~CAAoBD~~,~~OADxB,GAEIP,KAAK,KAAK,SAAV,GACIX,KAAK,CAACgB,OAAN,CAAcI,OAAd,CAAsBC,IAD1B,GAEI,aANd~~;~~EAQA~~,MAAMC,UAAU,~~GAAGzB~~,GAAG,CAAC,CACnBiB,MAAM,CAACb,IADY,EAEnB;~~IAAEc~~;~~EAAF~~,CAFmB,~~EAGnBH~~,KAHmB,CAAD,CAAtB;EAMA,oBACI,oBAAC,~~KAAD~~;IACI,GAAG,EAAEF,GADT;IAEI,~~UAAU,EAAEK,eAFhB;IAGI,SAAS,EAAE,CAHf;IAII,~~KAAK,~~EAAEO,UAJX~~;~~IAKI~~,~~MAAM~~,~~EAAE;EALZ~~,~~GAMQT,UANR,~~EADJ;~~AAUH~~,~~CAnCc~~,CAAf;~~AAqCA~~,eAAeN,MAAf"}
1	+ {"version":3,"names":["React","View","css","useTheme","useStyles","theme","root","flexDirection","flexShrink","width","zIndex","appBar","AppBar","forwardRef","props","ref","color","style","otherProps","styles","backgroundColorMap","default","palette","background","alt","paperStyle","backgroundColor"],"sources":["AppBar.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport type AppBarProps from './AppBarProps';\nimport type { AppBarColor } from './AppBarProps';\n\ntype AppBarStyleKeys = 'root';\n\ntype AppBarStyles = NamedStylesStringUnion<AppBarStyleKeys>;\n\nconst useStyles: UseStyles<AppBarStyles> = function (): AppBarStyles {\n const theme = useTheme();\n\n return {\n root: {\n flexDirection: 'column',\n flexShrink: 0,\n width: '100%',\n zIndex: theme.zIndex.appBar,\n },\n };\n};\n\nconst AppBar = React.forwardRef<View, AppBarProps>(function AppBar(props, ref) {\n const {\n color = 'default',\n style,\n ...otherProps\n } = props;\n\n const theme = useTheme();\n\n const styles = useStyles();\n\n const backgroundColorMap: Record<AppBarColor, string> = {\n default: theme.palette.background.default,\n alt: theme.palette.background.alt,\n };\n\n const paperStyle = css([\n styles.root,\n { backgroundColor: backgroundColorMap[color] },\n style,\n ]);\n\n return (\n <View\n ref={ref}\n style={paperStyle}\n {...otherProps}\n />\n );\n});\n\nexport default AppBar;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;;AAQA,MAAMC,SAAkC,GAAG,YAA0B;EACjE,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EAEA,OAAO;IACHG,IAAI,EAAE;MACFC,aAAa,EAAE,QADb;MAEFC,UAAU,EAAE,CAFV;MAGFC,KAAK,EAAE,MAHL;MAIFC,MAAM,EAAEL,KAAK,CAACK,MAAN,CAAaC;IAJnB;EADH,CAAP;AAQH,CAXD;;AAaA,MAAMC,MAAM,gBAAGZ,KAAK,CAACa,UAAN,CAAoC,SAASD,MAAT,CAAgBE,KAAhB,EAAuBC,GAAvB,EAA4B;EAC3E,MAAM;IACFC,KAAK,GAAG,SADN;IAEFC,KAFE;IAGF,GAAGC;EAHD,IAIFJ,KAJJ;EAMA,MAAMT,KAAK,GAAGF,QAAQ,EAAtB;EAEA,MAAMgB,MAAM,GAAGf,SAAS,EAAxB;EAEA,MAAMgB,kBAA+C,GAAG;IACpDC,OAAO,EAAEhB,KAAK,CAACiB,OAAN,CAAcC,UAAd,CAAyBF,OADkB;IAEpDG,GAAG,EAAEnB,KAAK,CAACiB,OAAN,CAAcC,UAAd,CAAyBC;EAFsB,CAAxD;EAKA,MAAMC,UAAU,GAAGvB,GAAG,CAAC,CACnBiB,MAAM,CAACb,IADY,EAEnB;IAAEoB,eAAe,EAAEN,kBAAkB,CAACJ,KAAD;EAArC,CAFmB,EAGnBC,KAHmB,CAAD,CAAtB;EAMA,oBACI,oBAAC,IAAD;IACI,GAAG,EAAEF,GADT;IAEI,KAAK,EAAEU;EAFX,GAGQP,UAHR,EADJ;AAOH,CA7Bc,CAAf;AA+BA,eAAeN,MAAf"}

package/build/module/AppBar/AppBarProps.js CHANGED Viewed

@@ -1,2 +1,2 @@
+export const appBarColors = ['default', 'alt'];
 //# sourceMappingURL=AppBarProps.js.map

package/build/module/AppBar/AppBarProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["AppBarProps.ts"],"sourcesContent":["import React from 'react';\nimport type { OverridableComponentProps } from '../types';\nimport type { PaperProps } from '../Paper';\n\nexport ~~type~~ ~~AppBarColor~~ = 'default' \| '~~paper~~' \| ~~'primary'~~ \| ~~'transparent'~~;\n\nexport default interface AppBarProps extends OverridableComponentProps<PaperProps, {\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 'default'\n */\n color?: AppBarColor;\n}> {}\n"],"mappings":""}
1	+ {"version":3,"names":["appBarColors"],"sources":["AppBarProps.ts"],"sourcesContent":["import React from 'react';\nimport type { OverridableComponentProps } from '../types';\nimport type { PaperProps } from '../Paper';\n\nexport const appBarColors = ['default', 'alt'] as const;\nexport type AppBarColor = typeof appBarColors[number];\n\nexport default interface AppBarProps extends OverridableComponentProps<PaperProps, {\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 'default'\n */\n color?: AppBarColor;\n}> {}\n"],"mappings":"AAIA,OAAO,MAAMA,YAAY,GAAG,CAAC,SAAD,EAAY,KAAZ,CAArB"}

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

	@@ -1 +1 @@
1	- {"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './AppBar';\nexport type { default as AppBarProps } from './AppBarProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,UAAxB"}
1	+ {"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './AppBar';\nexport type { default as AppBarProps } from './AppBarProps';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,UAAxB"}

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

@@ -1,2 +1,2 @@
-export { default } from './LegacyBadge';
+export { default } from './Badge';
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './~~LegacyBadge~~';\nexport type { default as BadgeProps } from './~~LegacyBadgeProps~~';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,~~eAAxB~~"}
1	+ {"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './Badge';\nexport type { default as BadgeProps } from './BadgeProps';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,SAAxB"}

package/build/module/Badge/useVariantStyleMap.js CHANGED Viewed

@@ -33,6 +33,20 @@ export default function useVariantStyleMap(variant, size, color) {
       position: 'absolute',
       width: badgeSize
     };
+    const fontStyleMap = {
+      large: typographyOf({
+        fontSize: 14,
+        lineHeight: 14,
+        fontFamily: 'Pretendard-Bold',
+        letterSpacing: -0.7
+      }),
+      medium: typographyOf({
+        fontSize: 12,
+        lineHeight: 12,
+        fontFamily: 'Pretendard-Bold',
+        letterSpacing: -0.6
+      })
+    };
     switch (variant) {
       default:
@@ -49,12 +63,7 @@ export default function useVariantStyleMap(variant, size, color) {
             justifyContent: 'center'
           },
           contentFont: createFontStyle(theme, {
-            selector: _ => typographyOf({
-              fontSize: 12,
-              lineHeight: 12,
-              fontFamily: 'Pretendard-Bold',
-              letterSpacing: -0.6
-            }),
+            selector: _ => fontStyleMap[size],
             color: commonColors.opacity.white['100']
           })
         };