@teleporthq/teleport-plugin-css 0.43.0-alpha.0 → 0.43.0

package/__tests__/component-scoped.ts

@@ -90,7 +90,7 @@ describe('Component Scoped Styles', () => {
     expect(
       jsxComponent.meta.nodesLookup.container.openingElement.attributes[0].value.expression
         .quasis[0].value.raw
-    ).toBe('md-8 primary-navbar ')
+    ).toBe('md-8 my-componentprimary-navbar ')
     expect(
       jsxComponent.meta.nodesLookup.container.openingElement.attributes[0].value.expression
         .expressions[0].property.name
@@ -148,7 +148,9 @@ describe('Component Scoped Styles', () => {
     const { chunks } = await plugin(structure)
     const hastComponent = chunks.find((chunk) => chunk.name === 'template')
 
-    expect(hastComponent.meta.nodesLookup.container.properties['class']).toBe('md-8 primary-navbar')
+    expect(hastComponent.meta.nodesLookup.container.properties['class']).toBe(
+      'md-8 my-componentprimary-navbar'
+    )
     expect(hastComponent.meta.nodesLookup.container.properties['v-bind:class']).toBe('variant')
   })
 })

package/__tests__/style-sheet.ts

@@ -5,7 +5,7 @@ import {
 } from '@teleporthq/teleport-types'
 import { staticNode, dynamicNode } from '@teleporthq/teleport-uidl-builders'
 import { createStyleSheetPlugin } from '../src/style-sheet'
-import { setUpStructureWithHASTChunk } from './mocks'
+import { setUpHASTChunk, setUpStructureWithHASTChunk } from './mocks'
 
 describe('plugin-css-style-sheet', () => {
   it('should generate css when the styleSetDefinitions are presnet', async () => {
@@ -111,7 +111,7 @@ describe('plugin-css-style-sheet', () => {
     const structure = setUpStructureWithHASTChunk()
 
     const result = await plugin(structure)
-
-    expect(result).toBe(undefined)
+    expect(result.chunks.length).toBe(1)
+    expect(result.chunks[0]).toEqual(setUpHASTChunk())
   })
 })

package/dist/cjs/index.d.ts

@@ -6,11 +6,11 @@ interface CSSPluginConfig {
     componentDecoratorChunkName: string;
     inlineStyleAttributeKey: string;
     classAttributeName: string;
-    forceScoping: boolean;
     templateStyle: 'html' | 'jsx';
     declareDependency: 'import' | 'decorator' | 'none';
     dynamicVariantPrefix?: string;
     staticPropReferences?: boolean;
+    standaloneHtmlComponents?: boolean;
 }
 declare const createCSSPlugin: ComponentPluginFactory<CSSPluginConfig>;
 export { createStyleSheetPlugin, createCSSPlugin };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,sBAAsB,EACtB,eAAe,EAShB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAEtD,UAAU,eAAe;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,iBAAiB,EAAE,MAAM,CAAA;IACzB,2BAA2B,EAAE,MAAM,CAAA;IACnC,uBAAuB,EAAE,MAAM,CAAA;IAC/B,kBAAkB,EAAE,MAAM,CAAA;IAC1B,YAAY,EAAE,OAAO,CAAA;IACrB,aAAa,EAAE,MAAM,GAAG,KAAK,CAAA;IAC7B,iBAAiB,EAAE,QAAQ,GAAG,WAAW,GAAG,MAAM,CAAA;IAClD,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED,QAAA,MAAM,eAAe,EAAE,sBAAsB,CAAC,eAAe,CAyU5D,CAAA;AAED,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,CAAA;;AAElD,wBAAgC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAWA,OAAO,EACL,sBAAsB,EACtB,eAAe,EAiBhB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAGtD,UAAU,eAAe;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,iBAAiB,EAAE,MAAM,CAAA;IACzB,2BAA2B,EAAE,MAAM,CAAA;IACnC,uBAAuB,EAAE,MAAM,CAAA;IAC/B,kBAAkB,EAAE,MAAM,CAAA;IAC1B,aAAa,EAAE,MAAM,GAAG,KAAK,CAAA;IAC7B,iBAAiB,EAAE,QAAQ,GAAG,WAAW,GAAG,MAAM,CAAA;IAClD,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAA;CACnC;AAqBD,QAAA,MAAM,eAAe,EAAE,sBAAsB,CAAC,eAAe,CAg0B5D,CAAA;AAED,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,CAAA;;AAElD,wBAAgC"}