chore: export templates

packages/html/src/action-sheet/templates/action-sheet-left.tsx

@@ -3,3 +3,5 @@ import { ActionSheetNormal } from './action-sheet-normal';
 export const ActionSheetLeft = (props) => (
     <ActionSheetNormal side="left" {...props}/>
 );
+
+export default ActionSheetLeft;

packages/html/src/action-sheet/templates/action-sheet-normal.tsx

@@ -13,3 +13,5 @@ export const ActionSheetNormal = (props) => (
     {...props}>
     </ActionSheet>
 );
+
+export default ActionSheetNormal;

packages/html/src/action-sheet/templates/action-sheet-right.tsx

@@ -3,3 +3,5 @@ import { ActionSheetNormal } from './action-sheet-normal';
 export const ActionSheetRight = (props) => (
     <ActionSheetNormal side="right" {...props}/>
 );
+
+export default ActionSheetRight;

packages/html/src/action-sheet/templates/action-sheet-top.tsx

@@ -3,3 +3,5 @@ import { ActionSheetNormal } from './action-sheet-normal';
 export const ActionSheetTop = (props) => (
     <ActionSheetNormal side="top" {...props}/>
 );
+
+export default ActionSheetTop;

packages/html/src/appbar/templates/appbar-normal.tsx

@@ -29,3 +29,5 @@ export const AppbarNormal = (props) => (
     {...props} >
     </Appbar>
 );
+
+export default AppbarNormal;

packages/html/src/autocomplete/templates/autocomplete-adaptive.tsx

@@ -5,4 +5,6 @@ export const AutocompleteAdaptive = (props) => (
         adaptive={true}
         {...props}
     />
-);
+);
+
+export default AutocompleteAdaptive;

packages/html/src/autocomplete/templates/autocomplete-grouping-modern.tsx

@@ -22,3 +22,5 @@ export const AutocompleteGroupingModern = (props) => (
         {...props}
     />
 );
+
+export default AutocompleteGroupingModern;

packages/html/src/autocomplete/templates/autocomplete-grouping.tsx

@@ -21,3 +21,5 @@ export const AutocompleteGrouping = (props) => (
         {...props}
     />
 );
+
+export default AutocompleteGrouping;

packages/html/src/autocomplete/templates/autocomplete-normal.tsx

@@ -1,3 +1,5 @@
 import Autocomplete from "../autocomplete.spec";
 
-export const AutocompleteNormal = (props) => <Autocomplete {...props} />;
+export const AutocompleteNormal = (props) => <Autocomplete {...props} />;
+
+export default AutocompleteNormal;

packages/html/src/autocomplete/templates/autocomplete-popup.tsx

@@ -14,3 +14,5 @@ export const AutocompletePopup = (props) => (
         {...props}
     />
 );
+
+export default AutocompletePopup;

packages/html/src/autocomplete/templates/autocomplete-prefix.tsx

@@ -11,3 +11,5 @@ export const AutocompletePrefix = (props) => (
         {...props}
     />
 );
+
+export default AutocompletePrefix;

packages/html/src/autocomplete/templates/autocomplete-suffix.tsx

@@ -11,3 +11,5 @@ export const AutocompleteSuffix = (props) => (
         {...props}
     />
 );
+
+export default AutocompleteSuffix;

packages/html/src/avatar/templates/avatar-icon.tsx

@@ -1,3 +1,5 @@
 import Avatar from "../avatar.spec";
 
 export const AvatarIcon = (props: any) => <Avatar type="icon" {...props} />;
+
+export default AvatarIcon;

packages/html/src/avatar/templates/avatar-image.tsx

@@ -1,3 +1,5 @@
 import Avatar from "../avatar.spec";
 
 export const AvatarImage = (props: any) => <Avatar type="image" {...props} />;
+
+export default AvatarImage;

packages/html/src/avatar/templates/avatar-text.tsx

@@ -1,3 +1,5 @@
 import Avatar from "../avatar.spec";
 
 export const AvatarText = (props: any) => <Avatar type="text" {...props} />;
+
+export default AvatarText;

packages/html/src/badge/templates/badge-normal.tsx

@@ -1,3 +1,5 @@
 import { Badge } from "..";
 
 export const BadgeNormal = (props) => <Badge {...props}/>;
