@maggioli-design-system/styles 17.2.0 → 17.3.0

package/dist/tailwind/consumption.json

@@ -1,5 +1,5 @@
 {
-  "description": "How the global tokens of Magma are consumed through Tailwind 4. tokens: by the custom property dist/dtcg names them with, the @theme variable that publishes each one, its namespace and key, and where a class or variant of that namespace reads another variable instead. namespaces: the utility roots (<root>-<key>) and variant patterns (* is the key) that read the namespace. Generated from the Tailwind design system of the entry point below; do not edit.",
+  "description": "How the global tokens of Magma are consumed through Tailwind 4. tokens: by the custom property dist/dtcg names them with, the @theme variable that publishes each one, its namespace and key, the @theme variables that republish it for the utilities of another namespace (aliases), and where a class or variant of that namespace reads another variable instead. keywords: the @theme variables that hold a CSS keyword, no token. namespaces: the utility roots (<root>-<key>) and variant patterns (* is the key) that read the namespace. Generated from the Tailwind design system of the entry point below; do not edit.",
   "tailwind": "4.3.3",
   "entry": [
     "@import 'tailwindcss/theme.css' layer(theme);",
@@ -2335,14 +2335,21 @@
     "--spacing-none": {
       "theme": "--spacing-none",
       "namespace": "--spacing",
-      "key": "none"
+      "key": "none",
+      "shadowed": {
+        "max-w": "--max-width-none"
+      }
     },
     "--spacing-xs": {
       "theme": "--spacing-xs",
       "namespace": "--spacing",
       "key": "xs",
       "shadowed": {
-        "leading": "--leading-xs"
+        "basis": "--flex-basis-xs",
+        "leading": "--leading-xs",
+        "max-w": "--max-width-xs",
+        "min-w": "--min-width-xs",
+        "w": "--width-xs"
       }
     },
     "--spacing-sm": {
@@ -2350,7 +2357,11 @@
       "namespace": "--spacing",
       "key": "sm",
       "shadowed": {
-        "leading": "--leading-sm"
+        "basis": "--flex-basis-sm",
+        "leading": "--leading-sm",
+        "max-w": "--max-width-sm",
+        "min-w": "--min-width-sm",
+        "w": "--width-sm"
       }
     },
     "--spacing-md": {
@@ -2358,7 +2369,11 @@
       "namespace": "--spacing",
       "key": "md",
       "shadowed": {
-        "leading": "--leading-md"
+        "basis": "--flex-basis-md",
+        "leading": "--leading-md",
+        "max-w": "--max-width-md",
+        "min-w": "--min-width-md",
+        "w": "--width-md"
       }
     },
     "--spacing-lg": {
@@ -2366,7 +2381,11 @@
       "namespace": "--spacing",
       "key": "lg",
       "shadowed": {
-        "leading": "--leading-lg"
+        "basis": "--flex-basis-lg",
+        "leading": "--leading-lg",
+        "max-w": "--max-width-lg",
+        "min-w": "--min-width-lg",
+        "w": "--width-lg"
       }
     },
     "--spacing-xl": {
@@ -2374,7 +2393,11 @@
       "namespace": "--spacing",
       "key": "xl",
       "shadowed": {
-        "leading": "--leading-xl"
+        "basis": "--flex-basis-xl",
+        "leading": "--leading-xl",
+        "max-w": "--max-width-xl",
+        "min-w": "--min-width-xl",
+        "w": "--width-xl"
       }
     },
     "--spacing-2xl": {
@@ -2382,7 +2405,11 @@
       "namespace": "--spacing",
       "key": "2xl",
       "shadowed": {
-        "leading": "--leading-2xl"
+        "basis": "--flex-basis-2xl",
+        "leading": "--leading-2xl",
+        "max-w": "--max-width-2xl",
+        "min-w": "--min-width-2xl",
+        "w": "--width-2xl"
       }
     },
     "--spacing-3xl": {
@@ -2390,7 +2417,11 @@
       "namespace": "--spacing",
       "key": "3xl",
       "shadowed": {
-        "leading": "--leading-3xl"
+        "basis": "--flex-basis-3xl",
+        "leading": "--leading-3xl",
+        "max-w": "--max-width-3xl",
+        "min-w": "--min-width-3xl",
+        "w": "--width-3xl"
       }
     },
     "--spacing-4xl": {
@@ -2398,7 +2429,11 @@
       "namespace": "--spacing",
       "key": "4xl",
       "shadowed": {
-        "leading": "--leading-4xl"
+        "basis": "--flex-basis-4xl",
+        "leading": "--leading-4xl",
+        "max-w": "--max-width-4xl",
+        "min-w": "--min-width-4xl",
+        "w": "--width-4xl"
       }
     },
     "--spacing-phrase": {
@@ -2443,112 +2478,128 @@
       "theme": "--container-xs",
       "namespace": "--container",
       "key": "xs",
+      "aliases": [
+        "--flex-basis-xs",
+        "--max-width-xs",
+        "--min-width-xs",
+        "--width-xs"
+      ],
       "shadowed": {
-        "basis": "--spacing-xs",
         "inline": "--spacing-xs",
         "max-inline": "--spacing-xs",
-        "max-w": "--spacing-xs",
-        "min-inline": "--spacing-xs",
-        "min-w": "--spacing-xs",
-        "w": "--spacing-xs"
+        "min-inline": "--spacing-xs"
       }
     },
     "--container-sm": {
       "theme": "--container-sm",
       "namespace": "--container",
       "key": "sm",
+      "aliases": [
+        "--flex-basis-sm",
+        "--max-width-sm",
+        "--min-width-sm",
+        "--width-sm"
+      ],
       "shadowed": {
-        "basis": "--spacing-sm",
         "inline": "--spacing-sm",
         "max-inline": "--spacing-sm",
-        "max-w": "--spacing-sm",
-        "min-inline": "--spacing-sm",
-        "min-w": "--spacing-sm",
-        "w": "--spacing-sm"
+        "min-inline": "--spacing-sm"
       }
     },
     "--container-md": {
       "theme": "--container-md",
       "namespace": "--container",
       "key": "md",
+      "aliases": [
+        "--flex-basis-md",
+        "--max-width-md",
+        "--min-width-md",
+        "--width-md"
+      ],
       "shadowed": {
-        "basis": "--spacing-md",
         "inline": "--spacing-md",
         "max-inline": "--spacing-md",
-        "max-w": "--spacing-md",
-        "min-inline": "--spacing-md",
-        "min-w": "--spacing-md",
-        "w": "--spacing-md"
+        "min-inline": "--spacing-md"
       }
     },
     "--container-lg": {
       "theme": "--container-lg",
       "namespace": "--container",
       "key": "lg",
+      "aliases": [
+        "--flex-basis-lg",
+        "--max-width-lg",
+        "--min-width-lg",
+        "--width-lg"
+      ],
       "shadowed": {
-        "basis": "--spacing-lg",
         "inline": "--spacing-lg",
         "max-inline": "--spacing-lg",
-        "max-w": "--spacing-lg",
-        "min-inline": "--spacing-lg",
-        "min-w": "--spacing-lg",
-        "w": "--spacing-lg"
+        "min-inline": "--spacing-lg"
       }
     },
     "--container-xl": {
       "theme": "--container-xl",
       "namespace": "--container",
       "key": "xl",
+      "aliases": [
+        "--flex-basis-xl",
+        "--max-width-xl",
+        "--min-width-xl",
+        "--width-xl"
+      ],
       "shadowed": {
-        "basis": "--spacing-xl",
         "inline": "--spacing-xl",
         "max-inline": "--spacing-xl",
-        "max-w": "--spacing-xl",
-        "min-inline": "--spacing-xl",
-        "min-w": "--spacing-xl",
-        "w": "--spacing-xl"
+        "min-inline": "--spacing-xl"
       }
     },
     "--container-2xl": {
       "theme": "--container-2xl",
       "namespace": "--container",
       "key": "2xl",
+      "aliases": [
+        "--flex-basis-2xl",
+        "--max-width-2xl",
+        "--min-width-2xl",
+        "--width-2xl"
+      ],
       "shadowed": {
-        "basis": "--spacing-2xl",
         "inline": "--spacing-2xl",
         "max-inline": "--spacing-2xl",
-        "max-w": "--spacing-2xl",
-        "min-inline": "--spacing-2xl",
-        "min-w": "--spacing-2xl",
-        "w": "--spacing-2xl"
+        "min-inline": "--spacing-2xl"
       }
     },
     "--container-3xl": {
       "theme": "--container-3xl",
       "namespace": "--container",
       "key": "3xl",
+      "aliases": [
+        "--flex-basis-3xl",
+        "--max-width-3xl",
+        "--min-width-3xl",
+        "--width-3xl"
+      ],
       "shadowed": {
-        "basis": "--spacing-3xl",
         "inline": "--spacing-3xl",
         "max-inline": "--spacing-3xl",
-        "max-w": "--spacing-3xl",
-        "min-inline": "--spacing-3xl",
-        "min-w": "--spacing-3xl",
-        "w": "--spacing-3xl"
+        "min-inline": "--spacing-3xl"
       }
     },
     "--container-4xl": {
       "theme": "--container-4xl",
       "namespace": "--container",
       "key": "4xl",
+      "aliases": [
+        "--flex-basis-4xl",
+        "--max-width-4xl",
+        "--min-width-4xl",
+        "--width-4xl"
+      ],
       "shadowed": {
-        "basis": "--spacing-4xl",
         "inline": "--spacing-4xl",
         "max-inline": "--spacing-4xl",
-        "max-w": "--spacing-4xl",
-        "min-inline": "--spacing-4xl",
-        "min-w": "--spacing-4xl",
-        "w": "--spacing-4xl"
+        "min-inline": "--spacing-4xl"
       }
     },
     "--container-5xl": {
@@ -3806,6 +3857,13 @@
       "key": "accent-ai-on-emphasis"
     }
   },
+  "keywords": {
+    "--max-width-none": {
+      "value": "none",
+      "namespace": "--max-width",
+      "key": "none"
+    }
+  },
   "namespaces": {
     "--color": {
       "utilities": [
@@ -4072,6 +4130,12 @@
         "shadow"
       ],
       "variants": []
+    },
+    "--max-width": {
+      "utilities": [
+        "max-w"
+      ],
+      "variants": []
     }
   },
   "spacing": {
@@ -4593,7 +4657,7 @@
         "--default-transition-timing-function",
         "--default-transition-duration"
       ],
-      "css": ".transition-cosmetic {\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n  transition-timing-function: var(--default-transition-timing-function);\n  transition-duration: var(--default-transition-duration);\n}"
+      "css": ".transition-cosmetic {\n  transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, rotate, scale, transform, translate, width;\n  transition-timing-function: var(--default-transition-timing-function);\n  transition-duration: var(--default-transition-duration);\n}"
     },
     "transition-size": {
       "source": "@maggioli-design-system/design-tokens/dist/css/tailwind-theme-typography.css",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/styles",
-  "version": "17.2.0",
+  "version": "17.3.0",
   "description": "This module contains SCSS and CSS styles used by Maggioli Design System, it also makes available a Tailwind config based on Maggioli design tokens.",
   "main": "./tailwind.config.js",
   "scripts": {
@@ -59,11 +59,11 @@
   ],
   "license": "ISC",
   "dependencies": {
-    "@fontsource/karla": "5.1.0",
-    "@fontsource/merriweather": "5.1.0",
-    "@fontsource/roboto": "5.1.0",
-    "@fontsource/roboto-mono": "5.1.0",
-    "@maggioli-design-system/design-tokens": "^15.2.0",
+    "@fontsource/karla": "5.3.0",
+    "@fontsource/merriweather": "5.3.0",
+    "@fontsource/roboto": "5.3.0",
+    "@fontsource/roboto-mono": "5.3.0",
+    "@maggioli-design-system/design-tokens": "^15.2.2",
     "normalize.css": "8.0.1"
   },
   "devDependencies": {
@@ -71,7 +71,7 @@
     "autoprefixer": "10.6.1",
     "handlebars": "4.7.10",
     "postcss-cli": "11.0.1",
-    "postcss": "8.5.30",
+    "postcss": "8.5.31",
     "postcss-import": "16.2.0",
     "tailwindcss": "4.3.3"
   }