@lucca-front/scss 21.0.2 → 21.1.0-rc.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lucca-front/scss",
-  "version": "21.0.2",
+  "version": "21.1.0-rc.0",
   "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": "21.0.2"
+    "@lucca-front/icons": "21.1.0-rc.0"
   }
 }

package/src/commons/config.scss

@@ -613,7 +613,7 @@ $colorInput: (
 	icon-disabled: var(--palettes-neutral-500),
 	background: var(--palettes-neutral-0),
 	background-critical: var(--palettes-critical-50),
-	background-disabled: var(--palettes-neutral-100),
+	background-disabled: var(--palettes-neutral-50),
 	border: var(--palettes-neutral-300),
 	border-hover: var(--palettes-neutral-400),
 	border-checked: var(--palettes-product-400),

package/src/components/formPresentation/component.scss

@@ -0,0 +1,18 @@
+@use '@lucca-front/scss/src/commons/utils/namespace';
+
+@mixin component($atRoot: namespace.$defaultAtRoot) {
+	@at-root ($atRoot) {
+		.formPresentation-description {
+			margin: 0;
+		}
+
+		.formPresentation-description-term {
+			display: var(--components-formPresentation-description-term-display);
+		}
+
+		.formPresentation-description-definition {
+			display: var(--components-formPresentation-description-definition-display);
+			margin: 0;
+		}
+	}
+}

package/src/components/formPresentation/exports.scss

@@ -0,0 +1,4 @@
+@forward 'vars';
+@forward 'mods';
+@forward 'states';
+@forward 'component';

package/src/components/formPresentation/index.scss

@@ -0,0 +1,14 @@
+@use 'exports' as *;
+
+.formPresentation {
+	@layer components {
+		@include vars;
+		@include component;
+	}
+
+	@layer mods {
+		&.mod-checkable{
+			@include checkable;
+		}
+	}
+}

package/src/components/formPresentation/mods.scss

@@ -0,0 +1,3 @@
+@mixin checkable {
+	--components-formPresentation-description-child-display: inline-block
+}

package/src/components/formPresentation/vars.scss

@@ -0,0 +1,5 @@
+@mixin vars {
+	--components-formPresentation-description-child-display: block;
+	--components-formPresentation-description-term-display: var(--components-formPresentation-description-child-display);
+	--components-formPresentation-description-definition-display: var(--components-formPresentation-description-child-display);
+}

package/src/components/index.scss

@@ -110,6 +110,7 @@
 @forward 'listboxOption';
 @forward 'suggestion';
 @forward 'resourceCard';
+@forward 'formPresentation';
 
 @forward 'filterBarDeprecated';
 @forward 'tableFixedDeprecated';