@pine-ds/core 0.0.2-rc.0 → 0.0.3-rc.0

package/dist/scripts/build-tokens.js

@@ -1,160 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import fs from "fs-extra";
-import tokens from "../tokens/tokens.json";
-// This is specific to ordering short-hand
-// CSS properties that require a specific order
-const propertyOrder = {
-    "border": ['width', 'style', 'color'],
-    "box-shadow": ['x', 'y', 'blur', 'spread', 'color']
-};
-/**
- * Runs the process to build tokens from JSON and save them to their
- * appropriate files.
- *
- * @param data Tokens data in JSON format
- */
-const build = (data) => {
-    try {
-        Object.keys(data).map((cssPropertyName) => {
-            const cssVariables = tokensToCss(data[cssPropertyName], cssPropertyName, `--${cssPropertyName}`).replaceAll('', '');
-            const cssClass = `:root {\n${cssVariables.replaceAll("--", "  --pine-")}}\n`;
-            saveTokens(cssPropertyName, cssClass);
-        });
-    }
-    catch (e) {
-        console.log("Provide a correct argument - a relative path to design tokens.\n", e);
-    }
-};
-/*** Helper Methods ***/
-/**
- * Generates the custom shorthand for the CSS Custom Property.
- *
- * @param customPropName Name of the Custom Property
- * @param cssPropertyName Name of the CSS Property
- * @param value The value attribute of the custom property
- * @returns String. Formatted custom properties with appropriate shorthand values
- */
-const buildShorthand = (customPropName, cssPropertyName, value) => {
-    if (!value.hasOwnProperty('value')) {
-        return '';
-    }
-    const { type } = value, attrs = __rest(value, ["type"]);
-    if (!Array.isArray(attrs.value)) {
-        const _a = attrs.value, { type } = _a, data = __rest(_a, ["type"]);
-        return customPropName + `: ${determinePropertyOrder(cssPropertyName, data)}`;
-    }
-    const flattened = attrs.value.flat();
-    const newCustomProperty = customPropName + `: ${flattened.map(v => {
-        const { type } = v, data = __rest(v, ["type"]);
-        return determinePropertyOrder(cssPropertyName, data);
-    }).join(', ')}
-  `;
-    return newCustomProperty;
-};
-/**
- * Generates a list of values in a defined order determined by a look-up
- * in `propertyOrder` or in order which the data keys are listed.
- *
- * @param cssProperty Name of the CSS Property
- * @param data An object of key / value pairs
- * @returns String. Formatted properties concatenated by a space
- */
-const determinePropertyOrder = (cssProperty, data) => {
-    if (Object.keys(propertyOrder).includes(cssProperty)) {
-        const propNames = propertyOrder[cssProperty];
-        const propValues = [];
-        propNames.forEach(prop => {
-            propValues.push(data[prop]);
-        });
-        return getValues(propValues);
-    }
-    else {
-        return getValues(data);
-    }
-};
-/**
- * Reads the index.scss file if it exists and adds an import statement per category name.
- * If the file doesn't exist, it will be created.
- *
- * @param categoryName The name of the token category
- */
-const formatIndexFile = (categoryName) => {
-    const indexFile = `${process.cwd()}/src/global/styles/tokens/index.scss`;
-    const importLine = `@use '${categoryName}';\n`;
-    if (!fs.existsSync(indexFile)) {
-        fs.writeFileSync(indexFile, importLine);
-    }
-    else {
-        const data = fs.readFileSync(indexFile);
-        if (data.includes(importLine)) {
-            return;
-        }
-        else {
-            fs.appendFileSync(indexFile, importLine);
-        }
-    }
-};
-/**
- * Receives values of CSS property names and joins them.
- *
- * @param data Array data to be joined
- * @returns CSS property values joined by a space
- */
-const getValues = (data) => Object.values(data).join(' ');
-/**
- * Saves formatted tokens to their own SCSS partial files.
- *
- * @param categoryName The name of the token category
- * @param tokens Formatted tokens data as CSS custom properties
- */
-const saveTokens = async (categoryName, tokens) => {
-    try {
-        const path = `${process.cwd()}/src/global/styles/tokens`;
-        await fs.writeFile(`${path}/_${categoryName}.scss`, tokens);
-        await formatIndexFile(categoryName);
-    }
-    catch (e) {
-        console.log("There was an error while saving a file.\n", e);
-    }
-};
-/**
- * Takes the JSON data and converts it to formatted CSS
- * custom properties.
- *
- * @param tokens Tokens data in JSON format
- * @param cssPropertyName Name of the css property
- * @param base Base string to format custom properties
- * @returns Formatted CSS with all custom properties
- */
-const tokensToCss = (tokens, cssPropertyName, base = `-`, prevBase = '') => Object.entries(tokens).reduce((css, [key, value]) => {
-    let newBase = base + `-${key}`;
-    if (!['description', 'type'].includes(key)) {
-        newBase = newBase.replace(/\-value/, '');
-        if (typeof value !== "object") {
-            return css + newBase + `: ${value};\n`;
-        }
-        // Prevents a duplicate entry based on recursion
-        if (newBase !== prevBase) {
-            if (['box-shadow', 'border'].find(v => newBase.includes(v) && newBase.indexOf('-radius') < 0)) {
-                const shorthand = `${buildShorthand(newBase, cssPropertyName, value)}`;
-                if (shorthand !== '')
-                    return css + shorthand.trim() + ';\n' + tokensToCss(value, cssPropertyName, newBase, newBase);
-            }
-        }
-        return css + tokensToCss(value, cssPropertyName, newBase);
-    }
-    return css;
-}, ``);
-build(tokens['core']);
-//# sourceMappingURL=build-tokens.js.map

