npm - @signozhq/design-tokens - Versions diffs - 0.0.5 → 0.0.7 - Mend

@signozhq/design-tokens 0.0.5 → 0.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/dist/Colors/Colors.d.ts +123 -0
package/dist/Spacing/Spacing.d.ts +39 -0
package/dist/Typography/Typography.d.ts +24 -0
package/dist/design-tokens.mjs +144 -0
package/dist/index.css +1 -0
package/dist/index.d.ts +4 -0
package/dist/utils.d.ts +14 -0
package/package.json +19 -5
package/build/scss/_variables.scss +0 -209
package/build.js +0 -92
package/config.json +0 -16
package/src/colors.json +0 -410
package/src/spacing.json +0 -114
package/src/typography.json +0 -562

package/build.js DELETED Viewed

@@ -1,92 +0,0 @@
-const StyleDictionary = require('style-dictionary');
-const fs = require('fs-extra');
-const webPath = `build/tokens/`;
-fs.removeSync(webPath);
-function removeTitle(dictionary) {
-  dictionary.allTokens = dictionary.allTokens.map(token => {
-      token.name = token.name.substring(token.name.indexOf("-") + 1);
-      return token;
-  });
-}
-/**
- * This function will wrap a built-in format and replace `.value` with `.darkValue`
- * if a token has a `.darkValue`.
- * @param {String} format - the name of the built-in format
- * @returns {Function}
- */
-function darkFormatWrapper(format) {
-  return function (args) {
-    const dictionary = Object.assign({}, args.dictionary);
-    dictionary.allProperties = dictionary.allProperties.map(token => {
-      const { darkValue } = token;
-      if (darkValue) {
-        const returnToken = Object.assign({}, token, {
-          value: token.darkValue
-        });
-        return returnToken;
-      } else {
-        return token;
-      }
-    });
-    dictionary.allTokens = dictionary.allTokens.map(token => {
-      const { darkValue } = token;
-      if (darkValue) {
-        const returnToken = Object.assign({}, token, {
-          value: token.darkValue
-        });
-        return returnToken;
-      } else {
-        return token;
-      }
-    });
-    removeTitle(dictionary);
-    args.dictionary = dictionary;
-    // Use the built-in format but with our customized dictionary object
-    // so it will output the darkValue instead of the value
-    return StyleDictionary.format[format]({ ...args, dictionary })
-  }
-}
-function lightFormatWrapper(format) {
-  return function (args) {
-    const dictionary = Object.assign({}, args.dictionary);
-    removeTitle(dictionary);
-    args.dictionary = dictionary;
-    return StyleDictionary.format[format]({ ...args, dictionary })
-  }
-}
-StyleDictionary.extend({
-  // custom formats
-  format: {
-    scssDark: darkFormatWrapper(`scss/variables`),
-    scssLight: lightFormatWrapper(`scss/variables`),
-  },
-  source: [
-    `tokens/**/*.json`
-  ],
-  platforms: {
-    css: {
-      transformGroup: `scss`,
-      buildPath: webPath,
-      files: [{
-        destination: `variables.scss`,
-        format: `scssLight`,
-        options: {
-          outputReferences: true
-        }
-      }, {
-        destination: `variables-dark.scss`,
-        format: `scssDark`,
-        filter: (token) => token.darkValue && token.attributes.category === `color`
-      }]
-    }
-  }
-}).buildAllPlatforms();

package/config.json DELETED Viewed

@@ -1,16 +0,0 @@
-{
-  "source": ["src/**/*.json"],
-  "platforms": {
-    "scss": {
-      "transformGroup": "scss",
-      "buildPath": "build/scss/",
-      "files": [
-        {
-          "destination": "_variables.scss",
-          "format": "scss/variables"
-        }
-      ]
-    }
-  }
-}

package/src/colors.json DELETED Viewed

