@idea-fragments/react-components-zendesk 0.1.0 → 0.1.1

package/.node-version

@@ -0,0 +1 @@
+16.15.0

package/.storybook/ThemeProvider.tsx

@@ -0,0 +1,15 @@
+import "calendarCss" // TODO probably not needed anymore
+import { GlobalStyle }                          from "GlobalStyle"
+import React, { FC, PropsWithChildren }         from "react"
+import { ThemeProvider as StyledThemeProvider } from "styled-components"
+import { light }                                from "styles/theme/light"
+import "zendeskGardenCss"
+
+export const ThemeProvider: FC<PropsWithChildren<{}>> = ({ children }) => {
+  return <StyledThemeProvider theme={light}>
+    <>
+      <GlobalStyle />
+      {children}
+    </>
+  </StyledThemeProvider>
+}

package/.storybook/main.js

@@ -0,0 +1,13 @@
+module.exports = {
+  "stories": [
+    "../src/**/*.stories.mdx",
+    "../src/**/*.stories.@(js|jsx|ts|tsx)"
+  ],
+  "addons": [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
+    "@storybook/preset-create-react-app"
+  ],
+  "framework": "@storybook/react"
+}

package/.storybook/preview.js

@@ -0,0 +1,20 @@
+import React             from "react"
+import { ThemeProvider } from "./ThemeProvider"
+
+export const decorators = [
+  (Story) => <ThemeProvider>
+    <>
+      <Story />
+    </>
+  </ThemeProvider>,
+]
+
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}