Remove tsx from mdx

docs/contributing.mdx

@@ -6,7 +6,7 @@ cardSubHeadline: Everyone is welcome to make contributions to the design system.
 ---
 
 import workflowImageUrl from './contributing-new-pattern-workflow.svg'
-import { ImageModal } from './components/ImageModal.tsx';
+import { ImageModal } from './components/ImageModal';
 
 ## Reporting Bugs
 

src/components/Accordion/docs/Accordion.mdx

@@ -5,10 +5,10 @@ route: /components/accordion
 ---
 
 import { Playground } from 'docz';
-import { Box } from '../../Box/Box.tsx';
-import { Accordion } from '../Accordion.tsx';
-import { AccordionPropsTable } from './AccordionPropsTable.tsx';
-import { OnExpandExample } from './OnExpandExample.tsx';
+import { Box } from '../../Box/Box';
+import { Accordion } from '../Accordion';
+import { AccordionPropsTable } from './AccordionPropsTable';
+import { OnExpandExample } from './OnExpandExample';
 
 # Accordion
 Accordion component is use to display large amount of content in a compress and progressive way.

src/components/Banner/docs/Banner.mdx

@@ -4,11 +4,11 @@ menu: Components
 route: /components/banner
 ---
 
-import { Banner } from '../Banner.tsx';
+import { Banner } from '../Banner';
 import { Text, Headline, Button } from '../..';
-import { BannerCreator } from './BannerCreator.tsx';
-import { BannerPropsTable } from './BannerPropsTable.tsx';
-import { ContainedBanner } from './ContainedBanner.ts';
+import { BannerCreator } from './BannerCreator';
+import { BannerPropsTable } from './BannerPropsTable';
+import { ContainedBanner } from './ContainedBanner';
 
 # Banner
 

src/components/Box/docs/Box.mdx

@@ -5,7 +5,7 @@ route: /components/box
 ---
 
 import { Playground } from 'docz';
-import { Box } from '../Box.tsx';
+import { Box } from '../Box';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks'
 
 # Box

src/components/Button/docs/Button.mdx

@@ -10,8 +10,8 @@ import { TextButton } from '../TextButton';
 import { Box } from '../../Box/Box';
 import { Headline } from '../../Headline/Headline';
 import { Text } from '../../Text/Text';
-import { TrashBinIcon, CloseIcon } from '../../../icons/index.ts';
-import { ButtonPropsTable } from './ButtonPropsTable.tsx';
+import { TrashBinIcon, CloseIcon } from '../../../icons/index';
+import { ButtonPropsTable } from './ButtonPropsTable';
 import { Combination } from '../../../docs/Combination'
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks'
 

src/components/Card/docs/Card.mdx

@@ -5,8 +5,8 @@ route: /components/card
 ---
 
 import { Playground } from 'docz';
-import { Card } from '../Card.tsx';
-import { Text } from '../../Text/Text.tsx';
+import { Card } from '../Card';
+import { Text } from '../../Text/Text';
 import { CardPropsTable } from './CardPropsTable'
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks'
 import { Combination } from '../../../docs/Combination'

src/components/Checkbox/docs/Checkbox.mdx

@@ -6,7 +6,7 @@ route: /components/Checkbox
 
 import { Playground } from 'docz';
 import { Checkbox } from '../Checkbox';
-import { CheckboxPropsTable } from './CheckboxPropsTable.tsx';
+import { CheckboxPropsTable } from './CheckboxPropsTable';
 
 # Checkbox
 

src/components/Dimming/docs/Dimming.mdx

@@ -5,9 +5,9 @@ route: /components/dimming
 ---
 
 import { Playground } from 'docz';
-import { ItemWrapper } from '../../../../docs/components/ItemWrapper.ts';
-import { Dimming } from '../Dimming.tsx';
-import { DimmingFixedDimensions } from './DimmingFixedDimensions.tsx';
+import { ItemWrapper } from '../../../../docs/components/ItemWrapper';
+import { Dimming } from '../Dimming';
+import { DimmingFixedDimensions } from './DimmingFixedDimensions';
 
 # Dimming
 

src/components/Divider/docs/Divider.mdx

@@ -5,9 +5,9 @@ route: /components/divider
 ---
 
 import { Playground } from 'docz';
