@ptsecurity/mosaic 14.7.0 → 14.7.2

package/design-tokens/style-dictionary/transforms/attribute/figma-color.js

@@ -1,25 +0,0 @@
-const { figmaTypes } = require('../../figma-types');
-
-const COLOR_MAX_PARTS = 4;
-
-module.exports = (styleDictionary) => {
-    styleDictionary.registerTransform({
-        name: 'mc-attribute/figma-color',
-        type: 'attribute',
-        matcher: ({name, value, attributes: { category, figmaPropType }}) => {
-            if (figmaPropType) {
-                return false;
-            }
-
-            const stringValue = value.toString();
-            const isColorValue = (
-                stringValue.startsWith('#') ||
-                stringValue.startsWith('rgba') ||
-                name.includes('color')
-            ) && stringValue.split(' ').length <= COLOR_MAX_PARTS;
-
-            return isColorValue || category === 'palette';
-        },
-        transformer: () => ({ figmaPropType: figmaTypes.color })
-    });
-};

package/design-tokens/style-dictionary/transforms/attribute/figma-default.js

@@ -1,10 +0,0 @@
-const { figmaTypes } = require('../../figma-types');
-
-module.exports = (styleDictionary) => {
-    styleDictionary.registerTransform({
-        name: 'mc-attribute/figma-default',
-        type: 'attribute',
-        matcher: ({ attributes }) => !attributes.figmaPropType,
-        transformer: () => ({ figmaPropType: figmaTypes.other })
-    });
-};

package/design-tokens/style-dictionary/transforms/attribute/figma-font.js

@@ -1,31 +0,0 @@
-const { figmaTypes } = require('../../figma-types');
-
-module.exports = (styleDictionary) => {
-    styleDictionary.registerTransform({
-        name: 'mc-attribute/figma-font',
-        type: 'attribute',
-        matcher: ({ name, attributes }) => name.includes('font') && !attributes.figmaPropType,
-        transformer: ({ name, value }) => {
-            const props = {
-                family: figmaTypes.fontFamilies,
-                size: figmaTypes.fontSizes,
-                weight: figmaTypes.fontWeights,
-                height: figmaTypes.lineHeights,
-                spacing: figmaTypes.letterSpacing,
-                transform: figmaTypes.textCase,
-                settings: figmaTypes.fontFeatureSettings
-            };
-            const [, typeName] = Object.entries(props).find(([key]) => name.includes(key)) ?? [];
-
-            if (!typeName) {
-                return {
-                    figmaPropType: 'typography',
-                    figmaValue: `typography.${value}`,
-                    figmaLink: true
-                };
-            }
-
-            return { figmaPropType: typeName };
-        }
-    });
-};

package/design-tokens/style-dictionary/transforms/attribute/figma-group.js

@@ -1,17 +0,0 @@
-const path = require('path');
-
-const GROUP_BACK_STEP_INDEX = 2;
-
-module.exports = (styleDictionary) => {
-    styleDictionary.registerTransform({
-        name: 'mc-attribute/figma-group',
-        type: 'attribute',
-        transformer: (prop) => {
-            const filePathParts = prop.filePath.split('/');
-            const group = filePathParts[filePathParts.length - GROUP_BACK_STEP_INDEX];
-            const subgroup = path.parse(prop.filePath).name;
-
-            return { group, subgroup };
-        }
-    });
-};

package/design-tokens/style-dictionary/transforms/attribute/figma-opacity.js

@@ -1,10 +0,0 @@
-const { figmaTypes } = require('../../figma-types');
-
-module.exports = (styleDictionary) => {
-    styleDictionary.registerTransform({
-        name: 'mc-attribute/figma-opacity',
-        type: 'attribute',
-        matcher: ({ name, attributes }) => name.includes('opacity') && !attributes.figmaPropType,
-        transformer: () => ({ figmaPropType: figmaTypes.opacity })
-    });
-};

package/design-tokens/style-dictionary/transforms/attribute/figma-shadow.js

