cacao-css 7.1.1 → 7.3.0

package/dist/display/2xl/flex.css

@@ -18,4 +18,24 @@
     .flex-col-reverse-2xl {
         flex-direction: column-reverse;
     }
+
+    .flex-grow-2xl {
+        flex-grow: 1;
+    }
+
+    .flex-shrink-2xl {
+        flex-shrink: 1;
+    }
+
+    .flex-wrap-2xl {
+        flex-wrap: wrap;
+    }
+
+    .flex-nowrap-2xl {
+        flex-wrap: nowrap;
+    }
+
+    .flex-wrap-reverse-2xl {
+        flex-wrap: wrap-reverse;
+    }
 }

package/dist/display/2xs/flex.css

@@ -18,4 +18,24 @@
     .flex-col-reverse-2xs {
         flex-direction: column-reverse;
     }
+
+    .flex-grow-2xs {
+        flex-grow: 1;
+    }
+
+    .flex-shrink-2xs {
+        flex-shrink: 1;
+    }
+
+    .flex-wrap-2xs {
+        flex-wrap: wrap;
+    }
+
+    .flex-nowrap-2xs {
+        flex-wrap: nowrap;
+    }
+
+    .flex-wrap-reverse-2xs {
+        flex-wrap: wrap-reverse;
+    }
 }

package/dist/display/3xl/flex.css

@@ -18,4 +18,24 @@
     .flex-col-reverse-3xl {
         flex-direction: column-reverse;
     }
+
+    .flex-grow-3xl {
+        flex-grow: 1;
+    }
+
+    .flex-shrink-3xl {
+        flex-shrink: 1;
+    }
+
+    .flex-wrap-3xl {
+        flex-wrap: wrap;
+    }
+
+    .flex-nowrap-3xl {
+        flex-wrap: nowrap;
+    }
+
+    .flex-wrap-reverse-3xl {
+        flex-wrap: wrap-reverse;
+    }
 }

package/dist/display/3xs/flex.css

@@ -18,4 +18,24 @@
     .flex-col-reverse-3xs {
         flex-direction: column-reverse;
     }
+
+    .flex-grow-3xs {
+        flex-grow: 1;
+    }
+
+    .flex-shrink-3xs {
+        flex-shrink: 1;
+    }
+
+    .flex-wrap-3xs {
+        flex-wrap: wrap;
+    }
+
+    .flex-nowrap-3xs {
+        flex-wrap: nowrap;
+    }
+
+    .flex-wrap-reverse-3xs {
+        flex-wrap: wrap-reverse;
+    }
 }

package/dist/display/4xl/flex.css

@@ -18,4 +18,24 @@
     .flex-col-reverse-4xl {
         flex-direction: column-reverse;
     }
+
+    .flex-grow-4xl {
+        flex-grow: 1;
+    }
+
+    .flex-shrink-4xl {
+        flex-shrink: 1;
+    }
+
+    .flex-wrap-4xl {
+        flex-wrap: wrap;
+    }
+
+    .flex-nowrap-4xl {
+        flex-wrap: nowrap;
+    }
+
+    .flex-wrap-reverse-4xl {
+        flex-wrap: wrap-reverse;
+    }
 }

package/dist/display/5xl/flex.css

@@ -18,4 +18,24 @@
     .flex-col-reverse-5xl {
         flex-direction: column-reverse;
     }
+
+    .flex-grow-5xl {
+        flex-grow: 1;
+    }
+
+    .flex-shrink-5xl {
+        flex-shrink: 1;
+    }
+
+    .flex-wrap-5xl {
+        flex-wrap: wrap;
+    }
+
+    .flex-nowrap-5xl {
+        flex-wrap: nowrap;
+    }
+
+    .flex-wrap-reverse-5xl {
+        flex-wrap: wrap-reverse;
+    }
 }

package/dist/display/flex.css

@@ -17,3 +17,23 @@
 .flex-col-reverse {
     flex-direction: column-reverse;
 }
+
+.flex-grow {
+    flex-grow: 1
+}
+
+.flex-shrink {
+    flex-shrink: 1;
+}
+
+.flex-wrap {
+    flex-wrap: wrap;
+}
+
+.flex-nowrap {
+    flex-wrap: nowrap;
+}
+
+.flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+}

package/dist/display/lg/flex.css

@@ -18,4 +18,24 @@
     .flex-col-reverse-lg {
         flex-direction: column-reverse;
     }
+
+    .flex-grow-lg {
+        flex-grow: 1;
+    }
+
+    .flex-shrink-lg {
+        flex-shrink: 1;
+    }
+
+    .flex-wrap-lg {
+        flex-wrap: wrap;
+    }
+
+    .flex-nowrap-lg {
+        flex-wrap: nowrap;
+    }
+
+    .flex-wrap-reverse-lg {
+        flex-wrap: wrap-reverse;
+    }
 }

package/dist/display/md/flex.css

@@ -18,4 +18,24 @@
     .flex-col-reverse-md {
         flex-direction: column-reverse;
     }
+
+    .flex-grow-md {
+        flex-grow: 1;
+    }
+
+    .flex-shrink-md {
+        flex-shrink: 1;
+    }
+
+    .flex-wrap-md {
+        flex-wrap: wrap;
+    }
+
+    .flex-nowrap-md {
+        flex-wrap: nowrap;
+    }
+
+    .flex-wrap-reverse-md {
+        flex-wrap: wrap-reverse;
+    }
 }

package/dist/display/sm/flex.css

@@ -18,4 +18,24 @@
     .flex-col-reverse-sm {
         flex-direction: column-reverse;
     }