@@ -1,410 +0,0 @@
-{
-  "bg": {
-    "Robin": {
-      "600": {
-        "value": "#3F5ECC"
-      },
-      "500": {
-        "value": "#4E74F8"
-      },
-      "400": {
-        "value": "#7190F9"
-      },
-      "300": {
-        "value": "#95ACFB"
-      },
-      "200": {
-        "value": "#B8C7FC"
-      },
-      "100": {
-        "value": "#CAD5FD"
-      }
-    },
-    "Sienna": {
-      "600": {
-        "value": "#8A6646"
-      },
-      "500": {
-        "value": "#AD7F58"
-      },
-      "400": {
-        "value": "#BD9979"
-      },
-      "300": {
-        "value": "#CEB29B"
-      },
-      "200": {
-        "value": "#DECCBC"
-      },
-      "100": {
-        "value": "#E6D9CD"
-      }
-    },
-    "Cherry": {
-      "600": {
-        "value": "#B83A3E"
-      },
-      "500": {
-        "value": "#E5484D"
-      },
-      "400": {
-        "value": "#EA6D71"
-      },
-      "300": {
-        "value": "#F5B6B8"
-      },
-      "200": {
-        "value": "#F7C8CA"
-      },
-      "100": {
-        "value": "#FADADB"
-      }
-    },
-    "Aqua": {
-      "600": {
-        "value": "#07AFE6"
-      },
-      "500": {
-        "value": "#23C4F8"
-      },
-      "400": {
-        "value": "#4BCFF9"
-      },
-      "300": {
-        "value": "#72D9FB"
-      },
-      "200": {
-        "value": "#9AE4FC"
-      },
-      "100": {
-        "value": "#C1EEFD"
-      }
-    },
-    "Sakura": {
-      "600": {
-        "value": "#C53955"
-      },
-      "500": {
-        "value": "#F24769"
-      },
-      "400": {
-        "value": "#F56C87"
-      },
-      "300": {
-        "value": "#F791A5"
-      },
-      "200": {
-        "value": "#FAB5C3"
-      },
-      "100": {
-        "value": "#FBC8D2"
-      }
-    },
-    "Amber": {
-      "600": {
-        "value": "#D5AA45"
-      },
-      "500": {
-        "value": "#FFCD56"
-      },
-      "400": {
-        "value": "#FFD778"
-      },
-      "300": {
-        "value": "#FFE19A"
-      },
-      "200": {
-        "value": "#FFEBBB"
-      },
-      "100": {
-        "value": "#FFF0CC"
-      }
-    },
-    "Ink": {
-      "500": {
-        "value": "#0B0C0E"
-      },
-      "400": {
-        "value": "#121317"
-      },
-      "300": {
-        "value": "#16181D"
-      },
-      "200": {
-        "value": "#23262E"
-      },
-      "100": {
-        "value": "#2A2E37"
-      }
-    },
-    "Vanilla": {
-      "400": {
-        "value": "#C0C1C3"
-      },
-      "300": {
-        "value": "#E9E9E9"
-      },
-      "200": {
-        "value": "#F5F5F5"
-      },
-      "100": {
-        "value": "#FFFFFF"
-      }
-    },
-    "Slate": {
-      "500": {
-        "value": "#161922"
-      },
-      "400": {
-        "value": "#1D212D"
-      },
-      "300": {
-        "value": "#242834"
-      },
-      "200": {
-        "value": "#2C3140"
-      }
-    },
-    "Gradient": {
-      "Coral": {
-        "value": "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)"
-      },
-      "Dark-Shadow": {
-        "value": "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)"
-      },
-      "Dawn": {
-        "value": "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)"
-      },
-      "Ocean": {
-        "value": "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)"
-      },
-      "Splash": {
-        "value": "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)"
-      },
-      "Flamingo": {
-        "value": "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)"
-      }
-    },
-    "Forest": {
-      "600": {
-        "value": "#1EB475"
-      },
-      "500": {
-        "value": "#25E192"
-      },
-      "400": {
-        "value": "#51E7A8"
-      },
-      "300": {
-        "value": "#7CEDBE"
-      },
-      "200": {
-        "value": "#A8F3D3"
-      }
-    }
-  },
-  "text": {
-    "Robin": {
-      "600": {
-        "value": "#3F5ECC"
-      },
-      "500": {
-        "value": "#4E74F8"
-      },
-      "400": {
-        "value": "#7190F9"
-      },
-      "300": {
-        "value": "#95ACFB"
-      },
-      "200": {
-        "value": "#B8C7FC"
-      },
-      "100": {
-        "value": "#CAD5FD"
-      }
-    },
-    "Sienna": {
-      "600": {
-        "value": "#8A6646"
-      },
-      "500": {
-        "value": "#AD7F58"
-      },
-      "400": {
-        "value": "#BD9979"
-      },
-      "300": {
-        "value": "#CEB29B"
-      },
-      "200": {
-        "value": "#DECCBC"
-      },
-      "100": {
-        "value": "#E6D9CD"
-      }
-    },
-    "Cherry": {
-      "600": {
-        "value": "#B83A3E"
-      },
-      "500": {
-        "value": "#E5484D"
-      },
-      "400": {
-        "value": "#EA6D71"
-      },
-      "300": {
-        "value": "#F5B6B8"
-      },
-      "200": {
-        "value": "#F7C8CA"
-      },
-      "100": {
-        "value": "#FADADB"
-      }
-    },
-    "Aqua": {
-      "600": {
-        "value": "#07AFE6"
-      },
-      "500": {
-        "value": "#23C4F8"
-      },
-      "400": {
-        "value": "#4BCFF9"
-      },
-      "300": {
-        "value": "#72D9FB"
-      },
-      "200": {
-        "value": "#9AE4FC"
-      },
-      "100": {
-        "value": "#C1EEFD"
-      }
-    },
-    "Sakura": {
-      "600": {
-        "value": "#C53955"
-      },
-      "500": {
-        "value": "#F24769"
-      },
-      "400": {
-        "value": "#F56C87"
-      },
-      "300": {
-        "value": "#F791A5"
-      },
-      "200": {
-        "value": "#FAB5C3"
-      },
-      "100": {
-        "value": "#FBC8D2"
-      }
-    },
-    "Amber": {
-      "600": {
-        "value": "#D5AA45"
-      },
-      "500": {
-        "value": "#FFCD56"
-      },
-      "400": {
-        "value": "#FFD778"
-      },
-      "300": {
-        "value": "#FFE19A"
-      },
-      "200": {
-        "value": "#FFEBBB"
-      },
-      "100": {
-        "value": "#FFF0CC"
-      }
-    },
-    "Ink": {
-      "500": {
-        "value": "#0B0C0E"
-      },
-      "400": {
-        "value": "#121317"
-      },
-      "300": {
-        "value": "#16181D"
-      },
-      "200": {
-        "value": "#23262E"
-      },
-      "100": {
-        "value": "#2A2E37"
-      }
-    },
-    "Vanilla": {
-      "400": {
-        "value": "#C0C1C3"
-      },
-      "300": {
-        "value": "#E9E9E9"
-      },
-      "200": {
-        "value": "#F5F5F5"
-      },
-      "100": {
-        "value": "#FFFFFF"
-      }
-    },
-    "Slate": {
-      "500": {
-        "value": "#161922"
-      },
-      "400": {
-        "value": "#1D212D"
-      },
-      "300": {
-        "value": "#242834"
-      },
-      "200": {
-        "value": "#2C3140"
-      }
-    },
-    "Gradient": {
-      "Coral": {
-        "value": "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)"
-      },
-      "Dark-Shadow": {
-        "value": "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)"
-      },
-      "Dawn": {
-        "value": "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)"
-      },
-      "Ocean": {
-        "value": "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)"
-      },
-      "Splash": {
-        "value": "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)"
-      },
-      "Flamingo": {
-        "value": "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)"
-      }
-    },
-    "Forest": {
-      "600": {
-        "value": "#1EB475"
-      },
-      "500": {
-        "value": "#25E192"
-      },
-      "400": {
-        "value": "#51E7A8"
-      },
-      "300": {
-        "value": "#7CEDBE"
-      },
-      "200": {
-        "value": "#A8F3D3"
-      }
-    }
-  }
-}

