chore: update all imports with new templates

src/accordion/stories/AccordionStyled.stories.tsx

@@ -4,7 +4,7 @@ import { Meta, Story } from "@storybook/react";
 import {
   accordionStyledTemplate,
   accordionStyledTemplateJs,
-  accordionStyledStyleCssTemplate,
+  accordionStyledCssTemplate,
 } from "./templates";
 import "./AccordionStyled.css";
 import { App as Accordion } from "./AccordionStyled.component";
@@ -17,7 +17,7 @@ export default {
     preview: createPreviewTabs({
       js: accordionStyledTemplate,
       ts: accordionStyledTemplateJs,
-      css: accordionStyledStyleCssTemplate,
+      css: accordionStyledCssTemplate,
     }),
   },
 } as Meta;

src/accordion/stories/templates.ts

@@ -1,14 +1,14 @@
-// @ts-ignore
-export { default as appTemplate } from "!!raw-loader!./Accordion.component.tsx";
+// Auto Generated File, Do not modify directly!! execute `yarn generatejs` to regenerate
 
 // @ts-ignore
-export { default as styledAppTemplate } from "!!raw-loader!./AccordionStyled.component.tsx";
+export { default as accordionTemplate } from "!!raw-loader!./Accordion.component.tsx";
 
 // @ts-ignore
-export { default as appTemplateJs } from "!!raw-loader!./__js/Accordion.component.jsx";
-
+export { default as accordionTemplateJs } from "!!raw-loader!./__js/Accordion.component.jsx";
 // @ts-ignore
-export { default as styledAppTemplateJs } from "!!raw-loader!./__js/AccordionStyled.component.jsx";
+export { default as accordionStyledTemplate } from "!!raw-loader!./AccordionStyled.component.tsx";
 
 // @ts-ignore
-export { default as cssTemplate } from "!!raw-loader!./AccordionStyled.css";
+export { default as accordionStyledTemplateJs } from "!!raw-loader!./__js/AccordionStyled.component.jsx";
+// @ts-ignore
+export { default as accordionStyledCssTemplate } from "!!raw-loader!./AccordionStyled.css";

src/breadcrumbs/stories/Breadcrumbs.stories.tsx

@@ -3,17 +3,21 @@ import { Meta, Story } from "@storybook/react";
 
 import "./Breadcrumbs.css";
 import { App as Breadcrumbs } from "./Breadcrumbs.component";
-import { appTemplate, appTemplateJs, cssTemplate } from "./templates";
+import {
+  breadcrumbsTemplate,
+  breadcrumbsTemplateJs,
+  breadcrumbsCssTemplate,
+} from "./templates";
 import { createPreviewTabs } from "../../../scripts/create-preview-tabs";
 
 export default {
   component: Breadcrumbs,
   title: "Breadcrumbs",
   parameters: {
     preview: createPreviewTabs({
-      js: appTemplateJs,
-      ts: appTemplate,
-      css: cssTemplate,
+      js: breadcrumbsTemplateJs,
+      ts: breadcrumbsTemplate,
+      css: breadcrumbsCssTemplate,
     }),
   },
 } as Meta;

src/breadcrumbs/stories/templates.ts

@@ -1,8 +1,9 @@
-// @ts-ignore
-export { default as appTemplate } from "!!raw-loader!./Breadcrumbs.component.tsx";
+// Auto Generated File, Do not modify directly!! execute `yarn generatejs` to regenerate
 
 // @ts-ignore
-export { default as appTemplateJs } from "!!raw-loader!./__js/Breadcrumbs.component.jsx";
+export { default as breadcrumbsTemplate } from "!!raw-loader!./Breadcrumbs.component.tsx";
 
 // @ts-ignore
-export { default as cssTemplate } from "!!raw-loader!./Breadcrumbs.css";
+export { default as breadcrumbsTemplateJs } from "!!raw-loader!./__js/Breadcrumbs.component.jsx";
+// @ts-ignore
+export { default as breadcrumbsCssTemplate } from "!!raw-loader!./Breadcrumbs.css";

src/calendar/stories/Calendar.stories.tsx

@@ -5,7 +5,11 @@ import { addWeeks, format, subWeeks } from "date-fns";
 
 import "./Calendar.css";
 import { App as Calendar } from "./Calendar.component";