+
+export default BadgeNormal;

packages/html/src/badge/templates/icon-badge.tsx

@@ -9,3 +9,5 @@ export const IconBadge = (props) =>
         {...props}
     />
 ;
+
+export default IconBadge;

packages/html/src/bottom-nav/templates/bottom-nav-icons.tsx

@@ -13,3 +13,5 @@ export const BottomNavIcons = (props) => (
     >
     </BottomNav>
 );
+
+export default BottomNavIcons;

packages/html/src/bottom-nav/templates/bottom-nav-links.tsx

@@ -13,3 +13,5 @@ export const BottomNavLinks = (props) => (
     >
     </BottomNav>
 );
+
+export default BottomNavLinks;

packages/html/src/bottom-nav/templates/bottom-nav-normal.tsx

@@ -13,3 +13,5 @@ export const BottomNavNormal = (props) => (
     >
     </BottomNav>
 );
+
+export default BottomNavNormal;

packages/html/src/breadcrumb/templates/breadcrumb-collapsing-auto.tsx

@@ -37,3 +37,5 @@ export const BreadcrumbCollapsingAuto = ({ dir, ...other }: any) => (
         {...other}>
     </Breadcrumb>
 );
+
+export default BreadcrumbCollapsingAuto;

packages/html/src/breadcrumb/templates/breadcrumb-collapsing-none.tsx

@@ -37,3 +37,5 @@ export const BreadcrumbCollapsingNone = ({ dir, ...other }: any) => (
         {...other}>
     </Breadcrumb>
 );
+
+export default BreadcrumbCollapsingNone;

packages/html/src/breadcrumb/templates/breadcrumb-collapsing-wrap.tsx

@@ -51,3 +51,5 @@ export const BreadcrumbCollapsingWrap = ({ dir, ...other }: any) => (
         {...other}>
     </Breadcrumb>
 );
+
+export default BreadcrumbCollapsingWrap;

packages/html/src/button-group/templates/icon-button-group.tsx

@@ -10,3 +10,5 @@ export const IconButtonGroup = (props) => (
         </>
     } />
 );
+
+export default IconButtonGroup;

packages/html/src/button-group/templates/icon-text-button-group.tsx

@@ -10,3 +10,5 @@ export const IconTextButtonGroup = (props) => (
         </>
     } />
 );
+
+export default IconTextButtonGroup;

packages/html/src/button-group/templates/mixed-button-group.tsx

@@ -10,3 +10,5 @@ export const MixedButtonGroup = (props) => (
         </>
     } />
 );
+
+export default MixedButtonGroup;

packages/html/src/button-group/templates/text-button-group.tsx

@@ -10,3 +10,5 @@ export const TextButtonGroup = (props) => (
         </>
     } />
 );
+
+export default TextButtonGroup;

packages/html/src/button/templates/icon-button.tsx

@@ -1,3 +1,5 @@
 import { Button } from "../button.spec";
 
 export const IconButton = (props) => <Button icon="folder" {...props} children={undefined} />;
+
+export default IconButton;

packages/html/src/button/templates/icon-text-button.tsx

@@ -1,3 +1,5 @@
 import { Button } from "../button.spec";
 
 export const IconTextButton = (props) => <Button icon="folder" children="Button" {...props} />;
+
+export default IconTextButton;

packages/html/src/button/templates/text-button.tsx

@@ -1,3 +1,5 @@
 import { Button } from "../button.spec";
 
 export const TextButton = (props) => <Button children="Button" {...props} />;
+
+export default TextButton;

packages/html/src/calendar/templates/calendar-century.tsx

@@ -27,3 +27,5 @@ export const CalendarCentury = ({ showOtherCentury, ...props }: any) => (
         {...props}
     />
 );
+
+export default CalendarCentury;

packages/html/src/calendar/templates/calendar-decade.tsx

@@ -27,3 +27,5 @@ export const CalendarDecade = ({ showOtherDecade, ...props }: any) => (
         {...props}
     />
 );
+
+export default CalendarDecade;

packages/html/src/calendar/templates/calendar-infinite-century.tsx

