@tactics/toddle-styleguide 1.2.1 → 1.2.2

package/App.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import 'intl';
 import 'intl/locale-data/jsonp/en';
 declare function App(): JSX.Element;

package/App.tsx

@@ -408,16 +408,14 @@ function App() {
           <Stack.Screen name="language-button">
             {() => <LanguageButtonPreview />}
           </Stack.Screen>
-          <Stack.Screen name="modal" options={{headerShown: false}}>
-            {() => <ModalPreview />}
-          </Stack.Screen>
-          <Stack.Screen name="wave" options={{headerShown: false}}>
+          <Stack.Screen name="modal">{() => <ModalPreview />}</Stack.Screen>
+          <Stack.Screen name="wave">
             {() => <WaveBackgroundPreview />}
           </Stack.Screen>
-          <Stack.Screen name="loading-indicator" options={{headerShown: false}}>
+          <Stack.Screen name="loading-indicator">
             {() => <LoadingIndicatorPreview />}
           </Stack.Screen>
-          <Stack.Screen name="toddle-datetime" options={{headerShown: false}}>
+          <Stack.Screen name="toddle-datetime">
             {() => <ToddleDateTimePreview />}
           </Stack.Screen>
           <Stack.Screen name="background-gradient">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tactics/toddle-styleguide",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "main": "index.tsx",
   "types": "index.d.ts",
   "prepublish": "tsc",
@@ -17,33 +17,33 @@
   "packageManager": "yarn@3.3.1",
   "dependencies": {
     "@callstack/react-theme-provider": "^3.0.8",
-    "@expo/config-plugins": "~6.0.0",
-    "@expo/webpack-config": "^18.0.1",
-    "@miblanchard/react-native-slider": "^2.1.0",
+    "@expo/config-plugins": "~6.0.2",
+    "@expo/webpack-config": "^18.1.0",
+    "@miblanchard/react-native-slider": "^2.3.1",
     "@react-native-picker/picker": "2.4.8",
-    "@react-navigation/bottom-tabs": "^6.4.0",
-    "@react-navigation/drawer": "^6.5.0",
-    "@react-navigation/native": "^6.0.13",
-    "@react-navigation/native-stack": "^6.9.1",
-    "@react-navigation/stack": "^6.3.3",
+    "@react-navigation/bottom-tabs": "^6.5.8",
+    "@react-navigation/drawer": "^6.6.3",
+    "@react-navigation/native": "^6.1.7",
+    "@react-navigation/native-stack": "^6.9.13",
+    "@react-navigation/stack": "^6.3.17",
     "@tactics/kinderopvang-branding": "1.0.3",
-    "@testing-library/react-native": "^11.5.3",
-    "@types/luxon": "^3.2.0",
+    "@testing-library/react-native": "^12.1.2",
+    "@types/luxon": "^3.3.0",
     "@types/xdate": "^0.8.32",
-    "expo": "^48.0.0",
+    "expo": "^48.0.19",
     "expo-font": "~11.1.1",
     "expo-linear-gradient": "~12.1.2",
     "expo-status-bar": "~1.4.4",
     "intl": "^1.2.5",
-    "jsc-android": "^250230.2.1",
-    "lottie-ios": "3.4.1",
+    "jsc-android": "^250231.0.0",
+    "lottie-ios": "4.2.0",
     "lottie-react-native": "5.1.4",
     "luxon": "^3.3.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-native": "0.71.6",
+    "react-native": "0.71.8",
     "react-native-calendar-strip": "^2.2.6",
-    "react-native-calendars": "^1.1293.0",
+    "react-native-calendars": "^1.1299.0",
     "react-native-gesture-handler": "~2.9.0",
     "react-native-picker-select": "^8.0.4",
     "react-native-reanimated": "~2.14.4",
@@ -52,22 +52,22 @@
     "react-native-svg": "13.4.0",
     "react-native-swipe-gestures": "^1.0.5",
     "react-native-swiper": "^1.6.0",
-    "react-native-web": "~0.18.7",
+    "react-native-web": "~0.18.10",
     "react-test-renderer": "^18.2.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.0",
-    "@babel/preset-typescript": "^7.18.6",
-    "@types/jest": "^29.2.1",
-    "@types/luxon": "^3.2.0",
-    "@types/node": "^18.11.7",
+    "@babel/core": "^7.22.5",
+    "@babel/preset-typescript": "^7.22.5",
+    "@types/jest": "^29.5.2",
+    "@types/luxon": "^3.3.0",
+    "@types/node": "^20.3.1",
     "@types/react": "~18.0.27",
     "@types/react-dom": "~18.0.10",
     "@types/react-test-renderer": "^18.0.0",
-    "jest": "^29.2.2",
-    "jest-expo": "^46.0.1",
-    "prettier": "2.7.1",
-    "ts-jest": "^29.0.3",
+    "jest": "^29.5.0",
+    "jest-expo": "^48.0.2",
+    "prettier": "2.8.8",
+    "ts-jest": "^29.1.0",
     "ts-node": "^10.9.1",
     "typescript": "^4.9.4"
   }

package/src/components/atoms/animated-wave/animated-wave.component.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const AnimatedWave: () => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type PopoverBackdropProps = {
     isVisible: boolean;
 };

package/src/components/atoms/background-gradient/background-gradient.component.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const BackgroundGradient: () => JSX.Element;

package/src/components/atoms/background-gradient/background-gradient.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const BackgroundGradientPreview: ({}: {}) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ToddleDateTime } from '../../../utilities/toddle-datetime/toddle-datetime.class';
 type CalendarProps = {
     onDayPress: (day: ToddleDateTime) => void;

package/src/components/atoms/calendar/calendar.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CalendarPreview: ({}: {}) => JSX.Element;

package/src/components/atoms/check-switch/check-switch.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type CheckProps = {
     value: boolean;
     onToggle: () => void;

package/src/components/atoms/check-switch/check-switch.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CheckPreview: ({}: {}) => JSX.Element;

package/src/components/atoms/footer/footer.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const FooterPreview: ({}: {}) => JSX.Element;

package/src/components/atoms/footer/footer.preview.tsx

@@ -30,9 +30,6 @@ export const FooterPreview = ({}: {}) => {
             height: 42,
             justifyContent: 'center',
             alignItems: 'center',
-            borderStyle: 'solid',
-            borderWidth: 1,
-            borderColor: 'blue',
           }}
           onPress={() => console.log('pressed icon')}
         >

package/src/components/atoms/heading-components/all-caps-heading/all-caps-heading.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TextProperties } from '../../../../types/text-properties.type';
 export declare const AllCapsHeading: ({ bold, children, textColor, textAlign, numberOfLines, ellipsizeMode, addStyle, }: TextProperties) => JSX.Element;

