@shoutem/ui 5.1.0 → 5.2.0

package/index.js

@@ -1,97 +1,85 @@
 import { setDefaultThemeStyle } from './init';
 import getTheme, {
+  calculateLineHeight,
   defaultThemeVariables,
   dimensionRelativeToIphone,
-  calculateLineHeight,
   resolveFontFamily,
-  resolveFontWeight,
   resolveFontStyle,
+  resolveFontWeight,
 } from './theme';
 
 setDefaultThemeStyle();
 
 // Theme
 export {
-  getTheme,
+  calculateLineHeight,
   defaultThemeVariables,
   dimensionRelativeToIphone,
-  calculateLineHeight,
+  getTheme,
   resolveFontFamily,
-  resolveFontWeight,
   resolveFontStyle,
+  resolveFontWeight,
 };
 
 export {
+  createScopedResolver,
+  resolveVariable,
   ThemeVariableResolver,
   defaultResolver as variableResolver,
-  resolveVariable,
-  createScopedResolver,
 } from './services';
 
 // Components
 export { ActionSheet } from './components/ActionSheet';
-export { View } from './components/View';
-export { Screen } from './components/Screen';
-
-export { NavigationBar } from './components/NavigationBar';
-export { NavigationBarAnimations } from './components/NavigationBar/NavigationBarAnimations';
+export { Button } from './components/Button';
+export { Card } from './components/Card';
+export { CategoryPicker } from './components/CategoryPicker';
+export { DateTimePicker } from './components/DateTimePicker';
+export { Divider } from './components/Divider';
 export { DropDownMenu, DropDownModal } from './components/DropDownMenu';
-export { Overlay } from './components/Overlay';
-
-export { ScrollView } from './components/ScrollView';
-export { ListView } from './components/ListView';
+export { EmptyListImage } from './components/EmptyListImage';
+export { EmptyStateView } from './components/EmptyStateView';
+export { FormGroup } from './components/FormGroup';
 export { GridRow } from './components/GridRow';
-
-export { TouchableOpacity } from './components/TouchableOpacity';
-export { TouchableNativeFeedback } from './components/TouchableNativeFeedback';
-export { Touchable } from './components/Touchable';
-export { Button } from './components/Button';
+export { HorizontalPager } from './components/HorizontalPager';
 export { Icon, registerIcons } from './components/Icon';
-
-export { FormGroup } from './components/FormGroup';
-export { TextInput } from './components/TextInput';
-
-export { Spinner } from './components/Spinner';
-export { Switch } from './components/Switch';
-
-export { Video } from './components/Video';
 export { Image } from './components/Image';
 export { ImageBackground } from './components/ImageBackground';
-export { ImagePreview } from './components/ImagePreview';
 export { ImageGallery } from './components/ImageGallery';
-export { InlineGallery } from './components/InlineGallery';
 export { ImageGalleryOverlay } from './components/ImageGalleryOverlay';
-export { HorizontalPager } from './components/HorizontalPager';
+export { ImagePreview } from './components/ImagePreview';
+export { InlineDropDownMenu } from './components/InlineDropDownMenu';
+export { InlineGallery } from './components/InlineGallery';
+export { Lightbox } from './components/Lightbox';
+export { LinearGradient } from './components/LinearGradient';
+export { ListView } from './components/ListView';
+export { LoadingContainer } from './components/LoadingContainer';
 export { LoadingIndicator } from './components/LoadingIndicator';
+export { NavigationBar } from './components/NavigationBar';
+export { NavigationBarAnimations } from './components/NavigationBar/NavigationBarAnimations';
+export { NumberInput } from './components/NumberInput';
+export { Overlay } from './components/Overlay';
 export { PageIndicators } from './components/PageIndicators';
-export { Html } from './html';
-export { SimpleHtml } from './html';
-export { ShareButton } from './components/ShareButton';
-export { LinearGradient } from './components/LinearGradient';
-
-export { Heading, Title, Subtitle, Text, Caption } from './components/Text';
-
-export { Divider } from './components/Divider';
-
-export { Card } from './components/Card';
 export { Row } from './components/Row';
-export { Tile } from './components/Tile';
-
-export { Lightbox } from './components/Lightbox';
-
-export { InlineDropDownMenu } from './components/InlineDropDownMenu';
-export { EmptyStateView } from './components/EmptyStateView';
-export { EmptyListImage } from './components/EmptyListImage';
-export { NumberInput } from './components/NumberInput';
+export { Screen } from './components/Screen';
+export { ScrollView } from './components/ScrollView';
 export { SearchField } from './components/SearchField';
+export { ShareButton } from './components/ShareButton';
+export { Spinner } from './components/Spinner';
+export { Switch } from './components/Switch';
 export { TabMenu } from './components/TabMenu';
+export { Caption, Heading, Subtitle, Text, Title } from './components/Text';
+export { TextInput } from './components/TextInput';
+export { Tile } from './components/Tile';
+export { Touchable } from './components/Touchable';
+export { TouchableNativeFeedback } from './components/TouchableNativeFeedback';
+export { TouchableOpacity } from './components/TouchableOpacity';
+export { Video } from './components/Video';
+export { View } from './components/View';
 export { YearRangePicker } from './components/YearRangePicker';
-export { DateTimePicker } from './components/DateTimePicker';
-export { LoadingContainer } from './components/LoadingContainer';
-
 export { Examples } from './examples/components';
-
 export { Device, Keyboard } from './helpers';
+export { Html } from './html';
+export { SimpleHtml } from './html';
 
 // Constants
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shoutem/ui",
-  "version": "5.1.0",
+  "version": "5.2.0",
   "description": "Styleable set of components for React Native applications",
   "scripts": {
     "lint": "eslint .",

package/theme.js

@@ -3015,5 +3015,56 @@ export default () => {
         justifyContent: 'center',
       },
     },
+
+    'shoutem.ui.CategoryPicker': {
+      container: {
+        width: resolveVariable('sizes.window.width'),
+        backgroundColor: resolveVariable('paperColor'),
+        alignItems: 'center',
+        justifyContent: 'center',
+      },
+      listContainer: {
+        backgroundColor: resolveVariable('paperColor'),
+        paddingHorizontal: getSizeRelativeToReference(
+          8,
+          375,
+          resolveVariable('sizes.window.width'),
+        ),
+      },
+      scrollView: {
+        height: getSizeRelativeToReference(
+          60,
+          812,
+          resolveVariable('sizes.window.height'),
+        ),
+      },
+    },
+
+    'shoutem.ui.Category': {
+      container: {
+        padding: getSizeRelativeToReference(
+          15,
+          375,
+          resolveVariable('sizes.window.width'),
+        ),
+      },
+      category: {
+        fontFamily: resolveFontFamily(
+          resolveVariable('text.fontFamily'),
+          '700',
+        ),
+        fontWeight: resolveFontWeight('700'),
+        letterSpacing: -0.165,
+        fontSize: 15,
+        lineHeight: 24,
+      },
+      selectedCategory: {
+        color: changeColorAlpha(resolveVariable('text.color'), 0.5),
+      },
+    },
+
+    'shoutem.ui.ScrollView': {
+      contentContainerStyle: {},
+    },
   };
 };