yummacss 3.2.0 → 3.2.2

package/README.md

@@ -11,10 +11,7 @@ Yumma CSS is a CSS framework packed with a set of abbreviated utility classes fo
 
 ### Installing
 
-A step by step series of examples that tell you how to get a development
-environment running
-
-Install Yumma CSS
+Install `yummacss` as a dev dependency
 
 ```
 npm i yummacss -D

package/dist/index.js

@@ -1 +1 @@
-import{Command as rt}from"commander";import{writeFileSync as V}from"fs";var x={};function k(){return x}function F(t){x=t}function B(t){let o=JSON.stringify(t);return x.configHash!==o}import{existsSync as E}from"fs";import{dirname as S,join as p}from"path";import*as v from"sass-embedded";import{fileURLToPath as N}from"url";function H(){let t=N(import.meta.url),o=S(t);for(;o!==S(o);){let i=p(o,"package.json");if(E(i))return o;o=S(o)}return o}var b=H();async function O(t){let o=t.buildOptions.reset?"index.scss":"core.scss",i=await v.compileAsync(p(b,"src",o),{style:"expanded",loadPaths:[p(b,"src")],importers:[{findFileUrl(e){return new URL(e,`file://${p(b,"src/")}`)}}]});return{css:i.css,dependencies:i.loadedUrls.filter(e=>e.protocol==="file:").map(e=>N(e))}}import{existsSync as _}from"fs";import{join as A}from"path";import{pathToFileURL as Z}from"url";import{z as q}from"zod";import{z as c}from"zod";var a="yumma.config.js",u=c.object({source:c.array(c.string()).default([""]),output:c.string().default(""),buildOptions:c.object({reset:c.boolean().default(!0),minify:c.boolean().default(!1)}).default({reset:!0,minify:!1})});var r={build:{start:"Building...",success:(t,o)=>`Build done in ${t}ms. (${o})`,fail:"Build failed."},init:{fail:"Config failed.",invalid:"Invalid config.",notFound:"Config not found.",success:"Config created."},watch:{start:"Watching...",fail:"Watch failed."},common:{unknownError:"Something went wrong, and we don't know what."}};import f from"ora";var R=t=>f({spinner:"sand",color:"white"}).start(t),D=t=>f().fail(t),L=t=>f().info(t),M=t=>f().succeed(t),W=t=>f().warn(t),s={error:D,info:L,progress:R,success:M,warn:W};async function g(){let t=A(process.cwd(),a),o=Z(t).href;try{let{default:i}=await import(o);return u.parse(i)}catch(i){throw _(a)?i instanceof q.ZodError&&(s.progress(r.init.invalid).fail(r.init.invalid),process.exit(1)):(s.progress(r.init.notFound).warn(r.init.notFound),process.exit(1)),i}}import{transform as G}from"lightningcss";function T(t,o){return G({filename:"style.css",code:Buffer.from(t),minify:o.buildOptions.minify,sourceMap:!1}).code.toString()}import{globby as K}from"globby";import{PurgeCSS as Q}from"purgecss";async function z(t,o){return(await new Q().purge({content:await K(o.source),css:[{raw:t}],defaultExtractor:e=>e.match(/[\w-/\\:]+/g)||[]}))[0].css}async function m(t,o=!1){let i=s.progress(r.build.start),e=Date.now();try{let n=t||await g(),y=k(),I=B(n),w;if(o||I||!y.css){let C=await O(n);w=C.css,F({configHash:JSON.stringify(n),css:C.css,dependencies:C.dependencies})}else w=y.css;let U=await z(w,n),$=T(U,n);V(n.output,$),i.succeed(r.build.success(Date.now()-e,n.output))}catch{i.fail(r.build.fail),process.exit(1)}}import{existsSync as X,readFileSync as Y,writeFileSync as tt}from"fs";function ot(){try{if(X("package.json"))return JSON.parse(Y("package.json","utf-8")).type==="module"?"esm":"cjs"}catch{s.error(r.common.unknownError)}return"cjs"}function it(){let t=u.parse({});return ot()==="esm"?{filename:a,content:`export default ${JSON.stringify(t,null,2)};`}:{filename:a,content:`module.exports = ${JSON.stringify(t,null,2)};`}}function J(){let t=s.progress("Initializing config...");try{let{filename:o,content:i}=it();tt(o,i),t.succeed(r.init.success)}catch{t.fail(r.init.fail),process.exit(1)}}import et from"chokidar";import{globby as nt}from"globby";var d,h=null,j=new Set;async function P(){try{let e=function(n,y){j.add(n),h&&clearTimeout(h),h=setTimeout(async()=>{j.size>0&&(await m(d,!0),j.clear()),h=null},500)};var t=e;d=await g(),await m(d,!0),s.info(r.watch.start);let o=await nt(d.source);et.watch(o,{awaitWriteFinish:{pollInterval:50,stabilityThreshold:200},ignored:/(^|[/\\])\../,ignoreInitial:!0,persistent:!0}).on("add",n=>e(n,"added")).on("change",n=>e(n,"changed")).on("unlink",n=>e(n,"removed"))}catch{s.error(r.watch.fail),process.exit(1)}}var l=new rt;l.name("yummacss").description("Main command");l.command("init").description("Initialize config").action(J);l.command("build").action(()=>m().catch(()=>process.exit(1))).alias("b").description("Build styles once");l.command("watch").action(()=>P().catch(()=>process.exit(1))).alias("w").description("Build styles continuously");l.parse(process.argv);
+import{Command as rt}from"commander";import{writeFileSync as V}from"fs";var x={};function k(){return x}function F(t){x=t}function B(t){let o=JSON.stringify(t);return x.configHash!==o}import{existsSync as E}from"fs";import{dirname as S,join as p}from"path";import*as v from"sass-embedded";import{fileURLToPath as N}from"url";function H(){let t=N(import.meta.url),o=S(t);for(;o!==S(o);){let i=p(o,"package.json");if(E(i))return o;o=S(o)}return o}var b=H();async function O(t){let o=t.buildOptions.reset?"index.scss":"core.scss",i=await v.compileAsync(p(b,"src",o),{style:"expanded",loadPaths:[p(b,"src")],importers:[{findFileUrl(e){return new URL(e,`file://${p(b,"src/")}`)}}]});return{css:i.css,dependencies:i.loadedUrls.filter(e=>e.protocol==="file:").map(e=>N(e))}}import{existsSync as _}from"fs";import{join as A}from"path";import{pathToFileURL as Z}from"url";import{z as q}from"zod";import{z as c}from"zod";var a="yumma.config.js",u=c.object({source:c.array(c.string()).default([""]),output:c.string().default(""),buildOptions:c.object({reset:c.boolean().default(!0),minify:c.boolean().default(!1)}).default({reset:!0,minify:!1})});var r={build:{start:"Building...",success:(t,o)=>`Build done in ${t}ms. (${o})`,fail:"Build failed."},init:{fail:"Config failed.",invalid:"Invalid config.",notFound:"Config not found.",success:"Config created."},watch:{start:"Watching...",fail:"Watch failed."},common:{unknownError:"Something went wrong, and we don't know what."}};import f from"ora";var R=t=>f({spinner:"sand",color:"white"}).start(t),D=t=>f().fail(t),L=t=>f().info(t),M=t=>f().succeed(t),W=t=>f().warn(t),s={error:D,info:L,progress:R,success:M,warn:W};async function g(){let t=A(process.cwd(),a),o=Z(t).href;try{let{default:i}=await import(o);return u.parse(i)}catch(i){throw _(a)?i instanceof q.ZodError&&(s.progress(r.init.invalid).fail(r.init.invalid),process.exit(1)):(s.progress(r.init.notFound).warn(r.init.notFound),process.exit(1)),i}}import{transform as G}from"lightningcss";function T(t,o){return G({filename:"style.css",code:Buffer.from(t),minify:o.buildOptions.minify,sourceMap:!1}).code.toString()}import{globby as K}from"globby";import{PurgeCSS as Q}from"purgecss";async function z(t,o){return(await new Q().purge({content:await K(o.source),css:[{raw:t}],defaultExtractor:e=>e.match(/[\w-/\\:]+/g)||[]}))[0].css}async function m(t,o=!1){let i=s.progress(r.build.start),e=Date.now();try{let n=t||await g(),y=k(),I=B(n),w;if(o||I||!y.css){let C=await O(n);w=C.css,F({configHash:JSON.stringify(n),css:C.css,dependencies:C.dependencies})}else w=y.css;let U=await z(w,n),$=T(U,n);V(n.output,$),i.succeed(r.build.success(Date.now()-e,n.output))}catch{i.fail(r.build.fail),process.exit(1)}}import{existsSync as X,readFileSync as Y,writeFileSync as tt}from"fs";function ot(){try{if(X("package.json"))return JSON.parse(Y("package.json","utf-8")).type==="module"?"esm":"cjs"}catch{s.error(r.common.unknownError)}return"cjs"}function it(){let t=u.parse({});return ot()==="esm"?{filename:a,content:`export default ${JSON.stringify(t,null,2)};`}:{filename:a,content:`module.exports = ${JSON.stringify(t,null,2)};`}}function J(){let t=s.progress("Initializing config...");try{let{filename:o,content:i}=it();tt(o,i),t.succeed(r.init.success)}catch{t.fail(r.init.fail),process.exit(1)}}import et from"chokidar";import{globby as nt}from"globby";var d,h=null,j=new Set;async function P(){try{let e=function(n,y){j.add(n),h&&clearTimeout(h),h=setTimeout(async()=>{j.size>0&&(await m(d,!0),j.clear()),h=null},500)};var t=e;d=await g(),await m(d,!0),s.info(r.watch.start);let o=await nt(d.source);et.watch(o,{awaitWriteFinish:{pollInterval:50,stabilityThreshold:200},ignored:/(^|[/\\])\../,ignoreInitial:!0,persistent:!0}).on("add",n=>e(n,"added")).on("change",n=>e(n,"changed")).on("unlink",n=>e(n,"removed"))}catch{s.error(r.watch.fail),process.exit(1)}}var l=new rt;l.name("yummacss").description("Main command");l.command("init").action(J).alias("i").description("Initialize config");l.command("build").action(()=>m().catch(()=>process.exit(1))).alias("b").description("Build styles once");l.command("watch").action(()=>P().catch(()=>process.exit(1))).alias("w").description("Build styles continuously");l.parse(process.argv);

