@tactics/toddle-styleguide 1.2.6 → 1.2.8

package/App.tsx

@@ -69,6 +69,8 @@ import {BackgroundGradientPreview} from './src/components/atoms/background-gradi
 import {PersonInfoCardPreview} from './src/components/organisms/person-info-card/person-info-card.preview';
 import {TimePickerPreview} from './src/components/molecules/time-picker/time-picker.preview';
 import {PopOverActionPreview} from './src/components/templates/popover-action/popover-action.preview';
+import {QuickMessagePreview} from './src/components/atoms/quick-message/quick-message.preview';
+import {TabViewPreview} from './src/components/organisms/tab-view/tab-view.preview';
 
 const Stack = createNativeStackNavigator();
 
@@ -221,6 +223,10 @@ const HomeScreen = ({navigation}: {navigation: any}) => {
         title="Quick Filter"
         onPress={() => navigation.push('quick-filter')}
       />
+      <ReactBtn
+        title="Quick Message"
+        onPress={() => navigation.push('quick-message')}
+      />
       <ReactBtn
         title="Search Input"
         onPress={() => navigation.push('search')}
@@ -243,6 +249,7 @@ const HomeScreen = ({navigation}: {navigation: any}) => {
         onPress={() => navigation.push('split-container')}
       />
       <ReactBtn title="Swiper" onPress={() => navigation.push('swiper')} />
+      <ReactBtn title="Tab View" onPress={() => navigation.push('tab-view')} />
       <ReactBtn title="Tag" onPress={() => navigation.push('tag')} />
       <ReactBtn
         title="Text Bubble"
@@ -403,6 +410,9 @@ function App() {
           <Stack.Screen name="quick-filter">
             {() => <QuickFilterPreview />}
           </Stack.Screen>
+          <Stack.Screen name="quick-message">
+            {() => <QuickMessagePreview />}
+          </Stack.Screen>
           <Stack.Screen name="search">{() => <SearchPreview />}</Stack.Screen>
           <Stack.Screen name="select-link">
             {() => <SelectLinkPreview />}
@@ -420,6 +430,9 @@ function App() {
             {() => <SplitContainerPreview />}
           </Stack.Screen>
           <Stack.Screen name="swiper">{() => <SwipePreview />}</Stack.Screen>
+          <Stack.Screen name="tab-view">
+            {() => <TabViewPreview />}
+          </Stack.Screen>
           <Stack.Screen name="tag">{() => <TagPreview />}</Stack.Screen>
           <Stack.Screen name="textBubble">
             {() => <TextBubblePreview />}

package/index.d.ts

@@ -54,6 +54,8 @@ import { BackgroundGradient } from './src/components/atoms/background-gradient/b
 import { PersonInfoCard } from './src/components/organisms/person-info-card/person-info-card.component';
 import { TimePicker } from './src/components/molecules/time-picker/time-picker.component';
 import { PopOverAction } from './src/components/templates/popover-action/popover-action.component';
+import { QuickMessage } from './src/components/atoms/quick-message/quick-message.component';
+import { TabView } from './src/components/organisms/tab-view/tab-view.component';
 import { BubbleAlignment } from './src/types/bubble-alignment.enum';
 import { KeyBoardTypes } from './src/types/keyboard-types.enum';
 import { Size } from './src/types/size.enum';
@@ -63,4 +65,4 @@ import { ToddleDateTime } from './src/utilities/toddle-datetime/toddle-datetime.
 import { ThemeCtx } from './src/context/theme.context';
 import { Scale } from './src/theme/scale/index';
 import CreateResponsiveStyle from './src/theme/responsive/index';
-export { Initials, BubbleAlignment, KeyBoardTypes, Size, Scale, CreateResponsiveStyle, VisualState, ThemeCtx, ToddleDateTime, Avatar, Button, CancelLink, Check, Checkbox, ChildListItem, ContactItem, FilterTab, SplitContainer, ImageBubble, Info, Pill, Popover, PressableIcon, QuickFilter, Search, SelectListItem, Snackbar, Tag, TextBubble, TextInput, TimeTracker, WideButton, Icon, Calendar, IncrementInput, Swipe, Logo, DaySelect, BlockedMessage, DepartmentLogo, ContactRole, TimeLine, SelectPicker, CalendarSelect, DateInput, FilterRange, Footer, DefaultSelect, PasswordInput, MessageInput, Heading1, Heading2, Heading3, Heading4, AllCapsHeading, Paragraph, SmallText, TinyText, SelectLink, MyChildListItem, MoreInfoButton, LanguageButton, Modal, LoadingIndicator, WaveBackground, BackgroundGradient, PersonInfoCard, TimePicker, PopOverAction, };
+export { AllCapsHeading, Avatar, BackgroundGradient, BlockedMessage, Button, Calendar, CalendarSelect, CancelLink, Check, Checkbox, ChildListItem, ContactItem, ContactRole, DateInput, DaySelect, DefaultSelect, DepartmentLogo, FilterRange, FilterTab, Footer, Heading1, Heading2, Heading3, Heading4, Icon, ImageBubble, IncrementInput, Info, LanguageButton, LoadingIndicator, Logo, MessageInput, Modal, MoreInfoButton, MyChildListItem, Paragraph, PasswordInput, PersonInfoCard, Pill, Popover, PopOverAction, PressableIcon, QuickFilter, QuickMessage, Search, SelectLink, SelectListItem, SelectPicker, SmallText, Snackbar, SplitContainer, Swipe, TabView, Tag, TextBubble, TextInput, TimeLine, TimePicker, TimeTracker, TinyText, WaveBackground, WideButton, BubbleAlignment, Initials, KeyBoardTypes, Size, ThemeCtx, ToddleDateTime, VisualState, CreateResponsiveStyle, Scale, };

package/index.tsx

@@ -72,6 +72,8 @@ import {BackgroundGradient} from './src/components/atoms/background-gradient/bac
 import {PersonInfoCard} from './src/components/organisms/person-info-card/person-info-card.component';
 import {TimePicker} from './src/components/molecules/time-picker/time-picker.component';
 import {PopOverAction} from './src/components/templates/popover-action/popover-action.component';
+import {QuickMessage} from './src/components/atoms/quick-message/quick-message.component';
+import {TabView} from './src/components/organisms/tab-view/tab-view.component';
 
 // Exports of enums
 import {BubbleAlignment} from './src/types/bubble-alignment.enum';
@@ -95,73 +97,75 @@ import {Scale} from './src/theme/scale/index';
 import CreateResponsiveStyle from './src/theme/responsive/index';
 
 export {
-  Initials,
-  BubbleAlignment,
-  KeyBoardTypes,
-  Size,
-  Scale,
-  CreateResponsiveStyle,
-  VisualState,
-  ThemeCtx,
-  ToddleDateTime,
+  AllCapsHeading,
   Avatar,
+  BackgroundGradient,
+  BlockedMessage,
   Button,
+  Calendar,
+  CalendarSelect,
   CancelLink,
   Check,
   Checkbox,
   ChildListItem,
   ContactItem,
+  ContactRole,
+  DateInput,
+  DaySelect,
+  DefaultSelect,
+  DepartmentLogo,
+  FilterRange,
   FilterTab,
-  SplitContainer,
+  Footer,
+  Heading1,
+  Heading2,
+  Heading3,
+  Heading4,
+  Icon,
   ImageBubble,
+  IncrementInput,
   Info,
+  LanguageButton,
+  LoadingIndicator,
+  Logo,
+  MessageInput,
+  Modal,
+  MoreInfoButton,
+  MyChildListItem,
+  Paragraph,
+  PasswordInput,
+  PersonInfoCard,
   Pill,
   Popover,
+  PopOverAction,
   PressableIcon,
   QuickFilter,
+  QuickMessage,
   Search,
+  SelectLink,
   SelectListItem,
+  SelectPicker,
+  SmallText,
   Snackbar,
+  SplitContainer,
+  Swipe,
+  TabView,
   Tag,
   TextBubble,
   TextInput,
-  TimeTracker,
-  WideButton,
-  Icon,
-  Calendar,
-  IncrementInput,
-  Swipe,
-  Logo,
-  DaySelect,
-  BlockedMessage,
-  DepartmentLogo,
-  ContactRole,
   TimeLine,
-  SelectPicker,
-  CalendarSelect,
-  DateInput,
-  FilterRange,
-  Footer,
-  DefaultSelect,
-  PasswordInput,
-  MessageInput,
-  Heading1,
-  Heading2,
-  Heading3,
-  Heading4,
-  AllCapsHeading,
-  Paragraph,
-  SmallText,
+  TimePicker,
+  TimeTracker,
   TinyText,
-  SelectLink,
-  MyChildListItem,
-  MoreInfoButton,
-  LanguageButton,
-  Modal,
-  LoadingIndicator,
   WaveBackground,
-  BackgroundGradient,
-  PersonInfoCard,
-  TimePicker,
-  PopOverAction,
+  WideButton,
+  BubbleAlignment,
+  Initials,
+  KeyBoardTypes,
+  Size,
+  ThemeCtx,
+  ToddleDateTime,
+  VisualState,
+  CreateResponsiveStyle,
+  Scale,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tactics/toddle-styleguide",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "main": "index.tsx",
   "types": "index.d.ts",
   "prepublish": "tsc",

package/src/components/atoms/backdrop/backdrop.component.d.ts

@@ -1,6 +1,9 @@
 type PopoverBackdropProps = {
-    isVisible: boolean;
-    touchBackDrop?: (value: boolean) => void;
+  isVisible: boolean;
+  touchBackDrop?: (value: boolean) => void;
 };
-declare const Backdrop: ({ isVisible, touchBackDrop }: PopoverBackdropProps) => JSX.Element;
-export { Backdrop as Backdrop };
+declare const Backdrop: ({
+  isVisible,
+  touchBackDrop,
+}: PopoverBackdropProps) => JSX.Element;
+export {Backdrop as Backdrop};