@@ -1,66 +0,0 @@
-const { figmaTypes } = require('../../figma-types');
-
-const BLUR_SHADOW_INDEX = 2;
-const SPREAD_SHADOW_INDEX = 3;
-const X_SHADOW_INDEX = 0;
-const Y_SHADOW_INDEX = 1;
-const SHADOW_MIN_PARTS = 4;
-
-function transformShadow(value) {
-    const isInnerShadow = value.includes('inset');
-    const valueParts = value.split(' ');
-
-    if (isInnerShadow) {
-        valueParts.shift();
-    }
-
-    return {
-        color: valueParts.pop(),
-        type: isInnerShadow ? 'innerShadow' : 'dropShadow',
-        x: valueParts[X_SHADOW_INDEX] ?? 0,
-        y: valueParts[Y_SHADOW_INDEX] ?? 0,
-        blur: valueParts[BLUR_SHADOW_INDEX] ?? 0,
-        spread: valueParts[SPREAD_SHADOW_INDEX] ?? 0
-    };
-}
-
-module.exports = (styleDictionary) => {
-    styleDictionary.registerTransform({
-        name: 'mc-attribute/figma-shadow',
-        type: 'attribute',
-        matcher: ({name, value, attributes }) => (
-            name.includes('shadow') &&
-            value.split(' ').length > SHADOW_MIN_PARTS &&
-            !attributes.figmaPropType
-        ),
-        transformer: ({ value }) => {
-            const rgbaGroups = [];
-            let figmaValue = value;
-
-            const check = figmaValue.match(/(rgba\([\w\d\. \,]+\))/) ?? [];
-
-            for (let i = 1; i < check.length; i++) {
-                figmaValue = figmaValue.replace(check[i], `rgba${i - 1}`);
-                rgbaGroups.push(check[i]);
-            }
-
-            const shadowParts = figmaValue.split(',');
-            figmaValue = shadowParts.length > 1
-                ? shadowParts.map(transformShadow)
-                : transformShadow(figmaValue);
-
-            rgbaGroups.forEach((rgbaValue, rgbaIndex) => {
-                if (Array.isArray(figmaValue)) {
-                    figmaValue.forEach((shadow) => {
-                        shadow.color = shadow.color.replace(`rgba${rgbaIndex}`, rgbaValue);
-                    });
-
-                    return;
-                }
-                figmaValue.color = figmaValue.color.replace(`rgba${rgbaIndex}`, rgbaValue);
-            });
-
-            return { figmaPropType: figmaTypes.boxShadow, figmaValue };
-        }
-    });
-};

package/design-tokens/style-dictionary/transforms/attribute/figma-sizing.js

@@ -1,16 +0,0 @@
-const { figmaTypes } = require('../../figma-types');
-
-module.exports = (styleDictionary) => {
-    styleDictionary.registerTransform({
-        name: 'mc-attribute/figma-sizing',
-        type: 'attribute',
-        matcher: ({name, attributes}) => (
-            (
-                name.includes('height') ||
-                name.includes('width') ||
-                name.includes('size')
-            ) && !attributes.figmaPropType
-        ),
-        transformer: () => ({ figmaPropType: figmaTypes.sizing })
-    });
-};

package/design-tokens/style-dictionary/transforms/attribute/figma-spacing.js

@@ -1,15 +0,0 @@
-const { figmaTypes } = require('../../figma-types');
-
-module.exports = (styleDictionary) => {
-    styleDictionary.registerTransform({
-        name: 'mc-attribute/figma-spacing',
-        type: 'attribute',
-        matcher: ({name, attributes}) => (
-            (
-                name.includes('padding') ||
-                name.includes('margin')
-            ) && !attributes.figmaPropType
-        ),
-        transformer: (() => ({ figmaPropType: figmaTypes.spacing }))
-    });
-};

package/design-tokens/style-dictionary/transforms/attribute/figma-typography.js

@@ -1,24 +0,0 @@
-const { figmaTypes } = require('../../figma-types');
-
-module.exports = (styleDictionary) => {
-    styleDictionary.registerTransform({
-        name: 'mc-attribute/figma-typography',
-        type: 'attribute',
-        matcher: ({ name, attributes}) => name.includes('typography') && !attributes.figmaPropType,
-        transformer: ({ name, attributes }) => {
-            const props = {
-                spacing: figmaTypes.letterSpacing,
-                transform: figmaTypes.textCase,
-                settings: figmaTypes.fontFeatureSettings,
-                family: figmaTypes.fontFamily,
-                size: figmaTypes.fontSize,
-                weight: figmaTypes.fontWeight,
-                height: figmaTypes.lineHeight
-            };
-
-            const entry = Object.entries(props).find(([key]) => name.includes(key));
-
-            return entry ? { figmaPropType: entry[1] } : attributes;
-        }
-    });
-};

package/design-tokens/style-dictionary/transforms/value/figma-values.js

@@ -1,7 +0,0 @@
-module.exports = (styleDictionary) => {
-    styleDictionary.registerTransform({
-        name: 'mc-value/figma-values',
-        type: 'value',
-        transformer: ({ value }) => value === 'null' ? 'none' : value
-    });
-};