package/package.json

@@ -1,60 +1,60 @@
-{
-  "name": "yummacss",
-  "version": "3.2.0",
-  "description": "A CSS framework for the web with abbreviated styles.",
-  "keywords": [
-    "css-framework",
-    "css",
-    "design-system",
-    "framework",
-    "lightningcss",
-    "responsive-design",
-    "responsive",
-    "scss",
-    "typescript",
-    "yummacss"
-  ],
-  "homepage": "https://yummacss.com",
-  "license": "MIT",
-  "author": "Renildo Pereira",
-  "files": [
-    "dist",
-    "src"
-  ],
-  "type": "module",
-  "exports": {
-    ".": "./dist/index.js"
-  },
-  "bin": {
-    "yummacss": "./dist/index.js"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/yumma-lib/yumma-css.git"
-  },
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "format:cli": "prettier --write cli",
-    "format": "prettier --write .",
-    "prepublishOnly": "pnpm build"
-  },
-  "packageManager": "pnpm@10.14.0",
-  "dependencies": {
-    "chokidar": "^4.0.3",
-    "commander": "^14.0.0",
-    "globby": "^14.1.0",
-    "lightningcss": "^1.30.1",
-    "ora": "^8.2.0",
-    "purgecss": "^7.0.2",
-    "sass-embedded": "^1.90.0",
-    "zod": "^4.0.17"
-  },
-  "devDependencies": {
-    "@types/node": "^24.2.0",
-    "prettier": "^3.6.2",
-    "prettier-plugin-organize-imports": "^4.2.0",
-    "tsup": "^8.5.0",
-    "typescript": "^5.9.2"
-  }
-}
+{
+  "name": "yummacss",
+  "version": "3.2.2",
+  "description": "A CSS framework for the web with abbreviated styles.",
+  "keywords": [
+    "css-framework",
+    "css",
+    "design-system",
+    "framework",
+    "lightningcss",
+    "responsive-design",
+    "responsive",
+    "scss",
+    "typescript",
+    "yummacss"
+  ],
+  "homepage": "https://yummacss.com",
+  "license": "MIT",
+  "author": "Renildo Pereira",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "type": "module",
+  "exports": {
+    ".": "./dist/index.js"
+  },
+  "bin": {
+    "yummacss": "./dist/index.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/yumma-lib/yumma-css.git"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "format:cli": "prettier --write cli",
+    "format": "prettier --write .",
+    "prepublishOnly": "pnpm build"
+  },
+  "packageManager": "pnpm@10.15.1",
+  "dependencies": {
+    "chokidar": "^4.0.3",
+    "commander": "^14.0.0",
+    "globby": "^14.1.0",
+    "lightningcss": "^1.30.1",
+    "ora": "^8.2.0",
+    "purgecss": "^7.0.2",
+    "sass-embedded": "^1.90.0",
+    "zod": "^4.0.17"
+  },
+  "devDependencies": {
+    "@types/node": "^24.2.0",
+    "prettier": "^3.6.2",
+    "prettier-plugin-organize-imports": "^4.2.0",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.2"
+  }
+}