-import { appTemplate, appTemplateJs, cssTemplate } from "./templates";
+import {
+  calendarTemplate,
+  calendarTemplateJs,
+  calendarCssTemplate,
+} from "./templates";
 import { createPreviewTabs } from "../../../scripts/create-preview-tabs";
 
 export default {
@@ -19,9 +23,9 @@ export default {
   },
   parameters: {
     preview: createPreviewTabs({
-      js: appTemplateJs,
-      ts: appTemplate,
-      css: cssTemplate,
+      js: calendarTemplateJs,
+      ts: calendarTemplate,
+      css: calendarCssTemplate,
     }),
   },
 } as Meta;

src/calendar/stories/RangeCalendar.stories.tsx

@@ -5,9 +5,9 @@ import { addDays, addWeeks, subDays, format, subWeeks } from "date-fns";
 
 import "./RangeCalendar.css";
 import {
-  rangeAppTemplate,
-  rangeAppTemplateJs,
-  rangeCssTemplate,
+  rangeCalendarTemplate,
+  rangeCalendarTemplateJs,
+  rangeCalendarCssTemplate,
 } from "./templates";
 import { App as RangeCalendar } from "./RangeCalendar.component";
 import { createPreviewTabs } from "../../../scripts/create-preview-tabs";
@@ -31,9 +31,9 @@ export default {
   },
   parameters: {
     preview: createPreviewTabs({
-      js: rangeAppTemplateJs,
-      ts: rangeAppTemplate,
-      css: rangeCssTemplate,
+      js: rangeCalendarTemplateJs,
+      ts: rangeCalendarTemplate,
+      css: rangeCalendarCssTemplate,
     }),
   },
 } as Meta;

src/calendar/stories/templates.ts

@@ -1,17 +1,17 @@
-// @ts-ignore
-export { default as appTemplate } from "!!raw-loader!./Calendar.component.tsx";
+// Auto Generated File, Do not modify directly!! execute `yarn generatejs` to regenerate
 
 // @ts-ignore
-export { default as appTemplateJs } from "!!raw-loader!./__js/Calendar.component.jsx";
+export { default as calendarTemplate } from "!!raw-loader!./Calendar.component.tsx";
 
 // @ts-ignore
-export { default as rangeAppTemplate } from "!!raw-loader!./RangeCalendar.component.tsx";
-
+export { default as calendarTemplateJs } from "!!raw-loader!./__js/Calendar.component.jsx";
 // @ts-ignore
-export { default as rangeAppTemplateJs } from "!!raw-loader!./__js/RangeCalendar.component.jsx";
+export { default as calendarCssTemplate } from "!!raw-loader!./Calendar.css";
 
 // @ts-ignore
-export { default as cssTemplate } from "!!raw-loader!./Calendar.css";
+export { default as rangeCalendarTemplate } from "!!raw-loader!./RangeCalendar.component.tsx";
 
 // @ts-ignore
-export { default as rangeCssTemplate } from "!!raw-loader!./RangeCalendar.css";
+export { default as rangeCalendarTemplateJs } from "!!raw-loader!./__js/RangeCalendar.component.jsx";
+// @ts-ignore
+export { default as rangeCalendarCssTemplate } from "!!raw-loader!./RangeCalendar.css";

src/datepicker/stories/DatePicker.stories.tsx

@@ -5,7 +5,11 @@ import { addWeeks, subWeeks, format, addDays } from "date-fns";
 
 import "./DatePicker.css";
 import { App as DatePicker } from "./DatePicker.component";
-import { appTemplate, appTemplateJs, cssTemplate } from "./templates";
+import {
+  datePickerTemplate,
+  datePickerTemplateJs,
+  datePickerCssTemplate,
+} from "./templates";
 import { createPreviewTabs } from "../../../scripts/create-preview-tabs";
 
 export default {
@@ -19,9 +23,9 @@ export default {
   },
   parameters: {
     preview: createPreviewTabs({
-      js: appTemplateJs,
-      ts: appTemplate,
-      css: cssTemplate,
+      js: datePickerTemplateJs,
+      ts: datePickerTemplate,
+      css: datePickerCssTemplate,
     }),
   },
 } as Meta;

src/datepicker/stories/DateRangePicker.stories.tsx

@@ -5,9 +5,9 @@ import { useArgs } from "@storybook/client-api";
 import { addWeeks, setDate, subWeeks } from "date-fns";
 
 import {
-  rangeAppTemplate,
-  rangeAppTemplateJs,
-  rangeCssTemplate,
+  dateRangePickerTemplate,
+  dateRangePickerTemplateJs,
+  dateRangePickerCssTemplate,
 } from "./templates";
 import "./DatePicker.css";
 import { App as DateRangePicker } from "./DateRangePicker.component";
