yummacss 3.2.2 → 3.3.1

package/LICENSE

@@ -1,20 +1,20 @@
-Copyright (c) 2023-present Yumma CSS maintained by Renildo Pereira.
-
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of this software and associated documentation files (the
-"Software"), to deal in the Software without restriction, including
-without limitation the rights to use, copy, modify, merge, publish,
-distribute, sublicense, and/or sell copies of the Software, and to
-permit persons to whom the Software is furnished to do so, subject to
-the following conditions:
-
-The above copyright notice and this permission notice shall be
-included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
-LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+Copyright (c) 2023-present Yumma CSS maintained by Renildo Pereira.
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
 WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -7,7 +7,7 @@ A CSS framework for the web with abbreviated styles.
 
 ## Getting started
 
-Yumma CSS is a CSS framework packed with a set of abbreviated utility classes for building faster and more maintainable UIs.
+Yumma CSS is a CLI-first CSS framework packed with a set of non-opinionated, atomic utility classes designed to minimize and scale your codebase.
 
 ### Installing
 
@@ -30,7 +30,7 @@ Our [framework guides](https://www.yummacss.com/docs/installation#framework-guid
 The Yumma CSS CLI provides several commands to help you work with your Yumma CSS files.
 
 > [!IMPORTANT]  
-> Make sure you have a `yumma.config.js` file set up before running these commands. If you haven’t, run `npx yummacss init` first.
+> Make sure you have a `yumma.config.mjs` file set up before running these commands. If you haven’t, run `npx yummacss init` first.
 
 ### Building styles
 

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").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);
+import{Command as e}from"commander";import{existsSync as t,writeFileSync as n}from"fs";import{dirname as r,join as i}from"path";import*as a from"sass-embedded";import{fileURLToPath as o,pathToFileURL as s}from"url";import{z as c}from"zod";import l from"ora";import{transform as u}from"lightningcss";import{globby as d}from"globby";import{PurgeCSS as f}from"purgecss";import p from"stringify-object";import m from"chokidar";let h={};function g(){return h}function _(e){h=e}function v(e){let t=JSON.stringify(e);return h.configHash!==t}function y(){let e=o(import.meta.url),n=r(e);for(;n!==r(n);){let e=i(n,`package.json`);if(t(e))return n;n=r(n)}return n}const b=y();async function x(e){let t=e.buildOptions.reset?`index.scss`:`core.scss`,n=await a.compileAsync(i(b,`src`,t),{style:`expanded`,loadPaths:[i(b,`src`)],importers:[{findFileUrl(e){return new URL(e,`file://${i(b,`src/`)}`)}}]});return{css:n.css,dependencies:n.loadedUrls.filter(e=>e.protocol===`file:`).map(e=>o(e))}}const S=`yumma.config.mjs`,C=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})}),w={build:{start:`Building...`,success:(e,t)=>`Build done in ${e}ms. (${t})`,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.`}},T={error:e=>l().fail(e),info:e=>l().info(e),progress:e=>l({spinner:`sand`,color:`white`}).start(e),success:e=>l().succeed(e),warn:e=>l().warn(e)};async function E(){let e=i(process.cwd(),S),n=s(e).href;try{let{default:e}=await import(n);return C.parse(e)}catch(e){throw t(S)?e instanceof c.ZodError&&(T.progress(w.init.invalid).fail(w.init.invalid),process.exit(1)):(T.progress(w.init.notFound).warn(w.init.notFound),process.exit(1)),e}}function D(e,t){return u({filename:`style.css`,code:Buffer.from(e),minify:t.buildOptions.minify,sourceMap:!1}).code.toString()}async function O(e,t){return(await new f().purge({content:await d(t.source),css:[{raw:e}],defaultExtractor:e=>e.match(/[\w-/\\:]+/g)||[]}))[0].css}async function k(e,t=!1){let r=T.progress(w.build.start),i=Date.now();try{let a=e||await E(),o=g(),s=v(a),c;if(t||s||!o.css){let e=await x(a);c=e.css,_({configHash:JSON.stringify(a),css:e.css,dependencies:e.dependencies})}else c=o.css;let l=await O(c,a),u=D(l,a);n(a.output,u),r.succeed(w.build.success(Date.now()-i,a.output))}catch{r.fail(w.build.fail),process.exit(1)}}function A(){let e=C.parse({});return{filename:S,content:`export default ${p(e,{indent:`  `,singleQuotes:!1})};`}}function j(){let e=T.progress(`Initializing config...`);try{let{filename:t,content:r}=A();n(t,r),e.succeed(w.init.success)}catch{e.fail(w.init.fail),process.exit(1)}}let M,N=null,P=new Set;async function F(){try{M=await E(),await k(M,!0),T.info(w.watch.start);let e=await d(M.source);m.watch(e,{awaitWriteFinish:{pollInterval:50,stabilityThreshold:200},ignored:/(^|[/\\])\../,ignoreInitial:!0,persistent:!0}).on(`add`,e=>t(e,`added`)).on(`change`,e=>t(e,`changed`)).on(`unlink`,e=>t(e,`removed`));function t(e,t){P.add(e),N&&clearTimeout(N),N=setTimeout(async()=>{P.size>0&&(await k(M,!0),P.clear()),N=null},500)}}catch{T.error(w.watch.fail),process.exit(1)}}const I=new e;I.name(`yummacss`).description(`Main command`),I.command(`init`).action(j).alias(`i`).description(`Initialize config`),I.command(`build`).action(()=>k().catch(()=>process.exit(1))).alias(`b`).description(`Build styles once`),I.command(`watch`).action(()=>F().catch(()=>process.exit(1))).alias(`w`).description(`Build styles continuously`),I.parse(process.argv);export{};

package/package.json

@@ -1,60 +1,58 @@
-{
-  "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"
-  }
-}
+{
+  "name": "yummacss",
+  "version": "3.3.1",
+  "description": "A CSS framework for the web with abbreviated styles.",
+  "keywords": [
+    "css-framework",
+    "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"
+  },
+  "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",
+    "stringify-object": "^6.0.0",
+    "zod": "^4.0.17"
+  },
+  "devDependencies": {
+    "@types/node": "^24.2.0",
+    "@types/stringify-object": "^4.0.5",
+    "prettier": "^3.6.2",
+    "prettier-plugin-organize-imports": "^4.2.0",
+    "tsdown": "^0.15.0",
+    "typescript": "^5.9.2"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "format:cli": "prettier --write cli",
+    "format": "prettier --write ."
+  }
+}

package/src/_base.scss

@@ -1,150 +1,150 @@
-@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;
-}
+@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/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,2 +1,2 @@
 @use "base";
-@use "core";
+@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);