@tactics/toddle-styleguide 0.1.10 → 0.1.11

package/App.tsx

@@ -55,6 +55,8 @@ import {FooterPreview} from './src/components/atoms/footer/footer.preview';
 import {DefaulSelectPreview} from './src/components/atoms/default-select/default-select.preview';
 import {PasswordInputPreview} from './src/components/atoms/password-input/password-input.preview';
 import {MessageInputPreview} from './src/components/atoms/message-input/message-input.preview';
+import {HeadingsPreview} from './src/components/atoms/heading-components/headings.preview';
+import {ParagraphComponentsPreview} from './src/components/atoms/paragraph-components/paragraph-components.preview';
 
 const Stack = createNativeStackNavigator();
 
@@ -205,6 +207,11 @@ const HomeScreen = ({navigation}: {navigation: any}) => {
         title="Message input"
         onPress={() => navigation.push('message-input')}
       />
+      <ReactBtn title="Headings" onPress={() => navigation.push('headings')} />
+      <ReactBtn
+        title="Paragraphs"
+        onPress={() => navigation.push('paragraphs')}
+      />
     </ScrollView>
   );
 };
@@ -335,6 +342,12 @@ function App() {
           <Stack.Screen name="message-input">
             {() => <MessageInputPreview />}
           </Stack.Screen>
+          <Stack.Screen name="headings">
+            {() => <HeadingsPreview />}
+          </Stack.Screen>
+          <Stack.Screen name="paragraphs">
+            {() => <ParagraphComponentsPreview />}
+          </Stack.Screen>
         </Stack.Navigator>
       </NavigationContainer>
     </ThemeCtx.Provider>

package/index.d.ts

@@ -41,11 +41,20 @@ import { Footer } from './src/components/atoms/footer/footer.component';
 import { DefaultSelect } from './src/components/atoms/default-select/default-select.component';
 import { PasswordInput } from './src/components/atoms/password-input/password-input.component';
 import { MessageInput } from './src/components/atoms/message-input/message-input.component';
+import { Heading1 } from './src/components/atoms/heading-components/heading1/heading1.component';
+import { Heading2 } from './src/components/atoms/heading-components/heading2/heading2.component';
+import { Heading3 } from './src/components/atoms/heading-components/heading3/heading3.component';
+import { Heading4 } from './src/components/atoms/heading-components/heading4/heading4.component';
+import { AllCapsHeading } from './src/components/atoms/heading-components/all-caps-heading/all-caps-heading.component';
+import { Paragraph } from './src/components/atoms/paragraph-components/paragraph/paragraph.component';
+import { SmallText } from './src/components/atoms/paragraph-components/small-text/small-text.component';
+import { TinyText } from './src/components/atoms/paragraph-components/tiny-text/tiny-text.component';
 import { BubbleAlignment } from './src/types/bubble-alignment.enum';
 import { KeyBoardTypes } from './src/types/keyboard-types.enum';
 import { Size } from './src/types/size.enum';
 import { VisualState } from './src/types/visual-state.enum';
 import { Initials } from './src/models/initials.model';
+import { ToddleDateTime } from './src/utilities/toddle-datetime/toddle-datetime.class';
 import { ThemeCtx } from './src/context/theme.context';
 import { Scale } from './src/theme/scale/index';
-export { Initials, BubbleAlignment, KeyBoardTypes, Size, Scale, VisualState, ThemeCtx, 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, };
+export { Initials, BubbleAlignment, KeyBoardTypes, Size, Scale, 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, };

package/index.tsx

@@ -49,6 +49,14 @@ import {Footer} from './src/components/atoms/footer/footer.component';
 import {DefaultSelect} from './src/components/atoms/default-select/default-select.component';
 import {PasswordInput} from './src/components/atoms/password-input/password-input.component';
 import {MessageInput} from './src/components/atoms/message-input/message-input.component';
+import {Heading1} from './src/components/atoms/heading-components/heading1/heading1.component';
+import {Heading2} from './src/components/atoms/heading-components/heading2/heading2.component';
+import {Heading3} from './src/components/atoms/heading-components/heading3/heading3.component';
+import {Heading4} from './src/components/atoms/heading-components/heading4/heading4.component';
+import {AllCapsHeading} from './src/components/atoms/heading-components/all-caps-heading/all-caps-heading.component';
+import {Paragraph} from './src/components/atoms/paragraph-components/paragraph/paragraph.component';
+import {SmallText} from './src/components/atoms/paragraph-components/small-text/small-text.component';
+import {TinyText} from './src/components/atoms/paragraph-components/tiny-text/tiny-text.component';
 
 // Exports of enums
 import {BubbleAlignment} from './src/types/bubble-alignment.enum';
@@ -59,6 +67,9 @@ import {VisualState} from './src/types/visual-state.enum';
 // Exports of models
 import {Initials} from './src/models/initials.model';
 
+// Exports of classes
+import {ToddleDateTime} from './src/utilities/toddle-datetime/toddle-datetime.class';
+
 // Exports of context
 import {ThemeCtx} from './src/context/theme.context';
 
@@ -73,6 +84,7 @@ export {
   Scale,
   VisualState,
   ThemeCtx,
+  ToddleDateTime,
   Avatar,
   Button,
   CancelLink,
@@ -114,4 +126,12 @@ export {
   DefaultSelect,
   PasswordInput,
   MessageInput,
+  Heading1,
+  Heading2,
+  Heading3,
+  Heading4,
+  AllCapsHeading,
+  Paragraph,
+  SmallText,
+  TinyText,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tactics/toddle-styleguide",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "main": "index.tsx",
   "types": "index.d.ts",
   "prepublish": "tsc",
@@ -9,7 +9,7 @@
     "start": "./node_modules/.bin/tsc && ./node_modules/.bin/expo start",
     "test": "./node_modules/.bin/jest",
     "format": "./node_modules/.bin/prettier --write src/.",
-    "types": "./node_modules/.bin/tsc index.tsx --declaration --allowJs --emitDeclarationOnly --esModuleInterop --jsx react-native --skipLibCheck"
+    "types": "./node_modules/.bin/tsc index.tsx --declaration --allowJs --emitDeclarationOnly --esModuleInterop --jsx react-native --skipLibCheck --target es5"
   },
   "engineStrict": true,
   "engines": {