package/src/components/atoms/heading-components/heading1/heading1.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TextProperties } from '../../../../types/text-properties.type';
 export declare const Heading1: ({ bold, children, textColor, textAlign, addStyle, ellipsizeMode, numberOfLines, }: TextProperties) => JSX.Element;

package/src/components/atoms/heading-components/heading2/heading2.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TextProperties } from '../../../../types/text-properties.type';
 export declare const Heading2: ({ bold, children, textColor, textAlign, numberOfLines, ellipsizeMode, addStyle, }: TextProperties) => JSX.Element;

package/src/components/atoms/heading-components/heading3/heading3.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TextProperties } from '../../../../types/text-properties.type';
 export declare const Heading3: ({ bold, children, textColor, textAlign, addStyle, numberOfLines, ellipsizeMode, }: TextProperties) => JSX.Element;

package/src/components/atoms/heading-components/heading4/heading4.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TextProperties } from '../../../../types/text-properties.type';
 export declare const Heading4: ({ bold, children, textColor, textAlign, addStyle, numberOfLines, ellipsizeMode, }: TextProperties) => JSX.Element;

package/src/components/atoms/heading-components/headings.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const HeadingsPreview: ({}: {}) => JSX.Element;

package/src/components/atoms/image-bubble/image-bubble.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ImageSourcePropType } from 'react-native';
 import { BubbleAlignment } from '../../../types/bubble-alignment.enum';
 type ImageBubbleProps = {

package/src/components/atoms/image-bubble/image-bubble.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ImageBubblePreview: ({}: {}) => JSX.Element;

package/src/components/atoms/increment-input/increment-input.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type IncrementInputProps = {
     value: number;
     maxValue?: number;

package/src/components/atoms/increment-input/increment-input.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const IncrementInputPreview: ({}: {}) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type logoProps = {
     colorIsWhite?: boolean;
     big?: boolean;

package/src/components/atoms/logo/logo.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const LogoPreview: ({}: {}) => JSX.Element;

package/src/components/atoms/paragraph-components/paragraph/paragraph.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TextProperties } from '../../../../types/text-properties.type';
 export declare const Paragraph: ({ bold, children, textColor, textAlign, addStyle, numberOfLines, ellipsizeMode, }: TextProperties) => JSX.Element;

package/src/components/atoms/paragraph-components/paragraph-components.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ParagraphComponentsPreview: ({}: {}) => JSX.Element;

package/src/components/atoms/paragraph-components/small-text/small-text.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TextProperties } from '../../../../types/text-properties.type';
 export declare const SmallText: ({ bold, textColor, textAlign, children, addStyle, ellipsizeMode, numberOfLines, }: TextProperties) => JSX.Element;

package/src/components/atoms/paragraph-components/tiny-text/tiny-text.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TextProperties } from '../../../../types/text-properties.type';
 export declare const TinyText: ({ bold, children, textColor, textAlign, addStyle, numberOfLines, ellipsizeMode, }: TextProperties) => JSX.Element;

