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

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 (68) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/combine-at-rules.cjs +61 -0
  3. package/dist/css/graupl.css +1 -1
  4. package/dist/css/graupl.css.map +1 -1
  5. package/dist/css/layout/container.css.map +1 -1
  6. package/dist/css/layout/flex-columns.css +1 -1
  7. package/dist/css/layout/flex-columns.css.map +1 -1
  8. package/dist/css/layout.css +1 -1
  9. package/dist/css/layout.css.map +1 -1
  10. package/dist/css/utilities/alignment.css.map +1 -1
  11. package/dist/css/utilities/background.css +2 -0
  12. package/dist/css/utilities/background.css.map +1 -0
  13. package/dist/css/utilities/border.css.map +1 -1
  14. package/dist/css/utilities/color.css.map +1 -1
  15. package/dist/css/utilities/display.css.map +1 -1
  16. package/dist/css/utilities/flex.css.map +1 -1
  17. package/dist/css/utilities/gradient.css +2 -0
  18. package/dist/css/utilities/gradient.css.map +1 -0
  19. package/dist/css/utilities/height.css.map +1 -1
  20. package/dist/css/utilities/inset.css.map +1 -1
  21. package/dist/css/utilities/justification.css.map +1 -1
  22. package/dist/css/utilities/list.css.map +1 -1
  23. package/dist/css/utilities/order.css.map +1 -1
  24. package/dist/css/utilities/postion.css.map +1 -1
  25. package/dist/css/utilities/spacing.css +1 -1
  26. package/dist/css/utilities/spacing.css.map +1 -1
  27. package/dist/css/utilities/typography.css.map +1 -1
  28. package/dist/css/utilities/visibility.css.map +1 -1
  29. package/dist/css/utilities/width.css.map +1 -1
  30. package/dist/css/utilities.css +1 -1
  31. package/dist/css/utilities.css.map +1 -1
  32. package/index.html +6 -6
  33. package/package.json +1 -1
  34. package/postcss.config.cjs +2 -3
  35. package/scss/utilities/background.scss +3 -0
  36. package/scss/utilities/gradient.scss +3 -0
  37. package/src/scss/_defaults.scss +16 -9
  38. package/src/scss/functions/_theme.scss +1 -1
  39. package/src/scss/layout/columns/_defaults.scss +8 -3
  40. package/src/scss/layout/columns/_index.scss +6 -6
  41. package/src/scss/layout/container/_defaults.scss +10 -4
  42. package/src/scss/layout/container/_index.scss +29 -27
  43. package/src/scss/layout/flex-columns/_defaults.scss +9 -3
  44. package/src/scss/layout/flex-columns/_index.scss +24 -26
  45. package/src/scss/mixins/_utility.scss +7 -1
  46. package/src/scss/utilities/_index.scss +2 -0
  47. package/src/scss/utilities/alignment/_index.scss +4 -4
  48. package/src/scss/utilities/background/_defaults.scss +145 -0
  49. package/src/scss/utilities/background/_index.scss +340 -0
  50. package/src/scss/utilities/background/_variables.scss +6 -0
  51. package/src/scss/utilities/border/_index.scss +4 -4
  52. package/src/scss/utilities/color/_index.scss +4 -4
  53. package/src/scss/utilities/display/_index.scss +4 -4
  54. package/src/scss/utilities/flex/_index.scss +4 -4
  55. package/src/scss/utilities/gradient/_defaults.scss +58 -0
  56. package/src/scss/utilities/gradient/_index.scss +380 -0
  57. package/src/scss/utilities/gradient/_variables.scss +29 -0
  58. package/src/scss/utilities/height/_index.scss +4 -4
  59. package/src/scss/utilities/inset/_index.scss +4 -4
  60. package/src/scss/utilities/justification/_index.scss +4 -4
  61. package/src/scss/utilities/list/_index.scss +4 -4
  62. package/src/scss/utilities/order/_index.scss +4 -4
  63. package/src/scss/utilities/position/_index.scss +4 -4
  64. package/src/scss/utilities/ratio/_index.scss +4 -4
  65. package/src/scss/utilities/spacing/_index.scss +4 -4
  66. package/src/scss/utilities/typography/_index.scss +4 -4
  67. package/src/scss/utilities/visibility/_index.scss +4 -4
  68. package/src/scss/utilities/width/_index.scss +4 -4