@@ -40,3 +40,5 @@ export const CalendarInfiniteCentury = ({ firstCaption = "2000 - 2099", ...other
 
     </CalendarInfinite>
 );
+
+export default CalendarInfiniteCentury;

packages/html/src/calendar/templates/calendar-infinite-decade.tsx

@@ -66,3 +66,5 @@ export const CalendarInfiniteDecade = ({ firstCaption = "2020 - 2029", secondCap
 
     </CalendarInfinite>
 );
+
+export default CalendarInfiniteDecade;

packages/html/src/calendar/templates/calendar-infinite-normal.tsx

@@ -84,3 +84,5 @@ export const CalendarInfiniteNormal = ({ firstCaption = "January 2021", secondCa
 
     </CalendarInfinite>
 );
+
+export default CalendarInfiniteNormal;

packages/html/src/calendar/templates/calendar-infinite-week-number.tsx

@@ -89,3 +89,5 @@ export const CalendarInfiniteWeekNumber = ({ firstCaption = "January 2021", seco
 
     </CalendarInfinite>
 );
+
+export default CalendarInfiniteWeekNumber;

packages/html/src/calendar/templates/calendar-infinite-year.tsx

@@ -70,3 +70,5 @@ export const CalendarInfiniteYear = ({ firstCaption = "2021", secondCaption = "2
 
     </CalendarInfinite>
 );
+
+export default CalendarInfiniteYear;

packages/html/src/calendar/templates/calendar-normal.tsx

@@ -63,3 +63,5 @@ export const CalendarNormal = ({ showCaptions, showOtherMonth, ...props }: any)
         {...props}
     />
 );
+
+export default CalendarNormal;

packages/html/src/calendar/templates/calendar-with-weeks.tsx

@@ -69,3 +69,5 @@ export const CalendarWithWeeks = ({ showOtherMonth, ...props }: any) => (
         {...props}
     />
 );
+
+export default CalendarWithWeeks;

packages/html/src/calendar/templates/calendar-year.tsx

@@ -27,3 +27,5 @@ export const CalendarYear = (props: any) => (
         {...props}
     />
 );
+
+export default CalendarYear;

packages/html/src/captcha/templates/captcha-normal.tsx

@@ -3,3 +3,5 @@ import { Captcha } from '..';
 export const CaptchaNormal = (props) => (
     <Captcha value="YR890" { ...props }/>
 );
+
+export default CaptchaNormal;

packages/html/src/card/templates/card-horizontal.tsx

@@ -17,4 +17,6 @@ export const CardHorizontal = (props) => (
         }
         {...props}>
     </Card>
-);
+);
+
+export default CardHorizontal;

packages/html/src/card/templates/card-normal.tsx

@@ -18,4 +18,6 @@ export const CardNormal = (props) => (
         }
         {...props}>
     </Card>
-);
+);
+
+export default CardNormal;

packages/html/src/chat/templates/chat-normal.tsx

@@ -21,3 +21,5 @@ export const ChatNormal = (props) => (
     {...props}
     />
 );
+
+export default ChatNormal;

packages/html/src/chat/templates/chat-with-options.tsx

@@ -23,3 +23,5 @@ export const ChatWithOptions = (props) => (
         {...props}
     />
 );
+
+export default ChatWithOptions;

packages/html/src/chat/templates/chat-with-toolbar.tsx

@@ -24,3 +24,5 @@ export const ChatWithToolbar = (props) => (
         {...props}
     />
 );
+
+export default ChatWithToolbar;

packages/html/src/checkbox/templates/checkbox-group-horizontal.tsx

@@ -18,3 +18,5 @@ export const CheckboxGroupHorizontal = (props: any) => (
     {...props}
     />
 );
+
+export default CheckboxGroupHorizontal;

packages/html/src/checkbox/templates/checkbox-group-normal.tsx

@@ -17,3 +17,5 @@ export const CheckboxGroupNormal = (props: any) => (
     {...props}
     />
 );
+
+export default CheckboxGroupNormal;

packages/html/src/checkbox/templates/checkbox-normal.tsx

@@ -1,3 +1,5 @@
 import Checkbox from "../checkbox.spec";
 
-export const CheckboxNormal = (props: any) => <Checkbox {...props}/>;
+export const CheckboxNormal = (props: any) => <Checkbox {...props}/>;
+
+export default CheckboxNormal;

packages/html/src/checkbox/templates/checkbox-with-label-after.tsx

