@charcoal-ui/styled 2.6.0 → 3.0.0-beta.0

package/dist/index.story.d.ts

@@ -1,7 +1,6 @@
 import { CSSProp, DefaultTheme } from 'styled-components';
-import { CharcoalTheme } from '@charcoal-ui/theme';
-import { Material } from '@charcoal-ui/foundation';
 import { ThemeProp } from '.';
+import { MyTheme } from './storyHelper';
 declare const _default: {
     title: string;
 };
@@ -11,12 +10,6 @@ declare module 'react' {
         css?: CSSProp<DefaultTheme> | ThemeProp<DefaultTheme>;
     }
 }
-type MyTheme = CharcoalTheme & {
-    color: {
-        mycolor: Material;
-    };
-};
-export declare function myTheme(theme: CharcoalTheme): MyTheme;
 declare module 'styled-components' {
     interface DefaultTheme extends MyTheme {
     }

package/dist/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../src/index.story.tsx"],"names":[],"mappings":"AACA,OAAe,EAAE,OAAO,EAAE,YAAY,EAAiB,MAAM,mBAAmB,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAe,SAAS,EAAwB,MAAM,GAAG,CAAA;;;;AAGhE,wBAEC;AAED,OAAO,QAAQ,OAAO,CAAC;IACrB,UAAU,UAAU;QAClB,GAAG,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CAAA;KACtD;CACF;AAED,KAAK,OAAO,GAAG,aAAa,GAAG;IAC7B,KAAK,EAAE;QACL,OAAO,EAAE,QAAQ,CAAA;KAClB,CAAA;CACF,CAAA;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAQrD;AAED,OAAO,QAAQ,mBAAmB,CAAC;IACjC,UAAiB,YAAa,SAAQ,OAAO;KAAG;CACjD;AAID,eAAO,MAAM,OAAO,mBA8CnB,CAAA;AAED,eAAO,MAAM,YAAY,mBAkBxB,CAAA"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../src/index.story.tsx"],"names":[],"mappings":"AACA,OAAe,EAAE,OAAO,EAAE,YAAY,EAAiB,MAAM,mBAAmB,CAAA;AAChF,OAAO,EAAe,SAAS,EAAwB,MAAM,GAAG,CAAA;AAEhE,OAAO,EAAE,OAAO,EAAW,MAAM,eAAe,CAAA;;;;AAEhD,wBAEC;AAED,OAAO,QAAQ,OAAO,CAAC;IACrB,UAAU,UAAU;QAClB,GAAG,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CAAA;KACtD;CACF;AAED,OAAO,QAAQ,mBAAmB,CAAC;IACjC,UAAiB,YAAa,SAAQ,OAAO;KAAG;CACjD;AAID,eAAO,MAAM,OAAO,mBA8CnB,CAAA;AAED,eAAO,MAAM,YAAY,mBAkBxB,CAAA"}

package/dist/storyHelper.d.ts

@@ -0,0 +1,9 @@
+import { Material } from '@charcoal-ui/foundation';
+import { CharcoalTheme } from '@charcoal-ui/theme';
+export type MyTheme = CharcoalTheme & {
+    color: {
+        mycolor: Material;
+    };
+};
+export declare function myTheme(theme: CharcoalTheme): MyTheme;
+//# sourceMappingURL=storyHelper.d.ts.map

package/dist/storyHelper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storyHelper.d.ts","sourceRoot":"","sources":["../src/storyHelper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,MAAM,MAAM,OAAO,GAAG,aAAa,GAAG;IACpC,KAAK,EAAE;QACL,OAAO,EAAE,QAAQ,CAAA;KAClB,CAAA;CACF,CAAA;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO,CAQrD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@charcoal-ui/styled",
-  "version": "2.6.0",
+  "version": "3.0.0-beta.0",
   "license": "Apache-2.0",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",
@@ -32,9 +32,9 @@
     "typescript": "^4.9.5"
   },
   "dependencies": {
-    "@charcoal-ui/foundation": "^2.6.0",
-    "@charcoal-ui/theme": "^2.6.0",
-    "@charcoal-ui/utils": "^2.6.0",
+    "@charcoal-ui/foundation": "^3.0.0-beta.0",
+    "@charcoal-ui/theme": "^3.0.0-beta.0",
+    "@charcoal-ui/utils": "^3.0.0-beta.0",
     "warning": "^4.0.3"
   },
   "peerDependencies": {
@@ -53,5 +53,5 @@
     "url": "https://github.com/pixiv/charcoal.git",
     "directory": "packages/styled"
   },
-  "gitHead": "8579b406b316285a35858512030d2143524ae154"
+  "gitHead": "e3522bffb7136b259f31cef88920aebc7637a5b6"
 }

package/src/index.story.tsx

@@ -1,9 +1,8 @@
 import React from 'react'
 import styled, { CSSProp, DefaultTheme, ThemeProvider } from 'styled-components'
-import { CharcoalTheme } from '@charcoal-ui/theme'
-import { Material } from '@charcoal-ui/foundation'
 import { createTheme, ThemeProp, defineThemeVariables } from '.'
 import { disabledSelector } from '@charcoal-ui/utils'
+import { MyTheme, myTheme } from './storyHelper'
 
 export default {
   title: 'styled',
@@ -15,22 +14,6 @@ declare module 'react' {
   }
 }
 
-type MyTheme = CharcoalTheme & {
-  color: {
-    mycolor: Material
-  }
-}
-
-export function myTheme(theme: CharcoalTheme): MyTheme {
-  return {
-    ...theme,
-    color: {
-      ...theme.color,
-      mycolor: '#ff9e8c',
-    },
-  }
-}
-
 declare module 'styled-components' {
   export interface DefaultTheme extends MyTheme {}
 }

package/src/index.test.tsx

@@ -4,7 +4,8 @@ import 'jest-styled-components'
 import React from 'react'
 import renderder from 'react-test-renderer'
 import { ThemeProvider } from 'styled-components'
-import { Example, myTheme, TailwindLike } from './index.story'
+import { Example, TailwindLike } from './index.story'
+import { myTheme } from './storyHelper'
 
 function render(children: JSX.Element) {
   return renderder

package/src/storyHelper.ts

@@ -0,0 +1,18 @@
+import { Material } from '@charcoal-ui/foundation'
+import { CharcoalTheme } from '@charcoal-ui/theme'
+
+export type MyTheme = CharcoalTheme & {
+  color: {
+    mycolor: Material
+  }
+}
+
+export function myTheme(theme: CharcoalTheme): MyTheme {
+  return {
+    ...theme,
+    color: {
+      ...theme.color,
+      mycolor: '#ff9e8c',
+    },
+  }
+}