cacao-css 7.5.0 → 8.0.1

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.5.0",
+    "version": "8.0.1",
     "author": "Aptuitiv, Inc <hello@aptuitiv.com>",
     "license": "MIT",
     "repository": {
@@ -14,41 +14,46 @@
     },
     "bin": {
         "cacao-convert-v3": "./scripts/v3/index.js",
-        "cacao-convert-v6": "./scripts/v6/index.js"
+        "cacao-convert-v6": "./scripts/v6/index.js",
+        "cacao-convert-v8": "./scripts/v8/index.js"
     },
     "files": [
         "dist",
         "scripts/v3",
-        "scripts/v6"
+        "scripts/v6",
+        "scripts/v8"
     ],
     "type": "module",
     "scripts": {
         "build": "node scripts/build all",
+        "build-combine-files": "node scripts/build combine-files",
+        "build-copy-files": "node scripts/build copy-files",
+        "build-child-spacing": "node scripts/build child-spacing",
         "build-gutters": "node scripts/build gutters",
         "build-imports": "node scripts/build imports",
         "build-margins": "node scripts/build margins",
         "build-media-queries": "node scripts/build media",
         "build-paddings": "node scripts/build paddings",
-        "eslint": "eslint --fix .",
-        "watch": "watch-eslint  --fix --color ."
+        "eslint": "eslint --fix ./scripts",
+        "watch": "watch-eslint  --fix --color ./scripts"
     },
     "dependencies": {
-        "chalk": "^5.4.1",
-        "commander": "^14.0.0",
+        "chalk": "^5.6.2",
+        "commander": "^14.0.2",
         "fancy-log": "^2.0.0",
-        "fs-extra": "^11.3.0",
+        "fs-extra": "^11.3.3",
         "log-symbols": "^7.0.1",
-        "postcss": "^8.5.3",
+        "postcss": "^8.5.6",
         "postcss-cli": "^11.0.1",
-        "prettier": "^3.5.3",
+        "prettier": "^3.8.1",
         "recursive-readdir": "^2.2.3",
-        "stylelint": "^16.19.1",
-        "stylelint-config-standard": "^38.0.0",
-        "stylelint-order": "^7.0.0"
+        "stylelint": "^17.0.0",
+        "stylelint-config-standard": "^40.0.0",
+        "stylelint-order": "^7.0.1"
     },
     "devDependencies": {
-        "@aptuitiv/eslint-config-aptuitiv": "^1.1.0",
-        "eslint": "^9.27.0",
+        "@aptuitiv/eslint-config-aptuitiv": "^1.2.0",
+        "eslint": "^9.39.2",
         "watch-eslint": "^1.1.0"
     }
 }

package/scripts/v8/README.md

@@ -0,0 +1,15 @@
+# Cacao V8 conversion scripts
+
+This folder contains scripts to convert imports to the version 8 format
+
+This is intended for converting a website that is running Cacao version 7 to version 8.
+
+## Convert the file imports
+
+This is intended to convert the imports for the Cacao files.
+
+For example, if your source file is located at `src/css/main.css` then you'd run this:
+
+```bash
+cacao-convert-v8 imports -f src/css/main.css
+```

package/scripts/v8/convert-imports.js

@@ -0,0 +1,31 @@
+/* ===========================================================================
+    Convert the older imports to the Cacao V6 format
+=========================================================================== */
+
+import chalk from 'chalk';
+import fancyLog from 'fancy-log';
+import fs from 'fs-extra';
+import logSymbols from 'log-symbols';
+
+const convertImports = (args) => {
+    fancyLog(chalk.magenta('Converting Cacao imports', chalk.cyan(args.file)));
+
+    // Get the file to convert
+    const { file } = args;
+
+    // Read the file
+    let fileContents = fs.readFileSync(file, 'utf8');
+
+    // Fix the "spacing" import path
+    fileContents = fileContents.replace(
+        /@import 'cacao-css\/dist\/spacing\/spacing.css';/g,
+        '@import \'cacao-css/dist/child-spacing/variables.css\';\n@import \'cacao-css/dist/child-spacing/first-child/spacing/top/top-0.css\';\n@import \'cacao-css/dist/child-spacing/last-child/spacing/bottom/bottom-0.css\';'
+    );
+
+    // Write the new file
+    fs.writeFileSync(file, fileContents);
+
+    fancyLog(logSymbols.success, chalk.green('Finished converting Cacao imports'));
+};
+
+export default convertImports;

package/scripts/v8/index.js

@@ -0,0 +1,36 @@
+#! /usr/bin/env node
+
+import { Command } from 'commander';
+import fs from 'fs-extra';
+import { dirname } from 'path';
+import { fileURLToPath } from 'url';
+
+import convertImports from './convert-imports.js';
+
+// Get the directory name of the current module
+
+const __dirname = dirname(dirname(dirname(fileURLToPath(import.meta.url))));
+
+// Get the current package.json information
+const thisPackageJson = fs.readJsonSync(`${__dirname}/package.json`);
+
+// Set up the command line options
+const program = new Command();
+program.description('Convert Cacao CSS versions 7 to version 8');
+program.version(thisPackageJson.version);
+
+/**
+ * Convert the imports
+ *
+ * cacao-convert-v8 imports -f src/css/main.css
+ */
+program
+    .command('imports')
+    .description('Convert the CSS imports')
+    .requiredOption('-f, --file <file>', 'The file to convert. The path should be relative to the root of the project.')
+    .action(async (args) => {
+        convertImports(args);
+    });
+
+// Parse the command line arguments
+program.parse();

package/dist/spacing/spacing.css

@@ -1,15 +0,0 @@
-/* =========================================================================== *\
-    Spacing utilities
-\* =========================================================================== */
-
-/* Used to remove space from the first element within an element. "st" stands for "space-top" */
-.first-child-st-0 > *:first-child {
-    margin-top: 0 !important;
-    padding-top: 0 !important;
-}
-
-/* Used to remove space from the last element within an element "sb" stands for "space-bottom" */
-.last-child-sb-0 > *:last-child {
-    margin-bottom: 0 !important;
-    padding-bottom: 0 !important;
-}