package/src/_base.scss

@@ -1,231 +1,150 @@
-@use "abstracts/variables" as vars;
-
-/** -- Box sizing --
- * 1. Use a more intuitive box-sizing model to make the design consistent.
- * 2. Remove default margin and padding.
- * 3. Reset default border styles.
- */
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box; /* 1 */
-  border: 0 solid; /* 3 */
-}
-
-* {
-  margin: 0; /* 2 */
-  padding: 0; /* 2 */
-}
-
-/** -- Document --
- * 1. Improve font smoothing.
- * 2. Set a default system font.
- * 3. Add accessible line-height.
- */
-
-body {
-  -webkit-font-smoothing: antialiased; /* 1 */
-  font-family: vars.$ycss-font-system; /* 2 */
-  line-height: 1.5; /* 3 */
-}
-
-/** -- Media Elements --
- * 1. Ensure all media elements like images, videos, and canvases are block-level.
- * 2. Limit their maximum width to the parent container.
- */
-
-canvas,
-img,
-picture,
-svg,
-video {
-  display: block; /* 1 */
-  max-width: 100%; /* 2 */
-}
-
-/** -- Form Elements --
- * 1. Reset background and border styles for form elements.
- * 2. Use `inherit` to ensure font consistency within forms.
- * 3. Add default padding for usability.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  background-color: vars.$ycss-color-transparent; /* 1 */
-  font-family: inherit; /* 2 */
-  padding: 0.5rem; /* 3 */
-}
-
-/**
- * Add a default border to form elements that do not have a class attribute.
- */
-
-button:not([class]),
-input:not([class]),
-optgroup:not([class]),
-select:not([class]),
-textarea:not([class]) {
-  border: 1px solid vars.$ycss-color-silver; /* 1 */
-}
-
-/**
- * Apply consistent focus styles to interactive elements.
- */
-
-a,
-button,
-input,
-select,
-summary,
-textarea {
-  &:focus {
-    outline: 2px solid vars.$ycss-color-transparent;
-  }
-}
-
-/**
- * Set a minimum height for textareas without a defined `rows` attribute.
- */
-
-textarea:not([rows]) {
-  min-height: 10em;
-}
-
-/**
- * Ensure the buttons have a pointer cursor.
- */
-
-button {
-  cursor: pointer;
-}
-
-/** Disabled States
- * 1. Reduce opacity and set a "not-allowed" cursor for disabled elements.
- */
-
-button:disabled,
-input:disabled,
-select:disabled,
-textarea:disabled {
-  cursor: not-allowed; /* 1 */
-  opacity: 0.5; /* 1 */
-}
-
-/** -- Typography --
- * 1. Avoid text overflows.
- * 2. Improve line wrapping for headings.
- * 3. Add a consistent font weight for bold text.
- */
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p {
-  overflow-wrap: break-word; /* 1 */
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: 1rem; /* 3 */
-  font-weight: 600; /* 3 */
-  text-wrap: balance; /* 2 */
-}
-
-p {
-  text-wrap: pretty; /* 2 */
-}
-
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-
-b,
-strong {
-  font-weight: 700;
-}
-
-/**
- * Add the correct font size in all browsers.
- */
-
-small {
-  font-size: 80%;
-  line-height: 1.4;
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-pre,
-code,
-kbd,
-samp {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/** -- Links --
- * 1. Remove underline styling from links by default.
- * 3. Reset color to inherit from parent element.
- */
-
-a {
-  color: inherit; /* 3 */
-  text-decoration: none; /* 1 */
-}
-
-/** -- Lists --
- * Remove default list styling and padding.
- */
-
-ol,
-ul {
-  list-style: none;
-  padding: 0;
-}
-
-/** -- Tables --
-* 1. Add a consistent font weight for bold text.
- */
-
-th {
-  font-size: 1rem; /* 1 */
-  font-weight: 600; /* 1 */
-}
-
-/** -- Miscellaneous --
- * 1. Add the correct height in Firefox.
- * 2. Correct text decoration.
- * 3. Add spacing around horizontal rules.
- */
-
-hr {
-  border-top: 1px solid vars.$ycss-color-silver; /* 2 */
-  height: 0; /* 1 */
-  margin: 1em 0; /* 3 */
-}
-
-/**
- * Ensure details and summary elements display correctly.
- */
-
-details {
-  display: block;
-}
-
-summary {
-  display: list-item;
-}
+@use "abstracts/variables" as vars;
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  border: 0 solid;
+}
+
+* {
+  margin: 0;
+  padding: 0;
+}
+
+html {
+  font-family: vars.$ycss-font-system;
+}
+
+body {
+  -webkit-font-smoothing: antialiased;
+  font-family: inherit;
+  line-height: 1.5;
+}
+
+canvas,
+img,
+picture,
+svg,
+video {
+  display: block;
+  max-width: 100%;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  background-color: vars.$ycss-color-transparent;
+  font-family: inherit;
+  padding: 0.5rem;
+}
+
+button:not([class]),
+input:not([class]),
+optgroup:not([class]),
+select:not([class]),
+textarea:not([class]) {
+  border: 1px solid vars.$ycss-color-silver;
+}
+
+a,
+button,
+input,
+select,
+summary,
+textarea {
+  &:focus {
+    outline: 2px solid vars.$ycss-color-transparent;
+  }
+}
+
+textarea:not([rows]) {
+  min-height: 10em;
+}
+
+button {
+  cursor: pointer;
+}
+
+button:disabled,
+input:disabled,
+select:disabled,
+textarea:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  overflow-wrap: break-word;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: 1rem;
+  font-weight: 600;
+  text-wrap: balance;
+}
+
+p {
+  text-wrap: pretty;
+}
+
+b,
+strong {
+  font-weight: 700;
+}
+
+small {
+  font-size: 80%;
+  line-height: 1.4;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+ol,
+ul {
+  list-style: none;
+  padding: 0;
+}
+
+th {
+  font-size: 1rem;
+  font-weight: 600;
+}
+
+hr {
+  border-top: 1px solid vars.$ycss-color-silver;
+  height: 0;
+  margin: 1em 0;
+}
+
+details {
+  display: block;
+}
+
+summary {
+  display: list-item;
+}

package/src/_fonts.scss

@@ -2,15 +2,12 @@
 
 .ff-c {
   font-family: vars.$ycss-font-charter;
-  font-weight: vars.$ycss-font-weight;
 }
 
 .ff-m {
   font-family: vars.$ycss-font-mono;
-  font-weight: vars.$ycss-font-weight;
 }
 
 .ff-s {
   font-family: vars.$ycss-font-system;
-  font-weight: vars.$ycss-font-weight;
 }

package/src/abstracts/functions/_index.scss

@@ -1,2 +1,2 @@
-@forward "ignore-neutral";
-@forward "create-values";
+@forward "ignore-neutral";
+@forward "create-values";

package/src/index.scss

@@ -1,4 +1,2 @@
 @use "base";
-@use "abstracts" as *;
-@use "utilities" as *;
-@use "fonts";
+@use "core";

package/src/utilities/maps/box-model/_dimension.scss

@@ -1,26 +1,26 @@
-@use "sass:map";
-@use "../../../abstracts/functions/create-values" as fun;
-@use "../../../abstracts/variables" as vars;
-@use "../../../abstracts/_breakpoints.scss" as bp;
-
-$ycss-dimension-map: map.merge(
-  (
-    "auto": auto,
-    "dvh": 100dvh,
-    "dvw": 100dvw,
-    "fc": fit-content,
-    "full": 100%,
-    "half": 50%,
-    "max": max-content,
-    "min": min-content,
-    "px": 1px,
-    "vh": 100vh,
-    "vw": 100vw,
-    "sm": map.get(bp.$ycss-breakpoints, "sm"),
-    "md": map.get(bp.$ycss-breakpoints, "md"),
-    "lg": map.get(bp.$ycss-breakpoints, "lg"),
-    "xl": map.get(bp.$ycss-breakpoints, "xl"),
-    "xxl": map.get(bp.$ycss-breakpoints, "xxl"),
-  ),
-  fun.create-values(vars.$ycss-dimension)
-);
+@use "sass:map";
+@use "../../../abstracts/functions/create-values" as fun;
+@use "../../../abstracts/variables" as vars;
+@use "../../../abstracts/_breakpoints.scss" as bp;
+
+$ycss-dimension-map: map.merge(
+  (
+    "auto": auto,
+    "dvh": 100dvh,
+    "dvw": 100dvw,
+    "fc": fit-content,
+    "full": 100%,
+    "half": 50%,
+    "max": max-content,
+    "min": min-content,
+    "px": 1px,
+    "vh": 100vh,
+    "vw": 100vw,
+    "sm": map.get(bp.$ycss-breakpoints, "sm"),
+    "md": map.get(bp.$ycss-breakpoints, "md"),
+    "lg": map.get(bp.$ycss-breakpoints, "lg"),
+    "xl": map.get(bp.$ycss-breakpoints, "xl"),
+    "xxl": map.get(bp.$ycss-breakpoints, "xxl"),
+  ),
+  fun.create-values(vars.$ycss-dimension)
+);

package/src/utilities/maps/box-model/_height.scss

@@ -1,26 +1,26 @@
-@use "sass:map";
-@use "../../../abstracts/functions/create-values" as fun;
-@use "../../../abstracts/variables" as vars;
-@use "../../../abstracts/_breakpoints.scss" as bp;
-
-$ycss-height-map: map.merge(
-  (
-    "auto": auto,
-    "dvh": 100dvh,
-    "dvw": 100dvw,
-    "fc": fit-content,
-    "full": 100%,
-    "half": 50%,
-    "max": max-content,
-    "min": min-content,
-    "px": 1px,
-    "vh": 100vh,
-    "vw": 100vw,
-    "sm": map.get(bp.$ycss-breakpoints, "sm"),
-    "md": map.get(bp.$ycss-breakpoints, "md"),
-    "lg": map.get(bp.$ycss-breakpoints, "lg"),
-    "xl": map.get(bp.$ycss-breakpoints, "xl"),
-    "xxl": map.get(bp.$ycss-breakpoints, "xxl"),
-  ),
-  fun.create-values(vars.$ycss-height)
-);
+@use "sass:map";
+@use "../../../abstracts/functions/create-values" as fun;
+@use "../../../abstracts/variables" as vars;
+@use "../../../abstracts/_breakpoints.scss" as bp;
+
+$ycss-height-map: map.merge(
+  (
+    "auto": auto,
+    "dvh": 100dvh,
+    "dvw": 100dvw,
+    "fc": fit-content,
+    "full": 100%,
+    "half": 50%,
+    "max": max-content,
+    "min": min-content,
+    "px": 1px,
+    "vh": 100vh,
+    "vw": 100vw,
+    "sm": map.get(bp.$ycss-breakpoints, "sm"),
+    "md": map.get(bp.$ycss-breakpoints, "md"),
+    "lg": map.get(bp.$ycss-breakpoints, "lg"),
+    "xl": map.get(bp.$ycss-breakpoints, "xl"),
+    "xxl": map.get(bp.$ycss-breakpoints, "xxl"),
+  ),
+  fun.create-values(vars.$ycss-height)
+);

package/src/utilities/maps/box-model/_margin.scss

@@ -1,11 +1,11 @@
-@use "sass:map";
-@use "../../../abstracts/functions/create-values" as fun;
-@use "../../../abstracts/variables" as vars;
-
-$ycss-margin-map: map.merge(
-  (
-    "auto": auto,
-    "px": 1px,
-  ),
-  fun.create-values(vars.$ycss-margin)
-);
+@use "sass:map";
+@use "../../../abstracts/functions/create-values" as fun;
+@use "../../../abstracts/variables" as vars;
+
+$ycss-margin-map: map.merge(
+  (
+    "auto": auto,
+    "px": 1px,
+  ),
+  fun.create-values(vars.$ycss-margin)
+);

package/src/utilities/maps/box-model/_padding.scss

@@ -1,11 +1,11 @@
-@use "sass:map";
-@use "../../../abstracts/functions/create-values" as fun;
-@use "../../../abstracts/variables" as vars;
-
-$ycss-padding-map: map.merge(
-  (
-    "auto": auto,
-    "px": 1px,
-  ),
-  fun.create-values(vars.$ycss-padding)
-);
+@use "sass:map";
+@use "../../../abstracts/functions/create-values" as fun;
+@use "../../../abstracts/variables" as vars;
+
+$ycss-padding-map: map.merge(
+  (
+    "auto": auto,
+    "px": 1px,
+  ),
+  fun.create-values(vars.$ycss-padding)
+);

package/src/utilities/maps/box-model/_width.scss

@@ -1,26 +1,26 @@
-@use "sass:map";
-@use "../../../abstracts/functions/create-values" as fun;
-@use "../../../abstracts/variables" as vars;
-@use "../../../abstracts/_breakpoints.scss" as bp;
-
-$ycss-width-map: map.merge(
-  (
-    "auto": auto,
-    "dvh": 100dvh,
-    "dvw": 100dvw,
-    "fc": fit-content,
-    "full": 100%,
-    "half": 50%,
-    "max": max-content,
-    "min": min-content,
-    "px": 1px,
-    "vh": 100vh,
-    "vw": 100vw,
-    "sm": map.get(bp.$ycss-breakpoints, "sm"),
-    "md": map.get(bp.$ycss-breakpoints, "md"),
-    "lg": map.get(bp.$ycss-breakpoints, "lg"),
-    "xl": map.get(bp.$ycss-breakpoints, "xl"),
-    "xxl": map.get(bp.$ycss-breakpoints, "xxl"),
-  ),
-  fun.create-values(vars.$ycss-width)
-);
+@use "sass:map";
+@use "../../../abstracts/functions/create-values" as fun;
+@use "../../../abstracts/variables" as vars;
+@use "../../../abstracts/_breakpoints.scss" as bp;
+
+$ycss-width-map: map.merge(
+  (
+    "auto": auto,
+    "dvh": 100dvh,
+    "dvw": 100dvw,
+    "fc": fit-content,
+    "full": 100%,
+    "half": 50%,
+    "max": max-content,
+    "min": min-content,
+    "px": 1px,
+    "vh": 100vh,
+    "vw": 100vw,
+    "sm": map.get(bp.$ycss-breakpoints, "sm"),
+    "md": map.get(bp.$ycss-breakpoints, "md"),
+    "lg": map.get(bp.$ycss-breakpoints, "lg"),
+    "xl": map.get(bp.$ycss-breakpoints, "xl"),
+    "xxl": map.get(bp.$ycss-breakpoints, "xxl"),
+  ),
+  fun.create-values(vars.$ycss-width)
+);

package/src/utilities/maps/flexbox/_flex-basis.scss

@@ -1,12 +1,12 @@
-@use "sass:map";
-@use "../../../abstracts/functions/create-values" as fun;
-@use "../../../abstracts/variables" as vars;
-
-$ycss-flex-basis-map: map.merge(
-  (
-    "auto": auto,
-    "full": 100%,
-    "half": 50%,
-  ),
-  fun.create-values(vars.$ycss-flex-basis)
-);
+@use "sass:map";
+@use "../../../abstracts/functions/create-values" as fun;
+@use "../../../abstracts/variables" as vars;
+
+$ycss-flex-basis-map: map.merge(
+  (
+    "auto": auto,
+    "full": 100%,
+    "half": 50%,
+  ),
+  fun.create-values(vars.$ycss-flex-basis)
+);

package/src/utilities/maps/grid/_gap.scss

@@ -1,5 +1,5 @@
-@use "sass:map";
-@use "../../../abstracts/functions/create-values" as fun;
-@use "../../../abstracts/variables" as vars;
-
-$ycss-gap-map: fun.create-values(vars.$ycss-gap);
+@use "sass:map";
+@use "../../../abstracts/functions/create-values" as fun;
+@use "../../../abstracts/variables" as vars;
+
+$ycss-gap-map: fun.create-values(vars.$ycss-gap);