@gen3/toolsff 0.10.81 → 0.10.83

package/dist/buildColors.esm.js

@@ -52,9 +52,9 @@ const colorType = [
     'lightest',
     'max'
 ];
-const create10ColorPallet = (mainColor)=>{
-    const darkColors = getColorsList(DEFAULT_NUM_DARK_COLORS, 90, tinycolor('#000000'), 20, tinycolor(mainColor)).map((color)=>color);
-    const lightColors = getColorsList(DEFAULT_NUM_LIGHT_COLORS, 90, tinycolor('#ffffff'), 20, tinycolor(mainColor)).reverse().map((color)=>color);
+const create10ColorPallet = (mainColor, shiftAmount = 90, saturation = 20)=>{
+    const darkColors = getColorsList(DEFAULT_NUM_DARK_COLORS, shiftAmount, tinycolor('#000000'), saturation, tinycolor(mainColor)).map((color)=>color);
+    const lightColors = getColorsList(DEFAULT_NUM_LIGHT_COLORS, shiftAmount, tinycolor('#ffffff'), saturation, tinycolor(mainColor)).reverse().map((color)=>color);
     return {
         ...lightColors.reduce((obj, c, idx)=>{
             obj[colorType[9 - idx]] = c.toHexString();
@@ -106,7 +106,7 @@ const utilityContrast = {
     category4: '#1b1b1b'
 };
 const main = ()=>{
-    const { values: { themeFile, out } } = parseArgs({
+    const { values: { themeFile, out, colorShift, colorSaturation } } = parseArgs({
         options: {
             themeFile: {
                 type: 'string',
@@ -143,21 +143,29 @@ const main = ()=>{
             },
             table: {
                 type: 'string',
-                short: 'b',
                 default: '#858585'
             },
             navigation: {
                 type: 'string',
-                short: 'b',
                 default: '#eaeaea'
             },
             out: {
                 type: 'string',
                 short: 'o',
                 default: '../'
+            },
+            colorShift: {
+                type: 'string',
+                default: '90'
+            },
+            colorSaturation: {
+                type: 'string',
+                default: '20'
             }
         }
     });
+    const shift = Number(colorShift);
+    const saturation = Number(colorSaturation);
     if (!themeFile) {
         console.log("No theme file found. Please provide a theme file with '-t'.");
         return;
@@ -171,14 +179,15 @@ const main = ()=>{
         flag: 'r'
     });
     const themeColors = JSON.parse(themeData);
-    const primaryPallet = create10ColorPallet(themeColors.primary);
-    const secondaryPallet = create10ColorPallet(themeColors.secondary);
-    const accentPallet = create10ColorPallet(themeColors.accent);
-    const accentPalletWarm = create10ColorPallet(themeColors.accentWarm);
-    const accentPalletCool = create10ColorPallet(themeColors.accentCool);
-    const basePallet = create10ColorPallet(themeColors.base);
-    const chartPallet = create10ColorPallet(themeColors.chart);
-    const tablePallet = create10ColorPallet(themeColors?.table ?? '#ffffff');
+    const primaryPallet = create10ColorPallet(themeColors.primary, shift, saturation);
+    const secondaryPallet = create10ColorPallet(themeColors.secondary, shift, saturation);
+    const accentPallet = create10ColorPallet(themeColors.accent, shift, saturation);
+    const accentPalletWarm = create10ColorPallet(themeColors.accentWarm, shift, saturation);
+    const accentPalletCool = create10ColorPallet(themeColors.accentCool, shift, saturation);
+    const basePallet = create10ColorPallet(themeColors.base, shift, saturation);
+    const chartPallet = create10ColorPallet(themeColors.chart, shift, saturation);
+    const tablePallet = create10ColorPallet(themeColors?.table ?? '#ffffff', shift, saturation);
+    const navigationPallet = create10ColorPallet(themeColors?.navigation ?? '#ffffff', shift, saturation);
     const theme = {
         primary: primaryPallet,
         'primary-contrast': create10ColorAccessibleContrast(primaryPallet),
@@ -197,7 +206,9 @@ const main = ()=>{
         chart: chartPallet,
         'chart-contrast': create10ColorAccessibleContrast(chartPallet),
         table: tablePallet,
-        'table-contrast': create10ColorAccessibleContrast(tablePallet)
+        'table-contrast': create10ColorAccessibleContrast(tablePallet),
+        navigation: navigationPallet,
+        'navigation-contrast': create10ColorAccessibleContrast(navigationPallet)
     };
     writeFileSync(join(out ?? './', 'themeColors.json'), JSON.stringify(theme, null, 2));
 };

package/dist/bundleIcons.esm.js

@@ -73,6 +73,7 @@ const processIconSet = async (inpath, prefix)=>{
     });
     return iconSet;
 };
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const build = async (inpath, outpath, prefix = 'gen3')=>{
     // Import icons
     const subdirs = getSubdirectories(inpath);