package/CHANGELOG.md CHANGED
@@ -2,6 +2,31 @@
2
2
 
3
3
  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.
4
4
 
5
+ ## [1.0.0-beta.3](https://github.com/Graupl/graupl/compare/v1.0.0-beta.2...v1.0.0-beta.3) (2025-02-12)
6
+
7
+
8
+ ### Features
9
+
10
+ * **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)
11
+ * **layout:** implement selector-base ([cc70559](https://github.com/Graupl/graupl/commit/cc705592ddb289970d7276d380223bdaaba2c3a8)), closes [#136](https://github.com/Graupl/graupl/issues/136)
12
+ * **utilities:** add gradients and background options ([75a1708](https://github.com/Graupl/graupl/commit/75a1708748793ff33736144c7046dde64845b51c))
13
+ * **utilities:** add radial gradient options ([38bc6df](https://github.com/Graupl/graupl/commit/38bc6df42e09e6ed7873f9d3bed1577bfa6f86b5))
14
+
15
+
16
+ ### Bug Fixes
17
+
18
+ * **utilities:** correct generation for gradient aware-variant classes ([b69d1ff](https://github.com/Graupl/graupl/commit/b69d1ff1a68863f41b5a5c35d8ab1329dfeb0221))
19
+
20
+
21
+ ### Performance Improvements
22
+
23
+ * **utilities:** disable default aware-variants for gradient and background ([0f04459](https://github.com/Graupl/graupl/commit/0f04459d79b7dcd80900427339ac65e52cb7ed33))
24
+
25
+
26
+ ### Build System
27
+
28
+ * **postcss:** add custom postcss plugin to merge layers ([#134](https://github.com/Graupl/graupl/issues/134)) ([0382d07](https://github.com/Graupl/graupl/commit/0382d076f11b416008d7d4076331452c66834939))
29
+
5
30
  ## [1.0.0-beta.2](https://github.com/Graupl/graupl/compare/v1.0.0-beta.1...v1.0.0-beta.2) (2024-12-13)
6
31
 
7
32
 
@@ -0,0 +1,61 @@
1
+ /**
2
+ * @file
3
+ * PostCSS plugin to combine multiple at-rules into a single at-rule.
4
+ *
5
+ * 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.
6
+ */
7
+
8
+ const plugin = (options = {}) => {
9
+ const atRules = {};
10
+ const atRulesToProcess = options.atRules || [];
11
+
12
+ return {
13
+ postcssPlugin: "combine-at-rules",
14
+ AtRule(atRule) {
15
+ if (atRule.processed) {
16
+ return;
17
+ }
18
+
19
+ if (
20
+ (atRulesToProcess.length < 1 ||
21
+ atRulesToProcess.includes(atRule.name)) &&
22
+ atRule.nodes &&
23
+ atRule.nodes.length > 0
24
+ ) {
25
+ // Save the at-rule for later
26
+ if (atRules[atRule.name]) {
27
+ if (atRules[atRule.name][atRule.params]) {
28
+ atRules[atRule.name][atRule.params].append(atRule.nodes);
29
+ } else {
30
+ atRules[atRule.name][atRule.params] = atRule.clone();
31
+ }
32
+ } else {
33
+ atRules[atRule.name] = {
34
+ [atRule.params]: atRule.clone(),
35
+ };
36
+ }
37
+
38
+ // Remove the at-rule from the tree
39
+ atRule.processed = true;
40
+ atRule.remove();
41
+
42
+ return;
43
+ }
44
+ },
45
+ Root(root) {
46
+ // Combine all of the at-rules into a single at-rule
47
+ // Only do this for rules found in the current file.
48
+ for (const atRuleName in atRules) {
49
+ for (const atRuleParams in atRules[atRuleName]) {
50
+ const atRule = atRules[atRuleName][atRuleParams];
51
+
52
+ root.append(atRule);
53
+ }
54
+ }
55
+ },
56
+ };
57
+ };
58
+
59
+ plugin.postcss = true;
60
+
61
+ module.exports = plugin;