+
+    .flex-grow-sm {
+        flex-grow: 1;
+    }
+
+    .flex-shrink-sm {
+        flex-shrink: 1;
+    }
+
+    .flex-wrap-sm {
+        flex-wrap: wrap;
+    }
+
+    .flex-nowrap-sm {
+        flex-wrap: nowrap;
+    }
+
+    .flex-wrap-reverse-sm {
+        flex-wrap: wrap-reverse;
+    }
 }

package/dist/display/xl/flex.css

@@ -18,4 +18,24 @@
     .flex-col-reverse-xl {
         flex-direction: column-reverse;
     }
+
+    .flex-grow-xl {
+        flex-grow: 1;
+    }
+
+    .flex-shrink-xl {
+        flex-shrink: 1;
+    }
+
+    .flex-wrap-xl {
+        flex-wrap: wrap;
+    }
+
+    .flex-nowrap-xl {
+        flex-wrap: nowrap;
+    }
+
+    .flex-wrap-reverse-xl {
+        flex-wrap: wrap-reverse;
+    }
 }

package/dist/display/xs/flex.css

@@ -18,4 +18,24 @@
     .flex-col-reverse-xs {
         flex-direction: column-reverse;
     }
+
+    .flex-grow-xs {
+        flex-grow: 1;
+    }
+
+    .flex-shrink-xs {
+        flex-shrink: 1;
+    }
+
+    .flex-wrap-xs {
+        flex-wrap: wrap;
+    }
+
+    .flex-nowrap-xs {
+        flex-wrap: nowrap;
+    }
+
+    .flex-wrap-reverse-xs {
+        flex-wrap: wrap-reverse;
+    }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "cacao-css",
     "description": "A set of composable CSS utilities that provide a solid foundation for website projects.",
-    "version": "7.1.1",
+    "version": "7.3.0",
     "author": "Aptuitiv, Inc <hello@aptuitiv.com>",
     "license": "MIT",
     "repository": {
@@ -30,23 +30,25 @@
         "build-media-queries": "node scripts/build media",
         "build-paddings": "node scripts/build paddings",
         "eslint": "eslint --fix .",
-        "watch": "esw -w --color --fix ."
+        "watch": "watch-eslint  --fix --color ."
     },
     "dependencies": {
-        "@aptuitiv/eslint-config-aptuitiv": "^0.8.0",
         "chalk": "^5.4.1",
-        "commander": "^12.1.0",
-        "eslint": "^8.57.0",
-        "eslint-watch": "^8.0.0",
+        "commander": "^14.0.0",
         "fancy-log": "^2.0.0",
-        "fs-extra": "^11.2.0",
-        "log-symbols": "^7.0.0",
-        "postcss": "^8.4.49",
-        "postcss-cli": "^11.0.0",
-        "prettier": "^3.4.2",
+        "fs-extra": "^11.3.0",
+        "log-symbols": "^7.0.1",
+        "postcss": "^8.5.3",
+        "postcss-cli": "^11.0.1",
+        "prettier": "^3.5.3",
         "recursive-readdir": "^2.2.3",
-        "stylelint": "^16.12.0",
-        "stylelint-config-standard": "^36.0.1",
-        "stylelint-order": "^6.0.4"
+        "stylelint": "^16.19.1",
+        "stylelint-config-standard": "^38.0.0",
+        "stylelint-order": "^7.0.0"
+    },
+    "devDependencies": {
+        "@aptuitiv/eslint-config-aptuitiv": "^1.1.0",
+        "eslint": "^9.27.0",
+        "watch-eslint": "^1.1.0"
     }
 }

package/scripts/v3/index.js

@@ -8,7 +8,7 @@ import { fileURLToPath } from 'url';
 import convertClasses from './convert-classes.js';
 
 // Get the directory name of the current module
-// eslint-disable-next-line no-underscore-dangle -- The dangle is used to match the __dirname variable in Node.js
+ 
 const __dirname = dirname(dirname(dirname(fileURLToPath(import.meta.url))));
 
 // Get the current package.json information

package/scripts/v6/convert-imports.js

@@ -37,8 +37,14 @@ const convertImports = (args) => {
     fileContents = fileContents.replace('/links/links.css', '/link/link.css');
 
     // Fix the "size" import path
-    fileContents = fileContents.replace(/@import 'cacao-css\/dist\/size\/size.css';/g, '@import \'cacao-css/dist/height/height-1.css\';\n@import \'cacao-css/dist/width/width-1.css\';');
-    fileContents = fileContents.replace(/@import 'cacao-css\/dist\/size\/(.*)\/size.css';/g, '@import \'cacao-css/dist/height/$1/height-1.css\';\n@import \'cacao-css/dist/width/$1/width-1.css\';');
+    fileContents = fileContents.replace(
+        /@import 'cacao-css\/dist\/size\/size.css';/g,
+        '@import \'cacao-css/dist/height/height-1.css\';\n@import \'cacao-css/dist/width/width-1.css\';'
+    );
+    fileContents = fileContents.replace(
+        /@import 'cacao-css\/dist\/size\/(.*)\/size.css';/g,
+        '@import \'cacao-css/dist/height/$1/height-1.css\';\n@import \'cacao-css/dist/width/$1/width-1.css\';'
+    );
     fileContents = fileContents.replaceAll('/* Size ', '/* Height and width ');
 
     // Fix the breakpoint paths

package/scripts/v6/index.js

@@ -10,7 +10,7 @@ import convertImports from './convert-imports.js';
 import convertBreakpoints from './convert-breakpoints.js';
 
 // Get the directory name of the current module
-// eslint-disable-next-line no-underscore-dangle -- The dangle is used to match the __dirname variable in Node.js
+ 
 const __dirname = dirname(dirname(dirname(fileURLToPath(import.meta.url))));
 
 // Get the current package.json information