@teleporthq/teleport-plugin-css - npm Package Compare versions

Comparing version 0.15.0 to 0.16.0

__tests__/index.ts

@@ -8,3 +8,3 @@ import { component, elementNode, staticNode } from '@teleporthq/teleport-uidl-builders'
 } from '@teleporthq/teleport-types'
-import { createCSSPlugin } from '../src/index'
+import { createCSSPlugin } from '../src'
 
@@ -11,0 +11,0 @@ describe('plugin-css', () => {

dist/cjs/index.js

@@ -58,8 +58,20 @@ "use strict";
     var cssPlugin = function (structure) { return __awaiter(void 0, void 0, void 0, function () {
-        var uidl, chunks, dependencies, options, projectStyleSet, node, templateChunk, componentDecoratorChunk, templateLookup, propsPrefix, jssStylesArray, isProjectStyleReferred, mediaStylesMap, cssFileName, decoratorAST, decoratorParam;
-        var _a;
-        return __generator(this, function (_b) {
+        var uidl, chunks, dependencies, options, _a, projectStyleSet, _b, _c, tokens, isRootComponent, _d, _e, styleSetDefinitions, projectStyleSheetName, path, node, templateChunk, componentDecoratorChunk, templateLookup, propsPrefix, jssStylesArray, mediaStylesMap, cssFileName, decoratorAST, decoratorParam;
+        return __generator(this, function (_f) {
             uidl = structure.uidl, chunks = structure.chunks, dependencies = structure.dependencies, options = structure.options;
-            projectStyleSet = options.projectStyleSet;
+            _a = options || {}, projectStyleSet = _a.projectStyleSet, _b = _a.designLanguage, _c = (_b === void 0 ? {} : _b).tokens, tokens = _c === void 0 ? {} : _c, isRootComponent = _a.isRootComponent;
+            _d = projectStyleSet || {}, _e = _d.styleSetDefinitions, styleSetDefinitions = _e === void 0 ? {} : _e, projectStyleSheetName = _d.fileName, path = _d.path;
             node = uidl.node;
+            if (isRootComponent) {
+                if (Object.keys(tokens).length > 0 || Object.keys(styleSetDefinitions).length > 0) {
+                    dependencies[projectStyleSheetName] = {
+                        type: 'local',
+                        path: path + "/" + projectStyleSheetName + "." + teleport_types_1.FileType.CSS,
+                        meta: {
+                            importJustPath: true,
+                        },
+                    };
+                }
+                return [2 /*return*/, structure];
+            }
             templateChunk = chunks.find(function (chunk) { return chunk.name === templateChunkName; });
@@ -72,3 +84,2 @@ componentDecoratorChunk = chunks.find(function (chunk) { return chunk.name === componentDecoratorChunkName; });
             jssStylesArray = [];
-            isProjectStyleReferred = false;
             mediaStylesMap = {};
@@ -91,4 +102,4 @@ teleport_shared_1.UIDLUtils.traverseElements(node, function (element) {
                     var _b = teleport_shared_1.UIDLUtils.splitDynamicAndStaticStyles(style), staticStyles = _b.staticStyles, dynamicStyles = _b.dynamicStyles, tokenStyles = _b.tokenStyles;
-                    var collectedStyles = __assign(__assign({}, teleport_plugin_common_1.StyleUtils.getContentOfStyleObject(staticStyles)), teleport_plugin_common_1.StyleUtils.getCSSVariablesContentFromTokenStyles(tokenStyles));
-                    if (Object.keys(staticStyles).length > 0) {
+                    if (Object.keys(staticStyles).length > 0 || Object.keys(tokenStyles).length > 0) {
+                        var collectedStyles = __assign(__assign({}, teleport_plugin_common_1.StyleUtils.getContentOfStyleObject(staticStyles)), teleport_plugin_common_1.StyleUtils.getCSSVariablesContentFromTokenStyles(tokenStyles));
                         jssStylesArray.push(teleport_plugin_common_1.StyleBuilders.createCSSClass(className, collectedStyles));
@@ -100,16 +111,14 @@ appendClassName = true;
                         since inline style does not support that */
-                        if (Object.keys(dynamicStyles).length > 0) {
-                            if (templateStyle === 'html') {
-                                // simple string expression
-                                var inlineStyles = createDynamicInlineStyle(dynamicStyles);
-                                teleport_plugin_common_1.HASTUtils.addAttributeToNode(root, inlineStyleAttributeKey, "{" + inlineStyles + "}");
-                            }
-                            else {
-                                // jsx object expression
-                                var inlineStyles = teleport_shared_1.UIDLUtils.transformDynamicStyles(dynamicStyles, function (styleValue) {
-                                    return teleport_plugin_common_1.StyleBuilders.createDynamicStyleExpression(styleValue, propsPrefix);
-                                });
-                                teleport_plugin_common_1.ASTUtils.addAttributeToJSXTag(root, inlineStyleAttributeKey, inlineStyles);
-                            }
+                        if (templateStyle === 'html') {
+                            // simple string expression
+                            var inlineStyles = createDynamicInlineStyle(dynamicStyles);
+                            teleport_plugin_common_1.HASTUtils.addAttributeToNode(root, inlineStyleAttributeKey, "{" + inlineStyles + "}");
                         }
+                        else {
+                            // jsx object expression
+                            var inlineStyles = teleport_shared_1.UIDLUtils.transformDynamicStyles(dynamicStyles, function (styleValue) {
+                                return teleport_plugin_common_1.StyleBuilders.createDynamicStyleExpression(styleValue, propsPrefix);
+                            });
+                            teleport_plugin_common_1.ASTUtils.addAttributeToJSXTag(root, inlineStyleAttributeKey, inlineStyles);
+                        }
                     }
@@ -127,5 +136,2 @@ }
                                 var collectedStyles = __assign(__assign({}, teleport_plugin_common_1.StyleUtils.getContentOfStyleObject(staticStyles)), teleport_plugin_common_1.StyleUtils.getCSSVariablesContentFromTokenStyles(tokenStyles));
-                                if (staticStyles && Object.keys(staticStyles).length === 0) {
-                                    return;
-                                }
                                 if (Object.keys(staticStyles).length > 0) {
@@ -146,9 +152,5 @@ var condition = styleRef.content.conditions[0];
                             case 'project-referenced': {
-                                if (!projectStyleSet) {
-                                    throw new Error("Project Style Sheet is missing, but the node is referring to it " + element);
-                                }
                                 var content = styleRef.content;
                                 if (content.referenceId && !((_b = content) === null || _b === void 0 ? void 0 : _b.conditions)) {
-                                    isProjectStyleReferred = true;
-                                    var referedStyle = projectStyleSet.styleSetDefinitions[content.referenceId];
+                                    var referedStyle = styleSetDefinitions[content.referenceId];
                                     if (!referedStyle) {
@@ -182,11 +184,2 @@ throw new Error("Style that is being used for reference is missing - " + content.referenceId);
             }
-            if (isProjectStyleReferred && ((_a = projectStyleSet) === null || _a === void 0 ? void 0 : _a.importFile)) {
-                dependencies[projectStyleSet.fileName] = {
-                    type: 'local',
-                    path: projectStyleSet.path + "/" + projectStyleSet.fileName + "." + teleport_types_1.FileType.CSS,
-                    meta: {
-                        importJustPath: true,
-                    },
-                };
-            }
             if (jssStylesArray.length > 0) {
@@ -193,0 +186,0 @@ chunks.push({

dist/cjs/index.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

dist/cjs/style-sheet.js

@@ -56,8 +56,8 @@ "use strict";
     var styleSheetPlugin = function (structure) { return __awaiter(void 0, void 0, void 0, function () {
-        var uidl, chunks, styleSetDefinitions, _a, designLanguage, _b, tokens, cssMap, mediaStylesMap;
-        return __generator(this, function (_c) {
+        var uidl, chunks, _a, styleSetDefinitions, _b, _c, tokens, cssMap, mediaStylesMap;
+        return __generator(this, function (_d) {
             uidl = structure.uidl, chunks = structure.chunks;
-            styleSetDefinitions = uidl.styleSetDefinitions, _a = uidl.designLanguage, designLanguage = _a === void 0 ? {} : _a;
-            _b = designLanguage.tokens, tokens = _b === void 0 ? {} : _b;
-            if (!styleSetDefinitions || Object.keys(styleSetDefinitions).length === 0) {
+            _a = uidl.styleSetDefinitions, styleSetDefinitions = _a === void 0 ? {} : _a, _b = uidl.designLanguage, _c = (_b === void 0 ? {} : _b).tokens, tokens = _c === void 0 ? {} : _c;
+            if ((!styleSetDefinitions && !tokens) ||
+                (Object.keys(styleSetDefinitions).length === 0 && Object.keys(tokens).length === 0)) {
                 return [2 /*return*/];
@@ -70,23 +70,28 @@ }
             }
-            Object.values(styleSetDefinitions).forEach(function (style) {
-                var name = style.name, content = style.content, _a = style.conditions, conditions = _a === void 0 ? [] : _a;
-                var _b = teleport_shared_1.UIDLUtils.splitDynamicAndStaticStyles(content), staticStyles = _b.staticStyles, tokenStyles = _b.tokenStyles;
-                var collectedStyles = __assign(__assign({}, teleport_plugin_common_1.StyleUtils.getContentOfStyleObject(staticStyles)), teleport_plugin_common_1.StyleUtils.getCSSVariablesContentFromTokenStyles(tokenStyles));
-                cssMap.push(teleport_plugin_common_1.StyleBuilders.createCSSClass(name, collectedStyles));
-                if (conditions.length === 0) {
-                    return;
-                }
-                conditions.forEach(function (styleRef) {
-                    var _a;
-                    var _b = teleport_shared_1.UIDLUtils.splitDynamicAndStaticStyles(styleRef.content), staticValues = _b.staticStyles, tokenValues = _b.tokenStyles;
-                    var collecedMediaStyles = __assign(__assign({}, teleport_plugin_common_1.StyleUtils.getContentOfStyleObject(staticValues)), teleport_plugin_common_1.StyleUtils.getCSSVariablesContentFromTokenStyles(tokenValues));
-                    if (styleRef.type === 'element-state') {
-                        cssMap.push(teleport_plugin_common_1.StyleBuilders.createCSSClassWithSelector(name, "&:" + styleRef.meta.state, collecedMediaStyles));
+            if (Object.keys(styleSetDefinitions).length > 0) {
+                Object.values(styleSetDefinitions).forEach(function (style) {
+                    var name = style.name, content = style.content, _a = style.conditions, conditions = _a === void 0 ? [] : _a;
+                    var _b = teleport_shared_1.UIDLUtils.splitDynamicAndStaticStyles(content), staticStyles = _b.staticStyles, tokenStyles = _b.tokenStyles;
+                    var collectedStyles = __assign(__assign({}, teleport_plugin_common_1.StyleUtils.getContentOfStyleObject(staticStyles)), teleport_plugin_common_1.StyleUtils.getCSSVariablesContentFromTokenStyles(tokenStyles));
+                    cssMap.push(teleport_plugin_common_1.StyleBuilders.createCSSClass(name, collectedStyles));
+                    if (conditions.length === 0) {
+                        return;
                     }
-                    if (styleRef.type === 'screen-size') {
-                        mediaStylesMap[styleRef.meta.maxWidth] = __assign(__assign({}, mediaStylesMap[styleRef.meta.maxWidth]), (_a = {}, _a[name] = collecedMediaStyles, _a));
-                    }
+                    conditions.forEach(function (styleRef) {
+                        var _a;
+                        var _b = teleport_shared_1.UIDLUtils.splitDynamicAndStaticStyles(styleRef.content), staticValues = _b.staticStyles, tokenValues = _b.tokenStyles;
+                        var collecedMediaStyles = __assign(__assign({}, teleport_plugin_common_1.StyleUtils.getContentOfStyleObject(staticValues)), teleport_plugin_common_1.StyleUtils.getCSSVariablesContentFromTokenStyles(tokenValues));
+                        if (styleRef.type === 'element-state') {
+                            cssMap.push(teleport_plugin_common_1.StyleBuilders.createCSSClassWithSelector(name, "&:" + styleRef.meta.state, collecedMediaStyles));
+                        }
+                        if (styleRef.type === 'screen-size') {
+                            mediaStylesMap[styleRef.meta.maxWidth] = __assign(__assign({}, mediaStylesMap[styleRef.meta.maxWidth]), (_a = {}, _a[name] = collecedMediaStyles, _a));
+                        }
+                    });
                 });
-            });
+            }
             cssMap.push.apply(cssMap, teleport_plugin_common_1.StyleBuilders.generateMediaStyle(mediaStylesMap));
+            if (cssMap.length === 0) {
+                return [2 /*return*/, structure];
+            }
             uidl.outputOptions = uidl.outputOptions || {};
@@ -93,0 +98,0 @@ uidl.outputOptions.styleFileName = fileName;

dist/cjs/style-sheet.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"style-sheet.js","sourceRoot":"","sources":["../../src/style-sheet.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"style-sheet.js","sourceRoot":"","sources":["../../src/style-sheet.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6EAA8E;AAC9E,+DAAuD;AACvD,6DAKmC;AAMtB,QAAA,sBAAsB,GAA6C,UAAC,MAAM;IAC7E,IAAA,qDAAQ,CAAoC;IACpD,IAAM,gBAAgB,GAAoB,UAAO,SAAS;;;YAChD,IAAI,GAAa,SAAS,KAAtB,EAAE,MAAM,GAAK,SAAS,OAAd,CAAc;YAC1B,KAAmE,IAAI,oBAA/C,EAAxB,mBAAmB,mBAAG,EAAE,KAAA,EAAE,KAAyC,IAAI,eAAT,EAAlB,sBAAgB,EAAE,aAAP,EAAX,MAAM,mBAAG,EAAE,KAAA,CAAgB;YAE/E,IACE,CAAC,CAAC,mBAAmB,IAAI,CAAC,MAAM,CAAC;gBACjC,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,EACnF;gBACA,sBAAM;aACP;YAEK,MAAM,GAAa,EAAE,CAAA;YACrB,cAAc,GAA4C,EAAE,CAAA;YAElE,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;gBAClC,MAAM,CAAC,IAAI,CACT,sCAAa,CAAC,0BAA0B,CACtC,SAAS,EACT,OAAO,EACP,mCAAU,CAAC,gCAAgC,CAAC,MAAM,CAAC,CACpD,CACF,CAAA;aACF;YAED,IAAI,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC/C,MAAM,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,UAAC,KAAK;oBACvC,IAAA,iBAAI,EAAE,uBAAO,EAAE,qBAAe,EAAf,oCAAe,CAAU;oBAC1C,IAAA,qEAA8E,EAA5E,8BAAY,EAAE,4BAA8D,CAAA;oBACpF,IAAM,eAAe,GAAG,sBACnB,mCAAU,CAAC,uBAAuB,CAAC,YAAY,CAAC,GAChD,mCAAU,CAAC,qCAAqC,CAAC,WAAW,CAAC,CAC9B,CAAA;oBACpC,MAAM,CAAC,IAAI,CAAC,sCAAa,CAAC,cAAc,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAA;oBAEhE,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE;wBAC3B,OAAM;qBACP;oBACD,UAAU,CAAC,OAAO,CAAC,UAAC,QAAQ;;wBACpB,IAAA,8EAGqD,EAFzD,8BAA0B,EAC1B,4BACyD,CAAA;wBAC3D,IAAM,mBAAmB,GAAG,sBACvB,mCAAU,CAAC,uBAAuB,CAAC,YAAY,CAAC,GAChD,mCAAU,CAAC,qCAAqC,CAAC,WAAW,CAAC,CAC9B,CAAA;wBAEpC,IAAI,QAAQ,CAAC,IAAI,KAAK,eAAe,EAAE;4BACrC,MAAM,CAAC,IAAI,CACT,sCAAa,CAAC,0BAA0B,CACtC,IAAI,EACJ,OAAK,QAAQ,CAAC,IAAI,CAAC,KAAO,EAC1B,mBAAmB,CACpB,CACF,CAAA;yBACF;wBAED,IAAI,QAAQ,CAAC,IAAI,KAAK,aAAa,EAAE;4BACnC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,yBACjC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,gBACxC,IAAI,IAAG,mBAAmB,MAC5B,CAAA;yBACF;oBACH,CAAC,CAAC,CAAA;gBACJ,CAAC,CAAC,CAAA;aACH;YAED,MAAM,CAAC,IAAI,OAAX,MAAM,EAAS,sCAAa,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAAC;YAEhE,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;gBACvB,sBAAO,SAAS,EAAA;aACjB;YAED,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,IAAI,EAAE,CAAA;YAC7C,IAAI,CAAC,aAAa,CAAC,aAAa,GAAG,QAAQ,CAAA;YAE3C,MAAM,CAAC,IAAI,CAAC;gBACV,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,0BAAS,CAAC,MAAM;gBACtB,QAAQ,EAAE,yBAAQ,CAAC,GAAG;gBACtB,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;gBAC1B,SAAS,EAAE,EAAE;aACd,CAAC,CAAA;YAEF,sBAAO,SAAS,EAAA;;SACjB,CAAA;IACD,OAAO,gBAAgB,CAAA;AACzB,CAAC,CAAA"}

dist/esm/index.js

@@ -8,6 +8,18 @@ import { StringUtils, UIDLUtils } from '@teleporthq/teleport-shared';
     const cssPlugin = async (structure) => {
-        var _a;
         const { uidl, chunks, dependencies, options } = structure;
-        const { projectStyleSet } = options;
+        const { projectStyleSet, designLanguage: { tokens = {} } = {}, isRootComponent } = options || {};
+        const { styleSetDefinitions = {}, fileName: projectStyleSheetName, path } = projectStyleSet || {};
         const { node } = uidl;
+        if (isRootComponent) {
+            if (Object.keys(tokens).length > 0 || Object.keys(styleSetDefinitions).length > 0) {
+                dependencies[projectStyleSheetName] = {
+                    type: 'local',
+                    path: `${path}/${projectStyleSheetName}.${FileType.CSS}`,
+                    meta: {
+                        importJustPath: true,
+                    },
+                };
+            }
+            return structure;
+        }
         const templateChunk = chunks.find((chunk) => chunk.name === templateChunkName);
@@ -22,3 +34,2 @@ const componentDecoratorChunk = chunks.find((chunk) => chunk.name === componentDecoratorChunkName);
         const jssStylesArray = [];
-        let isProjectStyleReferred = false;
         const mediaStylesMap = {};
@@ -41,7 +52,7 @@ UIDLUtils.traverseElements(node, (element) => {
                 const { staticStyles, dynamicStyles, tokenStyles } = UIDLUtils.splitDynamicAndStaticStyles(style);
-                const collectedStyles = {
-                    ...StyleUtils.getContentOfStyleObject(staticStyles),
-                    ...StyleUtils.getCSSVariablesContentFromTokenStyles(tokenStyles),
-                };
-                if (Object.keys(staticStyles).length > 0) {
+                if (Object.keys(staticStyles).length > 0 || Object.keys(tokenStyles).length > 0) {
+                    const collectedStyles = {
+                        ...StyleUtils.getContentOfStyleObject(staticStyles),
+                        ...StyleUtils.getCSSVariablesContentFromTokenStyles(tokenStyles),
+                    };
                     jssStylesArray.push(StyleBuilders.createCSSClass(className, collectedStyles));
@@ -53,14 +64,12 @@ appendClassName = true;
                     since inline style does not support that */
-                    if (Object.keys(dynamicStyles).length > 0) {
-                        if (templateStyle === 'html') {
-                            // simple string expression
-                            const inlineStyles = createDynamicInlineStyle(dynamicStyles);
-                            HASTUtils.addAttributeToNode(root, inlineStyleAttributeKey, `{${inlineStyles}}`);
-                        }
-                        else {
-                            // jsx object expression
-                            const inlineStyles = UIDLUtils.transformDynamicStyles(dynamicStyles, (styleValue) => StyleBuilders.createDynamicStyleExpression(styleValue, propsPrefix));
-                            ASTUtils.addAttributeToJSXTag(root, inlineStyleAttributeKey, inlineStyles);
-                        }
+                    if (templateStyle === 'html') {
+                        // simple string expression
+                        const inlineStyles = createDynamicInlineStyle(dynamicStyles);
+                        HASTUtils.addAttributeToNode(root, inlineStyleAttributeKey, `{${inlineStyles}}`);
                     }
+                    else {
+                        // jsx object expression
+                        const inlineStyles = UIDLUtils.transformDynamicStyles(dynamicStyles, (styleValue) => StyleBuilders.createDynamicStyleExpression(styleValue, propsPrefix));
+                        ASTUtils.addAttributeToJSXTag(root, inlineStyleAttributeKey, inlineStyles);
+                    }
                 }
@@ -80,5 +89,2 @@ }
                             };
-                            if (staticStyles && Object.keys(staticStyles).length === 0) {
-                                return;
-                            }
                             if (Object.keys(staticStyles).length > 0) {
@@ -102,9 +108,5 @@ const condition = styleRef.content.conditions[0];
                         case 'project-referenced': {
-                            if (!projectStyleSet) {
-                                throw new Error(`Project Style Sheet is missing, but the node is referring to it ${element}`);
-                            }
                             const { content } = styleRef;
                             if (content.referenceId && !((_a = content) === null || _a === void 0 ? void 0 : _a.conditions)) {
-                                isProjectStyleReferred = true;
-                                const referedStyle = projectStyleSet.styleSetDefinitions[content.referenceId];
+                                const referedStyle = styleSetDefinitions[content.referenceId];
                                 if (!referedStyle) {
@@ -138,11 +140,2 @@ throw new Error(`Style that is being used for reference is missing - ${content.referenceId}`);
         }
-        if (isProjectStyleReferred && ((_a = projectStyleSet) === null || _a === void 0 ? void 0 : _a.importFile)) {
-            dependencies[projectStyleSet.fileName] = {
-                type: 'local',
-                path: `${projectStyleSet.path}/${projectStyleSet.fileName}.${FileType.CSS}`,
-                meta: {
-                    importJustPath: true,
-                },
-            };
-        }
         if (jssStylesArray.length > 0) {
@@ -149,0 +142,0 @@ chunks.push({

dist/esm/index.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AACpE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAA;AAEnG,OAAO,EAKL,SAAS,EACT,QAAQ,GAIT,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAatD,MAAM,CAAC,MAAM,eAAe,GAA4C,CAAC,MAAM,EAAE,EAAE;IACjF,MAAM,EACJ,SAAS,GAAG,aAAa,EACzB,iBAAiB,GAAG,gBAAgB,EACpC,2BAA2B,GAAG,qBAAqB,EACnD,uBAAuB,GAAG,OAAO,EACjC,kBAAkB,GAAG,OAAO,EAC5B,aAAa,GAAG,MAAM,EACtB,iBAAiB,GAAG,MAAM,EAC1B,YAAY,GAAG,KAAK,GACrB,GAAG,MAAM,IAAI,EAAE,CAAA;IAEhB,MAAM,SAAS,GAAoB,KAAK,EAAE,SAAS,EAAE,EAAE;QACrD,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,SAAS,CAAA;QACzD,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,EAAE,EAAE,eAAe,EAAE,GAAG,OAAO,IAAI,EAAE,CAAA;QAChG,MAAM,EAAE,mBAAmB,GAAG,EAAE,EAAE,QAAQ,EAAE,qBAAqB,EAAE,IAAI,EAAE,GACvE,eAAe,IAAI,EAAE,CAAA;QAEvB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAA;QAErB,IAAI,eAAe,EAAE;YACnB,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;gBACjF,YAAY,CAAC,qBAAqB,CAAC,GAAG;oBACpC,IAAI,EAAE,OAAO;oBACb,IAAI,EAAE,GAAG,IAAI,IAAI,qBAAqB,IAAI,QAAQ,CAAC,GAAG,EAAE;oBACxD,IAAI,EAAE;wBACJ,cAAc,EAAE,IAAI;qBACrB;iBACF,CAAA;aACF;YAED,OAAO,SAAS,CAAA;SACjB;QAED,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,iBAAiB,CAAC,CAAA;QAC9E,MAAM,uBAAuB,GAAG,MAAM,CAAC,IAAI,CACzC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,2BAA2B,CACtD,CAAA;QAED,MAAM,cAAc,GAAG,aAAa,CAAC,IAAI,CAAC,WAGzC,CAAA;QAED,0EAA0E;QAC1E,aAAa;QACb,MAAM,WAAW,GAAW,aAAa,CAAC,IAAI,CAAC,gBAAgB;YAC7D,CAAC,CAAE,aAAa,CAAC,IAAI,CAAC,gBAA4C,CAAC,IAAI;YACvE,CAAC,CAAC,EAAE,CAAA;QAEN,MAAM,cAAc,GAAa,EAAE,CAAA;QACnC,MAAM,cAAc,GAA4C,EAAE,CAAA;QAElE,SAAS,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC,OAAO,EAAE,EAAE;;YAC3C,IAAI,eAAe,GAAY,KAAK,CAAA;YACpC,MAAM,kBAAkB,GAAa,EAAE,CAAA;YACvC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAA;YAEhD,IAAI,CAAC,KAAK,IAAI,CAAC,gBAAgB,EAAE;gBAC/B,OAAM;aACP;YAED,MAAM,IAAI,GAAG,cAAc,CAAC,GAAG,CAAC,CAAA;YAEhC,MAAM,gBAAgB,GAAG,WAAW,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAA;YAC7D,MAAM,iBAAiB,GAAG,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAA,CAAC,4CAA4C;YAC3G,MAAM,SAAS,GAAG,YAAY,CAAC,uEAAuE;gBACpG,CAAC,CAAC,GAAG,iBAAiB,IAAI,gBAAgB,EAAE;gBAC5C,CAAC,CAAC,gBAAgB,CAAA;YAEpB,IAAI,KAAK,EAAE;gBACT,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC,2BAA2B,CACxF,KAAK,CACN,CAAA;gBAED,IAAI,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;oBAC/E,MAAM,eAAe,GAAG;wBACtB,GAAG,UAAU,CAAC,uBAAuB,CAAC,YAAY,CAAC;wBACnD,GAAG,UAAU,CAAC,qCAAqC,CAAC,WAAW,CAAC;qBAC9B,CAAA;oBACpC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC,CAAA;oBAC7E,eAAe,GAAG,IAAI,CAAA;iBACvB;gBAED,IAAI,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;oBACzC;+DAC2C;oBAC3C,IAAI,aAAa,KAAK,MAAM,EAAE;wBAC5B,2BAA2B;wBAC3B,MAAM,YAAY,GAAG,wBAAwB,CAAC,aAAa,CAAC,CAAA;wBAC5D,SAAS,CAAC,kBAAkB,CAC1B,IAAgB,EAChB,uBAAuB,EACvB,IAAI,YAAY,GAAG,CACpB,CAAA;qBACF;yBAAM;wBACL,wBAAwB;wBACxB,MAAM,YAAY,GAAG,SAAS,CAAC,sBAAsB,CAAC,aAAa,EAAE,CAAC,UAAU,EAAE,EAAE,CAClF,aAAa,CAAC,4BAA4B,CAAC,UAAU,EAAE,WAAW,CAAC,CACpE,CAAA;wBACD,QAAQ,CAAC,oBAAoB,CAC3B,IAAwB,EACxB,uBAAuB,EACvB,YAAY,CACb,CAAA;qBACF;iBACF;aACF;YAED,IAAI,gBAAgB,IAAI,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;gBAChE,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,QAAwC,EAAE,EAAE;;oBACnF,QAAQ,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE;wBAChC,KAAK,SAAS,CAAC,CAAC;4BACd;yEAC6C;4BAC7C,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC,2BAA2B,CACzE,QAAQ,CAAC,OAAO,CAAC,MAAM,CACxB,CAAA;4BACD,MAAM,eAAe,GAAG;gCACtB,GAAG,UAAU,CAAC,uBAAuB,CAAC,YAAY,CAAC;gCACnD,GAAG,UAAU,CAAC,qCAAqC,CAAC,WAAW,CAAC;6BAC9B,CAAA;4BAEpC,IAAI,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;gCACxC,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;gCAChD,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,CAAA;gCACnC,IAAI,aAAa,KAAK,aAAa,EAAE;oCACnC,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAmD,CAAA;oCACxE,cAAc,CAAC,QAAQ,CAAC,GAAG;wCACzB,GAAG,cAAc,CAAC,QAAQ,CAAC;wCAC3B,CAAC,SAAS,CAAC,EAAE,eAAe;qCAC7B,CAAA;iCACF;gCAED,IAAI,SAAS,CAAC,aAAa,KAAK,eAAe,EAAE;oCAC/C,cAAc,CAAC,IAAI,CACjB,aAAa,CAAC,0BAA0B,CACtC,SAAS,EACT,KAAK,SAAS,CAAC,OAAO,EAAE,EACxB,eAAe,CAChB,CACF,CAAA;iCACF;gCAED,eAAe,GAAG,IAAI,CAAA;6BACvB;4BACD,OAAM;yBACP;wBACD,KAAK,oBAAoB,CAAC,CAAC;4BACzB,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAA;4BAC5B,IAAI,OAAO,CAAC,WAAW,IAAI,QAAC,OAAO,0CAAE,UAAU,CAAA,EAAE;gCAC/C,MAAM,YAAY,GAAG,mBAAmB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;gCAC7D,IAAI,CAAC,YAAY,EAAE;oCACjB,MAAM,IAAI,KAAK,CACb,uDAAuD,OAAO,CAAC,WAAW,EAAE,CAC7E,CAAA;iCACF;gCACD,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;6BAC3C;4BACD,OAAM;yBACP;wBACD,OAAO,CAAC,CAAC;4BACP,MAAM,IAAI,KAAK,CACb,2DAA2D,QAAQ,CAAC,OAAO,EAAE,CAC9E,CAAA;yBACF;qBACF;gBACH,CAAC,CAAC,CAAA;aACH;YAED,IAAI,eAAe,EAAE;gBACnB,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;aACnC;YAED,IAAI,OAAA,kBAAkB,0CAAE,MAAM,IAAG,CAAC,EAAE;gBAClC,IAAI,aAAa,KAAK,MAAM,EAAE;oBAC5B,SAAS,CAAC,cAAc,CAAC,IAAgB,EAAE,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA;iBACzE;qBAAM;oBACL,QAAQ,CAAC,sBAAsB,CAC7B,IAAwB,EACxB,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,EAC5B,kBAAkB,CACnB,CAAA;iBACF;aACF;QACH,CAAC,CAAC,CAAA;QAEF,IAAI,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;YAC1C,cAAc,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAAC,CAAA;SACzE;QAED,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE;YAC7B,MAAM,CAAC,IAAI,CAAC;gBACV,IAAI,EAAE,SAAS,CAAC,MAAM;gBACtB,IAAI,EAAE,SAAS;gBACf,QAAQ,EAAE,QAAQ,CAAC,GAAG;gBACtB,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;gBAClC,SAAS,EAAE,EAAE;aACd,CAAC,CAAA;YAEF;;;;eAIG;YACH,MAAM,WAAW,GAAG,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;YAEpD,IAAI,iBAAiB,KAAK,WAAW,IAAI,uBAAuB,EAAE;gBAChE,MAAM,YAAY,GAAG,uBAAuB,CAAC,OAAO,CAAA;gBACpD,aAAa;gBACb,MAAM,cAAc,GAAG,YAAY,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;gBAC3D,QAAQ,CAAC,sBAAsB,CAAC,cAAc,EAAE,WAAW,EAAE;oBAC3D,GAAG,WAAW,IAAI,QAAQ,CAAC,GAAG,EAAE;iBACjC,CAAC,CAAA;aACH;YAED,IAAI,iBAAiB,KAAK,QAAQ,EAAE;gBAClC,YAAY,CAAC,MAAM,GAAG;oBACpB,0EAA0E;oBAC1E,IAAI,EAAE,OAAO;oBACb,IAAI,EAAE,KAAK,WAAW,IAAI,QAAQ,CAAC,GAAG,EAAE;oBACxC,IAAI,EAAE;wBACJ,cAAc,EAAE,IAAI;qBACrB;iBACF,CAAA;aACF;SACF;QAED,OAAO,SAAS,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAA;AAEjC,eAAe,eAAe,EAAE,CAAA;AAEhC,MAAM,wBAAwB,GAAG,CAAC,MAA4B,EAAE,EAAE;IAChE,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;SACvB,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;QAChB,OAAO,GAAG,QAAQ,KAAM,MAAM,CAAC,QAAQ,CAA0B,CAAC,OAAO,CAAC,EAAE,EAAE,CAAA;IAChF,CAAC,CAAC;SACD,IAAI,CAAC,IAAI,CAAC,CAAA;AACf,CAAC,CAAA"}

dist/esm/style-sheet.js

@@ -8,5 +8,5 @@ import { StyleUtils, StyleBuilders } from '@teleporthq/teleport-plugin-common';
         const { uidl, chunks } = structure;
-        const { styleSetDefinitions, designLanguage = {} } = uidl;
-        const { tokens = {} } = designLanguage;
-        if (!styleSetDefinitions || Object.keys(styleSetDefinitions).length === 0) {
+        const { styleSetDefinitions = {}, designLanguage: { tokens = {} } = {} } = uidl;
+        if ((!styleSetDefinitions && !tokens) ||
+            (Object.keys(styleSetDefinitions).length === 0 && Object.keys(tokens).length === 0)) {
             return;
@@ -19,31 +19,36 @@ }
         }
-        Object.values(styleSetDefinitions).forEach((style) => {
-            const { name, content, conditions = [] } = style;
-            const { staticStyles, tokenStyles } = UIDLUtils.splitDynamicAndStaticStyles(content);
-            const collectedStyles = {
-                ...StyleUtils.getContentOfStyleObject(staticStyles),
-                ...StyleUtils.getCSSVariablesContentFromTokenStyles(tokenStyles),
-            };
-            cssMap.push(StyleBuilders.createCSSClass(name, collectedStyles));
-            if (conditions.length === 0) {
-                return;
-            }
-            conditions.forEach((styleRef) => {
-                const { staticStyles: staticValues, tokenStyles: tokenValues, } = UIDLUtils.splitDynamicAndStaticStyles(styleRef.content);
-                const collecedMediaStyles = {
-                    ...StyleUtils.getContentOfStyleObject(staticValues),
-                    ...StyleUtils.getCSSVariablesContentFromTokenStyles(tokenValues),
+        if (Object.keys(styleSetDefinitions).length > 0) {
+            Object.values(styleSetDefinitions).forEach((style) => {
+                const { name, content, conditions = [] } = style;
+                const { staticStyles, tokenStyles } = UIDLUtils.splitDynamicAndStaticStyles(content);
+                const collectedStyles = {
+                    ...StyleUtils.getContentOfStyleObject(staticStyles),
+                    ...StyleUtils.getCSSVariablesContentFromTokenStyles(tokenStyles),
                 };
-                if (styleRef.type === 'element-state') {
-                    cssMap.push(StyleBuilders.createCSSClassWithSelector(name, `&:${styleRef.meta.state}`, collecedMediaStyles));
+                cssMap.push(StyleBuilders.createCSSClass(name, collectedStyles));
+                if (conditions.length === 0) {
+                    return;
                 }
-                if (styleRef.type === 'screen-size') {
-                    mediaStylesMap[styleRef.meta.maxWidth] = {
-                        ...mediaStylesMap[styleRef.meta.maxWidth],
-                        [name]: collecedMediaStyles,
+                conditions.forEach((styleRef) => {
+                    const { staticStyles: staticValues, tokenStyles: tokenValues, } = UIDLUtils.splitDynamicAndStaticStyles(styleRef.content);
+                    const collecedMediaStyles = {
+                        ...StyleUtils.getContentOfStyleObject(staticValues),
+                        ...StyleUtils.getCSSVariablesContentFromTokenStyles(tokenValues),
                     };
-                }
+                    if (styleRef.type === 'element-state') {
+                        cssMap.push(StyleBuilders.createCSSClassWithSelector(name, `&:${styleRef.meta.state}`, collecedMediaStyles));
+                    }
+                    if (styleRef.type === 'screen-size') {
+                        mediaStylesMap[styleRef.meta.maxWidth] = {
+                            ...mediaStylesMap[styleRef.meta.maxWidth],
+                            [name]: collecedMediaStyles,
+                        };
+                    }
+                });
             });
-        });
+        }
         cssMap.push(...StyleBuilders.generateMediaStyle(mediaStylesMap));
+        if (cssMap.length === 0) {
+            return structure;
+        }
         uidl.outputOptions = uidl.outputOptions || {};
@@ -50,0 +55,0 @@ uidl.outputOptions.styleFileName = fileName;

dist/esm/style-sheet.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"style-sheet.js","sourceRoot":"","sources":["../../src/style-sheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAA;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,EAGL,SAAS,EACT,QAAQ,GACT,MAAM,4BAA4B,CAAA;AAMnC,MAAM,CAAC,MAAM,sBAAsB,GAA6C,CAAC,MAAM,EAAE,EAAE;IACzF,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAA;IACpD,MAAM,gBAAgB,GAAoB,KAAK,EAAE,SAAS,EAAE,EAAE;QAC5D,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;QAClC,MAAM,EAAE,mBAAmB,EAAE,cAAc,GAAG,EAAE,EAAE,GAAG,IAAI,CAAA;QACzD,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,cAAc,CAAA;QAEtC,IAAI,CAAC,mBAAmB,IAAI,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;YACzE,OAAM;SACP;QAED,MAAM,MAAM,GAAa,EAAE,CAAA;QAC3B,MAAM,cAAc,GAA4C,EAAE,CAAA;QAElE,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;YAClC,MAAM,CAAC,IAAI,CACT,aAAa,CAAC,0BAA0B,CACtC,SAAS,EACT,OAAO,EACP,UAAU,CAAC,gCAAgC,CAAC,MAAM,CAAC,CACpD,CACF,CAAA;SACF;QAED,MAAM,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YACnD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;YAChD,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC,2BAA2B,CAAC,OAAO,CAAC,CAAA;YACpF,MAAM,eAAe,GAAG;gBACtB,GAAG,UAAU,CAAC,uBAAuB,CAAC,YAAY,CAAC;gBACnD,GAAG,UAAU,CAAC,qCAAqC,CAAC,WAAW,CAAC;aAC9B,CAAA;YACpC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAA;YAEhE,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC3B,OAAM;aACP;YACD,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;gBAC9B,MAAM,EACJ,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,GACzB,GAAG,SAAS,CAAC,2BAA2B,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;gBAC3D,MAAM,mBAAmB,GAAG;oBAC1B,GAAG,UAAU,CAAC,uBAAuB,CAAC,YAAY,CAAC;oBACnD,GAAG,UAAU,CAAC,qCAAqC,CAAC,WAAW,CAAC;iBAC9B,CAAA;gBAEpC,IAAI,QAAQ,CAAC,IAAI,KAAK,eAAe,EAAE;oBACrC,MAAM,CAAC,IAAI,CACT,aAAa,CAAC,0BAA0B,CACtC,IAAI,EACJ,KAAK,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,EAC1B,mBAAmB,CACpB,CACF,CAAA;iBACF;gBAED,IAAI,QAAQ,CAAC,IAAI,KAAK,aAAa,EAAE;oBACnC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG;wBACvC,GAAG,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;wBACzC,CAAC,IAAI,CAAC,EAAE,mBAAmB;qBAC5B,CAAA;iBACF;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QAEF,MAAM,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAAC,CAAA;QAEhE,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,IAAI,EAAE,CAAA;QAC7C,IAAI,CAAC,aAAa,CAAC,aAAa,GAAG,QAAQ,CAAA;QAE3C,MAAM,CAAC,IAAI,CAAC;YACV,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,SAAS,CAAC,MAAM;YACtB,QAAQ,EAAE,QAAQ,CAAC,GAAG;YACtB,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YAC1B,SAAS,EAAE,EAAE;SACd,CAAC,CAAA;QAEF,OAAO,SAAS,CAAA;IAClB,CAAC,CAAA;IACD,OAAO,gBAAgB,CAAA;AACzB,CAAC,CAAA"}
+{"version":3,"file":"style-sheet.js","sourceRoot":"","sources":["../../src/style-sheet.ts"],"names":[],"mappings":"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"}

package.json

 {
   "name": "@teleporthq/teleport-plugin-css",
-  "version": "0.15.0",
+  "version": "0.16.0",
   "description": "A plugin for creating the styles into external css files",
@@ -30,7 +30,7 @@ "author": "teleportHQ",
     "@babel/types": "^7.5.5",
-    "@teleporthq/teleport-plugin-common": "^0.15.0",
-    "@teleporthq/teleport-shared": "^0.15.0",
-    "@teleporthq/teleport-types": "^0.15.0"
+    "@teleporthq/teleport-plugin-common": "^0.16.0",
+    "@teleporthq/teleport-shared": "^0.16.0",
+    "@teleporthq/teleport-types": "^0.16.0"
   },
-  "gitHead": "397f2e55be8419d8b060dfd96485297fc1169535"
+  "gitHead": "87531fab68231f166de64fdd5a2a212fdab8f0c9"
 }

src/index.ts

@@ -42,6 +42,22 @@ import { StringUtils, UIDLUtils } from '@teleporthq/teleport-shared'
     const { uidl, chunks, dependencies, options } = structure
-    const { projectStyleSet } = options
+    const { projectStyleSet, designLanguage: { tokens = {} } = {}, isRootComponent } = options || {}
+    const { styleSetDefinitions = {}, fileName: projectStyleSheetName, path } =
+      projectStyleSet || {}
 
     const { node } = uidl
 
+    if (isRootComponent) {
+      if (Object.keys(tokens).length > 0 || Object.keys(styleSetDefinitions).length > 0) {
+        dependencies[projectStyleSheetName] = {
+          type: 'local',
+          path: `${path}/${projectStyleSheetName}.${FileType.CSS}`,
+          meta: {
+            importJustPath: true,
+          },
+        }
+      }
+
+      return structure
+    }
+
     const templateChunk = chunks.find((chunk) => chunk.name === templateChunkName)
@@ -64,3 +80,2 @@ const componentDecoratorChunk = chunks.find(
     const jssStylesArray: string[] = []
-    let isProjectStyleReferred: boolean = false
     const mediaStylesMap: Record<string, Record<string, unknown>> = {}
@@ -89,10 +104,9 @@
         )
-        const collectedStyles = {
-          ...StyleUtils.getContentOfStyleObject(staticStyles),
-          ...StyleUtils.getCSSVariablesContentFromTokenStyles(tokenStyles),
-        } as Record<string, string | number>
 
-        if (Object.keys(staticStyles).length > 0) {
+        if (Object.keys(staticStyles).length > 0 || Object.keys(tokenStyles).length > 0) {
+          const collectedStyles = {
+            ...StyleUtils.getContentOfStyleObject(staticStyles),
+            ...StyleUtils.getCSSVariablesContentFromTokenStyles(tokenStyles),
+          } as Record<string, string | number>
           jssStylesArray.push(StyleBuilders.createCSSClass(className, collectedStyles))
-
           appendClassName = true
@@ -104,23 +118,20 @@ }
           since inline style does not support that */
-
-          if (Object.keys(dynamicStyles).length > 0) {
-            if (templateStyle === 'html') {
-              // simple string expression
-              const inlineStyles = createDynamicInlineStyle(dynamicStyles)
-              HASTUtils.addAttributeToNode(
-                root as HastNode,
-                inlineStyleAttributeKey,
-                `{${inlineStyles}}`
-              )
-            } else {
-              // jsx object expression
-              const inlineStyles = UIDLUtils.transformDynamicStyles(dynamicStyles, (styleValue) =>
-                StyleBuilders.createDynamicStyleExpression(styleValue, propsPrefix)
-              )
-              ASTUtils.addAttributeToJSXTag(
-                root as types.JSXElement,
-                inlineStyleAttributeKey,
-                inlineStyles
-              )
-            }
+          if (templateStyle === 'html') {
+            // simple string expression
+            const inlineStyles = createDynamicInlineStyle(dynamicStyles)
+            HASTUtils.addAttributeToNode(
+              root as HastNode,
+              inlineStyleAttributeKey,
+              `{${inlineStyles}}`
+            )
+          } else {
+            // jsx object expression
+            const inlineStyles = UIDLUtils.transformDynamicStyles(dynamicStyles, (styleValue) =>
+              StyleBuilders.createDynamicStyleExpression(styleValue, propsPrefix)
+            )
+            ASTUtils.addAttributeToJSXTag(
+              root as types.JSXElement,
+              inlineStyleAttributeKey,
+              inlineStyles
+            )
           }
@@ -144,6 +155,2 @@ }
 
-              if (staticStyles && Object.keys(staticStyles).length === 0) {
-                return
-              }
-
               if (Object.keys(staticStyles).length > 0) {
@@ -175,12 +182,5 @@ const condition = styleRef.content.conditions[0]
             case 'project-referenced': {
-              if (!projectStyleSet) {
-                throw new Error(
-                  `Project Style Sheet is missing, but the node is referring to it ${element}`
-                )
-              }
-
               const { content } = styleRef
               if (content.referenceId && !content?.conditions) {
-                isProjectStyleReferred = true
-                const referedStyle = projectStyleSet.styleSetDefinitions[content.referenceId]
+                const referedStyle = styleSetDefinitions[content.referenceId]
                 if (!referedStyle) {
@@ -225,12 +225,2 @@ throw new Error(
 
-    if (isProjectStyleReferred && projectStyleSet?.importFile) {
-      dependencies[projectStyleSet.fileName] = {
-        type: 'local',
-        path: `${projectStyleSet.path}/${projectStyleSet.fileName}.${FileType.CSS}`,
-        meta: {
-          importJustPath: true,
-        },
-      }
-    }
-
     if (jssStylesArray.length > 0) {
@@ -237,0 +227,0 @@ chunks.push({

src/style-sheet.ts

@@ -18,6 +18,8 @@ import { StyleUtils, StyleBuilders } from '@teleporthq/teleport-plugin-common'
     const { uidl, chunks } = structure
-    const { styleSetDefinitions, designLanguage = {} } = uidl
-    const { tokens = {} } = designLanguage
+    const { styleSetDefinitions = {}, designLanguage: { tokens = {} } = {} } = uidl
 
-    if (!styleSetDefinitions || Object.keys(styleSetDefinitions).length === 0) {
+    if (
+      (!styleSetDefinitions && !tokens) ||
+      (Object.keys(styleSetDefinitions).length === 0 && Object.keys(tokens).length === 0)
+    ) {
       return
@@ -39,45 +41,51 @@ }
 
-    Object.values(styleSetDefinitions).forEach((style) => {
-      const { name, content, conditions = [] } = style
-      const { staticStyles, tokenStyles } = UIDLUtils.splitDynamicAndStaticStyles(content)
-      const collectedStyles = {
-        ...StyleUtils.getContentOfStyleObject(staticStyles),
-        ...StyleUtils.getCSSVariablesContentFromTokenStyles(tokenStyles),
-      } as Record<string, string | number>
-      cssMap.push(StyleBuilders.createCSSClass(name, collectedStyles))
-
-      if (conditions.length === 0) {
-        return
-      }
-      conditions.forEach((styleRef) => {
-        const {
-          staticStyles: staticValues,
-          tokenStyles: tokenValues,
-        } = UIDLUtils.splitDynamicAndStaticStyles(styleRef.content)
-        const collecedMediaStyles = {
-          ...StyleUtils.getContentOfStyleObject(staticValues),
-          ...StyleUtils.getCSSVariablesContentFromTokenStyles(tokenValues),
+    if (Object.keys(styleSetDefinitions).length > 0) {
+      Object.values(styleSetDefinitions).forEach((style) => {
+        const { name, content, conditions = [] } = style
+        const { staticStyles, tokenStyles } = UIDLUtils.splitDynamicAndStaticStyles(content)
+        const collectedStyles = {
+          ...StyleUtils.getContentOfStyleObject(staticStyles),
+          ...StyleUtils.getCSSVariablesContentFromTokenStyles(tokenStyles),
         } as Record<string, string | number>
+        cssMap.push(StyleBuilders.createCSSClass(name, collectedStyles))
 
-        if (styleRef.type === 'element-state') {
-          cssMap.push(
-            StyleBuilders.createCSSClassWithSelector(
-              name,
-              `&:${styleRef.meta.state}`,
-              collecedMediaStyles
-            )
-          )
+        if (conditions.length === 0) {
+          return
         }
+        conditions.forEach((styleRef) => {
+          const {
+            staticStyles: staticValues,
+            tokenStyles: tokenValues,
+          } = UIDLUtils.splitDynamicAndStaticStyles(styleRef.content)
+          const collecedMediaStyles = {
+            ...StyleUtils.getContentOfStyleObject(staticValues),
+            ...StyleUtils.getCSSVariablesContentFromTokenStyles(tokenValues),
+          } as Record<string, string | number>
 
-        if (styleRef.type === 'screen-size') {
-          mediaStylesMap[styleRef.meta.maxWidth] = {
-            ...mediaStylesMap[styleRef.meta.maxWidth],
-            [name]: collecedMediaStyles,
+          if (styleRef.type === 'element-state') {
+            cssMap.push(
+              StyleBuilders.createCSSClassWithSelector(
+                name,
+                `&:${styleRef.meta.state}`,
+                collecedMediaStyles
+              )
+            )
           }
-        }
+
+          if (styleRef.type === 'screen-size') {
+            mediaStylesMap[styleRef.meta.maxWidth] = {
+              ...mediaStylesMap[styleRef.meta.maxWidth],
+              [name]: collecedMediaStyles,
+            }
+          }
+        })
       })
-    })
+    }
 
     cssMap.push(...StyleBuilders.generateMediaStyle(mediaStylesMap))
 
+    if (cssMap.length === 0) {
+      return structure
+    }
+
     uidl.outputOptions = uidl.outputOptions || {}
@@ -84,0 +92,0 @@ uidl.outputOptions.styleFileName = fileName

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

327233

0.17%

Worsened metrics

Lines of code

1475

-0.2%

Dependency changes

• + Added

  @teleporthq/teleport-plugin-common@0.16.3
  (transitive)

• + Added

  @teleporthq/teleport-shared@0.16.3
  (transitive)

• + Added

  @teleporthq/teleport-types@0.16.3
  (transitive)

• - Removed

  @teleporthq/teleport-plugin-common@0.15.0
  (transitive)

• - Removed

  @teleporthq/teleport-shared@0.15.0
  (transitive)

• - Removed

  @teleporthq/teleport-types@0.15.0
  (transitive)

• Updated

  @teleporthq/teleport-plugin-common@^0.16.0

• Updated

  @teleporthq/teleport-shared@^0.16.0

• Updated

  @teleporthq/teleport-types@^0.16.0