package/src/spacing.json DELETED Viewed

@@ -1,114 +0,0 @@
-{
-  "padding": {
-    "1": {
-      "value": "0.25rem"
-    },
-    "2": {
-      "value": "0.5rem"
-    },
-    "3": {
-      "value": "0.75rem"
-    },
-    "4": {
-      "value": "1rem"
-    },
-    "5": {
-      "value": "1.25rem"
-    },
-    "6": {
-      "value": "1.5rem"
-    },
-    "7": {
-      "value": "1.75rem"
-    },
-    "8": {
-      "value": "2rem"
-    },
-    "10": {
-      "value": "2.5rem"
-    },
-    "12": {
-      "value": "3rem"
-    },
-    "16": {
-      "value": "4rem"
-    },
-    "20": {
-      "value": "5rem"
-    },
-    "24": {
-      "value": "6rem"
-    },
-    "32": {
-      "value": "8rem"
-    },
-    "40": {
-      "value": "10rem"
-    },
-    "48": {
-      "value": "12rem"
-    },
-    "56": {
-      "value": "14rem"
-    },
-    "64": {
-      "value": "16rem"
-    }
-  },
-  "margin": {
-    "1": {
-      "value": "0.25rem"
-    },
-    "2": {
-      "value": "0.5rem"
-    },
-    "3": {
-      "value": "0.75rem"
-    },
-    "4": {
-      "value": "1rem"
-    },
-    "5": {
-      "value": "1.25rem"
-    },
-    "6": {
-      "value": "1.5rem"
-    },
-    "7": {
-      "value": "1.75rem"
-    },
-    "8": {
-      "value": "2rem"
-    },
-    "10": {
-      "value": "2.5rem"
-    },
-    "12": {
-      "value": "3rem"
-    },
-    "16": {
-      "value": "4rem"
-    },
-    "20": {
-      "value": "5rem"
-    },
-    "24": {
-      "value": "6rem"
-    },
-    "32": {
-      "value": "8rem"
-    },
-    "40": {
-      "value": "10rem"
-    },
-    "48": {
-      "value": "12rem"
-    },
-    "56": {
-      "value": "14rem"
-    },
-    "64": {
-      "value": "16rem"
-    }
-  }
-}