@@ -24,9 +24,9 @@ export default {
   },
   parameters: {
     preview: createPreviewTabs({
-      js: rangeAppTemplateJs,
-      ts: rangeAppTemplate,
-      css: rangeCssTemplate,
+      js: dateRangePickerTemplateJs,
+      ts: dateRangePickerTemplate,
+      css: dateRangePickerCssTemplate,
     }),
   },
 } as Meta;

src/datepicker/stories/templates.ts

@@ -1,17 +1,17 @@
-// @ts-ignore
-export { default as appTemplate } from "!!raw-loader!./DatePicker.component.tsx";
+// Auto Generated File, Do not modify directly!! execute `yarn generatejs` to regenerate
 
 // @ts-ignore
-export { default as appTemplateJs } from "!!raw-loader!./__js/DatePicker.component.jsx";
+export { default as datePickerTemplate } from "!!raw-loader!./DatePicker.component.tsx";
 
 // @ts-ignore
-export { default as rangeAppTemplate } from "!!raw-loader!./DateRangePicker.component.tsx";
-
+export { default as datePickerTemplateJs } from "!!raw-loader!./__js/DatePicker.component.jsx";
 // @ts-ignore
-export { default as rangeAppTemplateJs } from "!!raw-loader!./__js/DateRangePicker.component.jsx";
+export { default as datePickerCssTemplate } from "!!raw-loader!./DatePicker.css";
 
 // @ts-ignore
-export { default as cssTemplate } from "!!raw-loader!./DatePicker.css";
+export { default as dateRangePickerTemplate } from "!!raw-loader!./DateRangePicker.component.tsx";
 
 // @ts-ignore
-export { default as rangeCssTemplate } from "!!raw-loader!./DateRangePicker.css";
+export { default as dateRangePickerTemplateJs } from "!!raw-loader!./__js/DateRangePicker.component.jsx";
+// @ts-ignore
+export { default as dateRangePickerCssTemplate } from "!!raw-loader!./DateRangePicker.css";

src/drawer/stories/Drawer.stories.tsx

@@ -2,16 +2,16 @@ import * as React from "react";
 import { Meta, Story } from "@storybook/react";
 
 import { App as Drawer } from "./Drawer.component";