@@ -6,3 +6,5 @@ export const CheckboxWithLabelAfter = ({ children, id, ...other }: any) => (
         <label className={"k-checkbox-label"} htmlFor={id}>{children}</label>
     </>
 );
+
+export default CheckboxWithLabelAfter;

packages/html/src/checkbox/templates/checkbox-with-label-before.tsx

@@ -6,3 +6,5 @@ export const CheckboxWithLabelBefore = ({ children, id, ...other }: any) => (
         <Checkbox id={id} {...other} />
     </>
 );
+
+export default CheckboxWithLabelBefore;

packages/html/src/chip/templates/chip-avatar.tsx

@@ -1,3 +1,5 @@
 import Chip from "../chip.spec";
 
 export const ChipAvatar = (props: any) => <Chip showAvatar={true} {...props} />;
+
+export default ChipAvatar;

packages/html/src/chip/templates/chip-icon.tsx

@@ -1,3 +1,5 @@
 import Chip from "../chip.spec";
 
 export const ChipIcon = (props: any) => <Chip icon="map-marker-target" {...props} />;
+
+export default ChipIcon;

packages/html/src/chip/templates/chip-normal.tsx

@@ -1,3 +1,5 @@
 import Chip from "../chip.spec";
 
 export const ChipNormal = (props: any) => <Chip text="text" {...props} />;
+
+export default ChipNormal;

packages/html/src/chip/templates/chip-removable.tsx

@@ -2,3 +2,5 @@ import Chip from "../chip.spec";
 import { ChipAction } from "../chip-action";
 
 export const ChipRemovable = (props: any) => <Chip text="Removable" {...props} actions={ <ChipAction type="remove" />} />;
+
+export default ChipRemovable;

packages/html/src/coloreditor/templates/coloreditor-group.tsx

@@ -7,3 +7,5 @@ export const ColorEditorGroup = (props) => (
         {...props}
     />
 );
+
+export default ColorEditorGroup;

packages/html/src/coloreditor/templates/coloreditor-normal.tsx

@@ -6,3 +6,5 @@ export const ColorEditorNormal = (props) => (
         {...props}
     />
 );
+
+export default ColorEditorNormal;

packages/html/src/coloreditor/templates/coloreditor-palette-group.tsx

@@ -8,3 +8,5 @@ export const ColorEditorPaletteGroup = (props) => (
         {...props}
     />
 );
+
+export default ColorEditorPaletteGroup;

packages/html/src/coloreditor/templates/coloreditor-palette.tsx

@@ -7,3 +7,5 @@ export const ColorEditorPalette = (props) => (
         {...props}
     />
 );
+
+export default ColorEditorPalette;

packages/html/src/colorgradient/templates/colorgradient-contrast.tsx

@@ -1,3 +1,5 @@
 import { ColorGradient } from "../color-gradient.spec";
 
 export const ColorGradientContrast = (props) => <ColorGradient contrast {...props}/>;
+
+export default ColorGradientContrast;

packages/html/src/colorgradient/templates/colorgradient-normal.tsx

@@ -1,3 +1,5 @@
 import { ColorGradient } from "../color-gradient.spec";
 
 export const ColorGradientNormal = (props) => <ColorGradient {...props}/>;
+
+export default ColorGradientNormal;

packages/html/src/colorpalette/templates/colorpalette-normal.tsx

@@ -2,3 +2,5 @@ import { PALETTEPRESETS } from "../colorpalette-presets";
 import ColorPalette from "../colorpalette.spec";
 
 export const ColorPaletteNormal = (props) => <ColorPalette palette={PALETTEPRESETS.basic} {...props} />;
+
+export default ColorPaletteNormal;

packages/html/src/colorpicker/templates/colorpicker-normal.tsx

@@ -1,3 +1,5 @@
 import ColorPicker from "../colorpicker.spec";
 
 export const ColorPickerNormal = (props: any) => <ColorPicker {...props} />;
+
+export default ColorPickerNormal;

packages/html/src/colorpicker/templates/colorpicker-popup-gradient.tsx

@@ -15,3 +15,5 @@ export const ColorPickerPopupGradient = ({ value, color, currentColor, ...other
         {...other}
     />
 );
+
+export default ColorPickerPopupGradient;