package/src/components/atoms/split-container/split-container.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const SplitContainerPreview: ({}: {}) => JSX.Element;

package/src/components/atoms/static-wave/static-wave.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ViewStyle } from 'react-native';
 export type WaveProps = {
     customStyle?: ViewStyle;

package/src/components/atoms/text-input/text-input.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { KeyBoardTypes } from '../../../types/keyboard-types.enum';
 type TextInputProps = {
     placeholder?: string;

package/src/components/atoms/text-input/text-input.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const TextInputPreview: ({}?: {}) => JSX.Element;

package/src/components/molecules/avatar/avatar.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ImageSourcePropType } from 'react-native';
 import { Size } from '../../../types/size.enum';
 import { Initials } from '../../../models/initials.model';

package/src/components/molecules/avatar/avatar.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const AvatarPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/blocked-message/blocked-message.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type BlockedMessageProps = {
     message: string;
 };

package/src/components/molecules/blocked-message/blocked-message.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const BlockedMessagePreview: ({}: {}) => JSX.Element;

package/src/components/molecules/button/button.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconNameType, IconStyleType } from '../../../types/icontype.type';
 type ButtonProps = {
     label: string;

package/src/components/molecules/button/button.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ButtonPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/calendar-select/calendar-select.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ToddleDateTime } from '../../../utilities/toddle-datetime/toddle-datetime.class';
 type CalendarSelectProps = {
     onPressDate: (date: ToddleDateTime) => void;

package/src/components/molecules/calendar-select/calendar-select.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CalendarSelectPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/cancel-link/cancel-link.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type CancelLinkProps = {
     label: string;
     onPress: () => void;

package/src/components/molecules/cancel-link/cancel-link.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CancelLinkPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/checkbox/checkbox.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type CheckboxProps = {
     value: boolean;
     onValueChange: () => void;

package/src/components/molecules/checkbox/checkbox.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CheckboxPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/contact-role/contact-role.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type ContactRoleProps = {
     name: string;
     role?: string;

package/src/components/molecules/contact-role/contact-role.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ContactRolePreview: ({}: {}) => JSX.Element;

package/src/components/molecules/date-input/date-input.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ToddleDateTime } from '../../../utilities/toddle-datetime/toddle-datetime.class';
 type DateInputProps = {
     onPress: () => void;

package/src/components/molecules/date-input/date-input.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const DateInputPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/day/day.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ToddleDateTime } from '../../../utilities/toddle-datetime/toddle-datetime.class';
 type DayProps = {
     date: ToddleDateTime;

package/src/components/molecules/default-select/default-select.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type DefaultSelectProps = {
     label: string;
     onPress: () => void;

package/src/components/molecules/default-select/default-select.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const DefaultSelectPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/department_logo/department-logo.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type DepartmentLogoProps = {
     department: string;
 };

package/src/components/molecules/department_logo/department-logo.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const DepartmentLogoPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/failed-to-send/failed-bubble.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type FailedBubbleProps = {
     text: string;
     onPressRefresh: () => void;

package/src/components/molecules/filter-range/filter-range.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type FilterRangeProps = {
     value: number | number[];
     onChange: (value: number | number[]) => void;

package/src/components/molecules/filter-range/filter-range.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const FilterRangePreview: ({}: {}) => JSX.Element;

package/src/components/molecules/filter-tab/filter-tab.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type FilterTab = {
     tabItem: {
         value: string;

package/src/components/molecules/filter-tab/filter-tab.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const FilterTabPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/info/info.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type InfoProps = {
     label: string;
     description: string;

package/src/components/molecules/info/info.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const InfoPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/language-button/language-button.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type LanguageButtonProps = {
     label: string;
     onPress?: () => void;

package/src/components/molecules/language-button/language-button.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const LanguageButtonPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/message-input/message-input.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { KeyBoardTypes } from '../../../types/keyboard-types.enum';
 type MessageInputProps = {
     placeholder?: string;

package/src/components/molecules/message-input/message-input.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const MessageInputPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/more-info-button/more-info-button.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type MoreInfoButtonProps = {
     label: string;
     onPress?: () => void;

package/src/components/molecules/more-info-button/more-info-button.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const MoreInfoButtonPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/password-input/password-input.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { KeyBoardTypes } from '../../../types/keyboard-types.enum';
 type PasswordInputProps = {
     placeholder?: string;

package/src/components/molecules/password-input/password-input.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const PasswordInputPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/pill/pill.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { VisualState } from '../../../types/visual-state.enum';
 type PillProps = {
     visualState: VisualState;

package/src/components/molecules/pill/pill.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const PillPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/pressable-icon/pressable-icon.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const PressableIconPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/quick-filter/quick-filter.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { VisualState } from '../../../types/visual-state.enum';
 type QuickFilterProps = {
     id: string;

package/src/components/molecules/quick-filter/quick-filter.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const QuickFilterPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/search-input/search.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { KeyBoardTypes } from '../../../types/keyboard-types.enum';
 type SearchProps = {
     placeholder?: string;

package/src/components/molecules/search-input/search.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const SearchPreview: ({}?: {}) => JSX.Element;

package/src/components/molecules/select-link/select-link.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type SelectLinkProps = {
     label: string;
     onPress: () => void;

package/src/components/molecules/select-link/select-link.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const SelectLinkPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/select-list-item/select-list-item-preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const SelectListItemPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/select-picker/select-picker.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type PickerProps = {
     placeholder?: string;
     data: {

package/src/components/molecules/select-picker/select-picker.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const SelectPickerPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/send-bubble/send-text-bubble.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BubbleAlignment } from '../../../types/bubble-alignment.enum';
 import { VisualState } from '../../../types/visual-state.enum';
 type FailedBubbleProps = {

package/src/components/molecules/snackbar/snackbar.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { VisualState } from '../../../types/visual-state.enum';
 type SnackbarProps = {
     text: string;

package/src/components/molecules/snackbar/snackbar.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const SnackbarPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/swipe/swipe.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const SwipePreview: ({}: {}) => JSX.Element;

package/src/components/molecules/tag/tag.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface TagPressEvent {
     value: string;
     isSelected: boolean;

package/src/components/molecules/tag/tag.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const TagPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/time-tracker/time-tracker.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { VisualState } from '../../../types/visual-state.enum';
 type TimeTrackerProps = {
     text: string;

package/src/components/molecules/time-tracker/time-tracker.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const TimeTrackerPreview: ({}: {}) => JSX.Element;

package/src/components/molecules/timeline/timeline.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type TimelineProps = {
     checkIn: string;
     checkOut?: string;

package/src/components/molecules/timeline/timeline.preview.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const TimeLinePreview: ({}: {}) => JSX.Element;

package/src/components/molecules/timestamp/timestamp.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ToddleDateTime } from '../../../utilities/toddle-datetime/toddle-datetime.class';
 type TimestampProps = {
     sent: ToddleDateTime;

package/src/components/molecules/wave-background/wave.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { WaveProps } from '../../atoms/static-wave/static-wave.component';
 export declare const WaveBackground: ({ customWavePath, customStyle, heightSvgContainer, positionTop, }: WaveProps) => JSX.Element;