@lucca-front/scss 19.3.3 → 19.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lucca-front/scss",
-  "version": "19.3.3",
+  "version": "19.3.4",
   "description": "A Sass framework for Lucca products.",
   "main": "src/main.scss",
   "scripts": {},
@@ -23,6 +23,6 @@
     "normalize.css": "^8.0.0"
   },
   "peerDependencies": {
-    "@lucca-front/icons": "19.3.3"
+    "@lucca-front/icons": "19.3.4"
   }
 }

package/src/commons/core.scss

@@ -5,7 +5,7 @@
 @use '@lucca-front/icons/src/commons/core' as transform;
 
 $contents: '100\\%', 'fit-content';
-$boxModel: 'margin', 'padding', 'border';
+$boxModel: 'margin', 'padding', 'border', 'inset';
 $boxDirection: '', 'top', 'bottom', 'left', 'right', 'inline', 'block', 'block-start', 'block-end', 'inline-start', 'inline-end'; // top, bottom, left and right are deprecated
 $corners: '', 'top-left-', 'top-right-', 'bottom-left-', 'bottom-right-', 'start-start-', 'start-end-', 'end-start-', 'end-end-'; // top-left, top-right, bottom-left and bottom-right are deprecated
 $gaps: 'column-gap', 'row-gap', 'gap';
@@ -33,8 +33,10 @@ $overflow: 'hidden', 'auto', 'visible', 'scroll';
 /* Tokens */
 
 @mixin spacing($boxModel, $boxDirection, $key, $value, $suffix: '!important') {
-	.pr-u-#{transform.camelize($boxModel)}#{transform.capitalize(transform.camelize($boxDirection))}#{transform.capitalize($key)} {
-		#{$boxModel}#{if($boxDirection == '', '', '-')}#{$boxDirection}: var(--pr-t-spacings-#{$key}) #{$suffix};
+	@if $boxModel != 'inset' or ($boxDirection != 'top' and $boxDirection != 'bottom' and $boxDirection != 'left' and $boxDirection != 'right') {
+		.pr-u-#{transform.camelize($boxModel)}#{transform.capitalize(transform.camelize($boxDirection))}#{transform.capitalize($key)} {
+			#{$boxModel}#{if($boxDirection == '', '', '-')}#{$boxDirection}: var(--pr-t-spacings-#{$key}) #{$suffix};
+		}
 	}
 }
 

package/src/commons/utils/index.scss

@@ -344,7 +344,7 @@
 		.u-insetReset {
 			inset: 0 !important;
 		}
-	} @else if $direction != 'block' and $direction != 'inline' {
+	} @else if $direction == 'top' or $direction == 'bottom' or $direction == 'left' or $direction == 'right' {
 		// .u-#{$direction}Reset is deprecated
 		.u-#{$direction}0,
 		.u-#{$direction}Reset {