-import { ItemWrapper } from '../../../../docs/components/ItemWrapper.ts';
-import { Divider } from '../Divider.tsx';
-import { WrappedHorizontalDivider, WrappedVerticalDivider, SectionPlaceholder } from './WrappedDivider.tsx';
+import { ItemWrapper } from '../../../../docs/components/ItemWrapper';
+import { Divider } from '../Divider';
+import { WrappedHorizontalDivider, WrappedVerticalDivider, SectionPlaceholder } from './WrappedDivider';
 
 # Divider
 

src/components/Grid/docs/Grid.mdx

@@ -5,15 +5,15 @@ route: /components/grid-system
 ---
 
 import { Playground } from 'docz';
-import { Box } from '../../Box/Box.tsx';
-import { Button } from '../../Button/Button.tsx';
+import { Box } from '../../Box/Box';
+import { Button } from '../../Button/Button';
 import { ColumnPropsTable } from './GridPropsTable';
-import { Headline } from '../../Headline/Headline.tsx';
-import { Input } from '../../Input/Input.tsx';
-import { Row, Column } from '../Grid.tsx';
+import { Headline } from '../../Headline/Headline';
+import { Input } from '../../Input/Input';
+import { Row, Column } from '../Grid';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks'
-import { Text } from '../../Text/Text.tsx';
-import { Card } from '../../Card/Card.tsx';
+import { Text } from '../../Text/Text';
+import { Card } from '../../Card/Card';
 
 # Grid System
 

src/components/InlineSpinner/docs/InlineSpinner.mdx

@@ -5,7 +5,7 @@ route: /components/inline-spinner
 ---
 
 import { Playground } from 'docz';
-import { InlineSpinner } from '../InlineSpinner.tsx';
+import { InlineSpinner } from '../InlineSpinner';
 import { Colors } from '../../../essentials';
 import { InlineSpinnerPropsTable } from './InlineSpinnerPropsTable';
 import { Combination } from '../../../docs/Combination';

src/components/Input/docs/Input.mdx

@@ -5,8 +5,8 @@ route: /components/input
 ---
 
 import { Playground } from 'docz';
-import { Input } from '../Input.tsx';
-import { ControlledInput } from './ControlledInput.tsx';
+import { Input } from '../Input';
+import { ControlledInput } from './ControlledInput';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks'
 import { Combination } from '../../../docs/Combination'
 import { InputPropsTable } from './InputPropsTable';

src/components/Label/docs/Label.mdx

@@ -5,7 +5,7 @@ route: /components/label
 ---
 
 import { Playground } from 'docz';
-import { Label } from '../Label.tsx';
+import { Label } from '../Label';
 import { LabelPropsTable } from './LabelPropsTable';
 import { Combination } from '../../../docs/Combination';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks';

src/components/Modal/docs/Modal.mdx

@@ -4,9 +4,9 @@ menu: Components
 route: /components/Modal
 ---
 
-import { Modal } from '../Modal.tsx';
-import { ModalCreator } from './ModalCreator.tsx';
-import { ModalPropsTable } from './ModalPropsTable.tsx';
+import { Modal } from '../Modal';
+import { ModalCreator } from './ModalCreator';
+import { ModalPropsTable } from './ModalPropsTable';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks'
 
 # Modal

src/components/Offcanvas/docs/Offcanvas.mdx

@@ -4,9 +4,9 @@ menu: Components
 route: /components/Offcanvas
 ---
 
-import { Offcanvas } from '../Offcanvas.tsx';
-import { OffcanvasCreator } from './OffcanvasCreator.tsx';
-import { OffcanvasPropsTable } from './OffcanvasPropsTable.tsx';
+import { Offcanvas } from '../Offcanvas';
+import { OffcanvasCreator } from './OffcanvasCreator';
+import { OffcanvasPropsTable } from './OffcanvasPropsTable';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks'
 
 # Offcanvas

src/components/PhoneInput/docs/PhoneInput.mdx

@@ -5,9 +5,9 @@ route: /components/phone-input
 ---
 
 import { Playground } from 'docz';
-import { PhoneInput } from '../PhoneInput.tsx';
-import { PhoneInputPropsTable } from './PhoneInputPropsTable.tsx';
-import { ControlledPhoneInput } from './ControlledPhoneInput.tsx';
+import { PhoneInput } from '../PhoneInput';
+import { PhoneInputPropsTable } from './PhoneInputPropsTable';
+import { ControlledPhoneInput } from './ControlledPhoneInput';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks'
 import {useState} from 'react';
 

