@graupl/graupl 1.0.0-beta.2 → 1.0.0-beta.4

package/.github/workflows/docs.yml

@@ -41,7 +41,7 @@ jobs:
           npm run docs:build
           touch docs/.vitepress/dist/.nojekyll
       - name: Upload artifact
-        uses: actions/upload-pages-artifact@v2
+        uses: actions/upload-pages-artifact@v3
         with:
           path: docs/.vitepress/dist
 
@@ -56,4 +56,4 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v2
+        uses: actions/deploy-pages@v4

package/CHANGELOG.md

@@ -2,6 +2,44 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [1.0.0-beta.4](https://github.com/Graupl/graupl/compare/v1.0.0-beta.3...v1.0.0-beta.4) (2025-02-14)
+
+
+### Bug Fixes
+
+* **layers:** use id in layer initialization ([f09a3ae](https://github.com/Graupl/graupl/commit/f09a3aeffdfe2bc0c781fa2a29aac1cd2f15e484))
+* **utility:** update gap to account for selector base ([550136b](https://github.com/Graupl/graupl/commit/550136b822959c1db1113f19a90ffe377315b270))
+
+
+### Build System
+
+* **git:** update pages job to use latest versions ([79a1d18](https://github.com/Graupl/graupl/commit/79a1d18bf12573b0885621aa3b5132136c623150))
+
+## [1.0.0-beta.3](https://github.com/Graupl/graupl/compare/v1.0.0-beta.2...v1.0.0-beta.3) (2025-02-12)
+
+
+### Features
+
+* **layout:** implement graupl-structured flex columns and new selector base ([684f715](https://github.com/Graupl/graupl/commit/684f71529a80cacaa24cc0ca4ace8300e21576a3)), closes [#136](https://github.com/Graupl/graupl/issues/136)
+* **layout:** implement selector-base ([cc70559](https://github.com/Graupl/graupl/commit/cc705592ddb289970d7276d380223bdaaba2c3a8)), closes [#136](https://github.com/Graupl/graupl/issues/136)
+* **utilities:** add gradients and background options ([75a1708](https://github.com/Graupl/graupl/commit/75a1708748793ff33736144c7046dde64845b51c))
+* **utilities:** add radial gradient options ([38bc6df](https://github.com/Graupl/graupl/commit/38bc6df42e09e6ed7873f9d3bed1577bfa6f86b5))
+
+
+### Bug Fixes
+
+* **utilities:** correct generation for gradient aware-variant classes ([b69d1ff](https://github.com/Graupl/graupl/commit/b69d1ff1a68863f41b5a5c35d8ab1329dfeb0221))
+
+
+### Performance Improvements
+
+* **utilities:** disable default aware-variants for gradient and background ([0f04459](https://github.com/Graupl/graupl/commit/0f04459d79b7dcd80900427339ac65e52cb7ed33))
+
+
+### Build System
+
+* **postcss:** add custom postcss plugin to merge layers ([#134](https://github.com/Graupl/graupl/issues/134)) ([0382d07](https://github.com/Graupl/graupl/commit/0382d076f11b416008d7d4076331452c66834939))
+
 ## [1.0.0-beta.2](https://github.com/Graupl/graupl/compare/v1.0.0-beta.1...v1.0.0-beta.2) (2024-12-13)
 
 

package/combine-at-rules.cjs

@@ -0,0 +1,61 @@
+/**
+ * @file
+ * PostCSS plugin to combine multiple at-rules into a single at-rule.
+ *
+ * This will go through each at-rule, save each as a key in an object, and then combine all of the at-rules into a single at-rule.
+ */
+
+const plugin = (options = {}) => {
+  const atRules = {};
+  const atRulesToProcess = options.atRules || [];
+
+  return {
+    postcssPlugin: "combine-at-rules",
+    AtRule(atRule) {
+      if (atRule.processed) {
+        return;
+      }
+
+      if (
+        (atRulesToProcess.length < 1 ||
+          atRulesToProcess.includes(atRule.name)) &&
+        atRule.nodes &&
+        atRule.nodes.length > 0
+      ) {
+        // Save the at-rule for later
+        if (atRules[atRule.name]) {
+          if (atRules[atRule.name][atRule.params]) {
+            atRules[atRule.name][atRule.params].append(atRule.nodes);
+          } else {
+            atRules[atRule.name][atRule.params] = atRule.clone();
+          }
+        } else {
+          atRules[atRule.name] = {
+            [atRule.params]: atRule.clone(),
+          };
+        }
+
+        // Remove the at-rule from the tree
+        atRule.processed = true;
+        atRule.remove();
+
+        return;
+      }
+    },
+    Root(root) {
+      // Combine all of the at-rules into a single at-rule
+      // Only do this for rules found in the current file.
+      for (const atRuleName in atRules) {
+        for (const atRuleParams in atRules[atRuleName]) {
+          const atRule = atRules[atRuleName][atRuleParams];
+
+          root.append(atRule);
+        }
+      }
+    },
+  };
+};
+
+plugin.postcss = true;
+
+module.exports = plugin;