-import { appTemplate, appTemplateJs } from "./templates";
+import { drawerTemplate, drawerTemplateJs } from "./templates";
 import { createPreviewTabs } from "../../../scripts/create-preview-tabs";
 
 export default {
   title: "Drawer",
   component: Drawer,
   parameters: {
     preview: createPreviewTabs({
-      js: appTemplateJs,
-      ts: appTemplate,
+      js: drawerTemplateJs,
+      ts: drawerTemplate,
       deps: ["emotion@latest"],
     }),
   },

src/drawer/stories/templates.ts

@@ -1,5 +1,7 @@
+// Auto Generated File, Do not modify directly!! execute `yarn generatejs` to regenerate
+
 // @ts-ignore
-export { default as appTemplate } from "!!raw-loader!./Drawer.component.tsx";
+export { default as drawerTemplate } from "!!raw-loader!./Drawer.component.tsx";
 
 // @ts-ignore
-export { default as appTemplateJs } from "!!raw-loader!./Drawer.component.tsx";
+export { default as drawerTemplateJs } from "!!raw-loader!./__js/Drawer.component.jsx";

src/link/stories/Link.stories.tsx

@@ -2,16 +2,16 @@ import * as React from "react";
 import { Meta, Story } from "@storybook/react";
 
 import { App as Link } from "./Link.component";
-import { appTemplate, appTemplateJs } from "./templates";
+import { linkTemplate, linkTemplateJs } from "./templates";
 import { createPreviewTabs } from "../../../scripts/create-preview-tabs";
 
 export default {
   component: Link,
   title: "Link",
   parameters: {
     preview: createPreviewTabs({
-      js: appTemplateJs,
-      ts: appTemplate,
+      js: linkTemplateJs,
+      ts: linkTemplate,
     }),
   },
 } as Meta;

src/link/stories/templates.ts

@@ -1,5 +1,7 @@
+// Auto Generated File, Do not modify directly!! execute `yarn generatejs` to regenerate
+
 // @ts-ignore
-export { default as appTemplate } from "!!raw-loader!./Link.component.tsx";
+export { default as linkTemplate } from "!!raw-loader!./Link.component.tsx";
 
 // @ts-ignore
-export { default as appTemplateJs } from "!!raw-loader!./__js/Link.component.jsx";
+export { default as linkTemplateJs } from "!!raw-loader!./__js/Link.component.jsx";

src/meter/stories/Meter.stories.tsx

@@ -2,16 +2,16 @@ import * as React from "react";
 import { Meta, Story } from "@storybook/react";
 
 import { App as Meter } from "./Meter.component";
-import { appTemplate, appTemplateJs } from "./templates";
+import { meterTemplate, meterTemplateJs } from "./templates";
 import { createPreviewTabs } from "../../../scripts/create-preview-tabs";
 
 export default {
   component: Meter,
   title: "Meter",
   parameters: {
     preview: createPreviewTabs({
-      js: appTemplateJs,
-      ts: appTemplate,
+      js: meterTemplateJs,
+      ts: meterTemplate,
       deps: ["emotion@latest"],
     }),
   },

src/meter/stories/templates.ts

@@ -1,5 +1,7 @@
+// Auto Generated File, Do not modify directly!! execute `yarn generatejs` to regenerate
+
 // @ts-ignore
-export { default as appTemplate } from "!!raw-loader!./Meter.component.tsx";
+export { default as meterTemplate } from "!!raw-loader!./Meter.component.tsx";
 
 // @ts-ignore
-export { default as appTemplateJs } from "!!raw-loader!./__js/Meter.component.jsx";
+export { default as meterTemplateJs } from "!!raw-loader!./__js/Meter.component.jsx";

src/number-input/stories/NumberInput.stories.tsx

@@ -8,7 +8,7 @@ import {
   NumberInputDecrementButton,
   NumberInputIncrementButton,
 } from "../index";
-import { appTemplate, appTemplateJs } from "./templates";
+import { numberInputTemplate, numberInputTemplateJs } from "./templates";
 import { App as NumberInput } from "./NumberInput.component";
 import { createPreviewTabs } from "../../../scripts/create-preview-tabs";
 
@@ -17,8 +17,8 @@ export default {
   title: "NumberInput",
   parameters: {
     preview: createPreviewTabs({
-      js: appTemplateJs,
-      ts: appTemplate,
+      js: numberInputTemplateJs,
+      ts: numberInputTemplate,
     }),
   },
 } as Meta;

src/number-input/stories/templates.ts

@@ -1,5 +1,7 @@
+// Auto Generated File, Do not modify directly!! execute `yarn generatejs` to regenerate
+
 // @ts-ignore
-export { default as appTemplate } from "!!raw-loader!./NumberInput.component.tsx";
+export { default as numberInputTemplate } from "!!raw-loader!./NumberInput.component.tsx";
 
 // @ts-ignore
-export { default as appTemplateJs } from "!!raw-loader!./__js/NumberInput.component.jsx";
+export { default as numberInputTemplateJs } from "!!raw-loader!./__js/NumberInput.component.jsx";

src/pagination/stories/Pagination.stories.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Meta, Story } from "@storybook/react";
 
-import { appTemplate, appTemplateJs } from "./templates";
+import { paginationTemplate, paginationTemplateJs } from "./templates";
 import { App as Pagination } from "./Pagination.component";
 import { createPreviewTabs } from "../../../scripts/create-preview-tabs";
 
@@ -10,8 +10,8 @@ export default {
   title: "Pagination",
   parameters: {
     preview: createPreviewTabs({
-      js: appTemplateJs,
-      ts: appTemplate,
+      js: paginationTemplateJs,
+      ts: paginationTemplate,
     }),
   },
 } as Meta;

src/pagination/stories/templates.ts

@@ -1,5 +1,7 @@
+// Auto Generated File, Do not modify directly!! execute `yarn generatejs` to regenerate
+
 // @ts-ignore
-export { default as appTemplate } from "!!raw-loader!./Pagination.component.tsx";
+export { default as paginationTemplate } from "!!raw-loader!./Pagination.component.tsx";
 
 // @ts-ignore
-export { default as appTemplateJs } from "!!raw-loader!./__js/Pagination.component.jsx";
+export { default as paginationTemplateJs } from "!!raw-loader!./__js/Pagination.component.jsx";