src/components/Popover/docs/Popover.mdx

@@ -5,16 +5,16 @@ route: /components/Popover
 ---
 
 import { Playground } from 'docz';
-import { ItemWrapper } from '../../../../docs/components/ItemWrapper.ts';
+import { ItemWrapper } from '../../../../docs/components/ItemWrapper';
 import { SettingsIcon } from '../../../icons/index';
 
 import { Button } from '../../Button/Button';
 import { Text } from '../../Text/Text';
 import { Link } from '../../Link/Link';
 
-import { Popover } from '../Popover.tsx';
+import { Popover } from '../Popover';
 
-import { PopoverPropsTable } from './PopoverPropsTable.tsx';
+import { PopoverPropsTable } from './PopoverPropsTable';
 
 
 # Popover

src/components/RadioButton/docs/RadioButton.mdx

@@ -6,7 +6,7 @@ route: /components/RadioButton
 
 import { Playground } from 'docz';
 import { RadioButton } from '../RadioButton';
-import { RadioButtonPropsTable } from './RadioButtonPropsTable.tsx';
+import { RadioButtonPropsTable } from './RadioButtonPropsTable';
 import { Combination } from '../../../docs/Combination'
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks'
 

src/components/Search/docs/Search.mdx

@@ -6,7 +6,7 @@ route: /components/Search
 
 import { Playground } from 'docz';
 import { SearchPropsTable } from './SearchProps';
-import { ItemWrapper } from '../../../../docs/components/ItemWrapper.ts';
+import { ItemWrapper } from '../../../../docs/components/ItemWrapper';
 import { Headline } from '../../Headline/Headline';
 
 import { Search } from '../Search';

src/components/SelectList/docs/SelectList.mdx

@@ -5,7 +5,7 @@ route: /components/select-list
 ---
 
 
-import { SelectList } from '../SelectList.tsx';
+import { SelectList } from '../SelectList';
 import { SelectListPropsTable } from './SelectListPropsTable';
 import { Playground } from 'docz';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks';

src/components/Text/docs/Text.mdx

@@ -5,10 +5,10 @@ route: /components/text
 ---
 
 import { Playground } from 'docz';
-import { ItemWrapper } from '../../../../docs/components/ItemWrapper.ts';
+import { ItemWrapper } from '../../../../docs/components/ItemWrapper';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks'
-import { Text } from '../Text.tsx';
-import { TextPropsTable } from './TextPropsTable.tsx';
+import { Text } from '../Text';
+import { TextPropsTable } from './TextPropsTable';
 
 # Text
 

src/components/Textarea/docs/Textarea.mdx

@@ -7,7 +7,7 @@ route: /components/textarea
 import { Playground } from 'docz';
 import { ControlledTextarea } from './ControlledTextarea';
 import { Textarea } from '../Textarea';
-import { ItemWrapper } from '../../../../docs/components/ItemWrapper.ts';
+import { ItemWrapper } from '../../../../docs/components/ItemWrapper';
 import { StyledSystemLinks } from '../../../docs/StyledSystemLinks';
 import { TextareaPropsTable } from './TextareaPropsTable';
 

src/components/Tooltip/docs/Tooltip.mdx

@@ -5,8 +5,8 @@ route: /components/tooltip
 ---
 
 import { Playground } from 'docz';
-import { Tooltip } from '../Tooltip.tsx';
-import { TooltipPlacementExample } from './TooltipPlacementExample.tsx';
+import { Tooltip } from '../Tooltip';
+import { TooltipPlacementExample } from './TooltipPlacementExample';
 import { SimpleTooltipExample } from './SimpleTooltipExample';
 import { TooltipPropsTable } from './TooltipPropsTable';
 

src/essentials/Colors/docs/Colors.mdx

@@ -5,7 +5,7 @@ route: /essentials/colors
 ---
 
 import { ColorPalette } from './ColorPalette';
-import { Colors } from '../Colors.ts';
+import { Colors } from '../Colors';
 import { SemanticColorsTable } from './SemanticColorsTable';
 import { ColorPaletteContainer } from './ColorPaletteContainer';