package/dist/scripts/build-tokens.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"build-tokens.js","sourceRoot":"","sources":["../../scripts/build-tokens.ts"],"names":[],"mappings":"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","sourcesContent":["import fs from 'fs-extra';\nimport tokens from '../tokens/tokens.json';\n\n// This is specific to ordering short-hand\n// CSS properties that require a specific order\nconst propertyOrder = {\n\t\"border\": ['width', 'style', 'color'],\n\t\"box-shadow\": ['x', 'y', 'blur', 'spread', 'color']\n};\n\n/**\n * Runs the process to build tokens from JSON and save them to their\n * appropriate files.\n *\n * @param data Tokens data in JSON format\n */\nconst build = (data: object) => {\n\n\ttry {\n\t\tObject.keys(data).map((cssPropertyName) => {\n\t\t\tconst cssVariables = tokensToCss(data[cssPropertyName], cssPropertyName, `--${cssPropertyName}`, ).replaceAll('', '');\n\t\t\tconst cssClass = `:root {\\n${cssVariables.replaceAll(\"--\", \"  --pine-\")}}\\n`\n\t\t\tsaveTokens(cssPropertyName, cssClass)\n\t\t})\n\n\t} catch (e) {\n\t\tconsole.log(\n\t\t\t\"Provide a correct argument - a relative path to design tokens.\\n\",\n\t\t\te\n\t\t)\n\t}\n}\n\n/*** Helper Methods ***/\n\n/**\n * Generates the custom shorthand for the CSS Custom Property.\n *\n * @param customPropName Name of the Custom Property\n * @param cssPropertyName Name of the CSS Property\n * @param value The value attribute of the custom property\n * @returns String. Formatted custom properties with appropriate shorthand values\n */\nconst buildShorthand = (customPropName: string, cssPropertyName, value) => {\n  if (!value.hasOwnProperty('value')) {\n    return '';\n  }\n\n  const {type, ...attrs} = value;\n\n  if ( !Array.isArray(attrs.value)) {\n    const {type, ...data} = attrs.value;\n    return customPropName + `: ${determinePropertyOrder(cssPropertyName, data)}`;\n  }\n\n  const flattened = attrs.value.flat();\n\n  const newCustomProperty = customPropName + `: ${\n    flattened.map(v => {\n      const {type, ...data} = v;\n\n      return determinePropertyOrder(cssPropertyName, data);\n    }).join(', ')}\n  `\n  return newCustomProperty;\n}\n\n/**\n * Generates a list of values in a defined order determined by a look-up\n * in `propertyOrder` or in order which the data keys are listed.\n *\n * @param cssProperty Name of the CSS Property\n * @param data An object of key / value pairs\n * @returns String. Formatted properties concatenated by a space\n */\nconst determinePropertyOrder = (cssProperty, data) => {\n  if (Object.keys(propertyOrder).includes(cssProperty)) {\n    const propNames = propertyOrder[cssProperty];\n    const propValues = [];\n    propNames.forEach(prop => {\n      propValues.push(data[prop])\n    })\n    return getValues(propValues)\n  }\n  else {\n    return getValues(data)\n  }\n}\n\n/**\n * Reads the index.scss file if it exists and adds an import statement per category name.\n * If the file doesn't exist, it will be created.\n *\n * @param categoryName The name of the token category\n */\nconst formatIndexFile = (categoryName: string) => {\n\tconst indexFile = `${process.cwd()}/src/global/styles/tokens/index.scss`;\n\tconst importLine = `@use '${categoryName}';\\n`;\n\tif (!fs.existsSync(indexFile)) {\n\t\tfs.writeFileSync(indexFile, importLine);\n\t} else {\n\t\tconst data = fs.readFileSync(indexFile);\n\t\tif (data.includes(importLine)) {\n\t\t\treturn;\n\t\t} else {\n\t\t\tfs.appendFileSync(indexFile, importLine);\n\t\t}\n\t}\n}\n\n/**\n * Receives values of CSS property names and joins them.\n *\n * @param data Array data to be joined\n * @returns CSS property values joined by a space\n */\nconst getValues = (data) => Object.values(data).join(' ');\n\n/**\n * Saves formatted tokens to their own SCSS partial files.\n *\n * @param categoryName The name of the token category\n * @param tokens Formatted tokens data as CSS custom properties\n */\nconst saveTokens = async (categoryName: string, tokens: string) => {\n  try {\n\t\tconst path = `${process.cwd()}/src/global/styles/tokens`;\n\n    await fs.writeFile(`${path}/_${categoryName}.scss`, tokens);\n\t\tawait formatIndexFile(categoryName);\n  } catch (e) {\n\t\tconsole.log(\"There was an error while saving a file.\\n\", e)\n  }\n}\n\n\n/**\n * Takes the JSON data and converts it to formatted CSS\n * custom properties.\n *\n * @param tokens Tokens data in JSON format\n * @param cssPropertyName Name of the css property\n * @param base Base string to format custom properties\n * @returns Formatted CSS with all custom properties\n */\nconst tokensToCss = (tokens: object, cssPropertyName, base = `-`, prevBase = '') =>\n  Object.entries(tokens).reduce((css, [key, value]) => {\n\t\tlet newBase = base + `-${key}`;\n\t\tif (!['description', 'type'].includes(key)) {\n\t\t\tnewBase = newBase.replace(/\\-value/, '');\n\t\t\tif (typeof value !== \"object\") {\n\t\t\t\treturn css + newBase + `: ${value};\\n`\n\t\t\t}\n\n\t\t\t// Prevents a duplicate entry based on recursion\n\t\t\tif ( newBase !== prevBase) {\n\t\t\t\tif (['box-shadow', 'border'].find(v => newBase.includes(v)  && newBase.indexOf('-radius') < 0)) {\n\t\t\t\t\tconst shorthand = `${buildShorthand(newBase, cssPropertyName, value)}`;\n\t\t\t\t\tif ( shorthand !== '')\n\t\t\t\t\t\treturn css + shorthand.trim() + ';\\n' + tokensToCss(value, cssPropertyName, newBase, newBase);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn css + tokensToCss(value, cssPropertyName, newBase)\n\t\t}\n\t\treturn css\n  }, ``);\n\nbuild(tokens['core']);\n"]}

package/dist/types/home/runner/work/pine/pine/libs/core/.stencil/scripts/build-tokens.d.ts

@@ -1 +0,0 @@
-export {};