@genexus/mercury 0.9.1 → 0.9.2

package/dist/bundles/css/utils/layout.css

@@ -1 +1 @@
-.spacing-body{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-block{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end)}.spacing-body-block-start{padding-block-start:var(--spacing-body-block-start)}.spacing-body-block-end{padding-block-end:var(--spacing-body-block-end)}.spacing-body-inline{padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-inline-start{padding-inline-start:var(--spacing-body-inline-start)}.spacing-body-inline-end{padding-inline-end:var(--spacing-body-inline-end)}.spacing-body{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-block{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end)}.spacing-body-block-start{padding-block-start:var(--spacing-body-block-start)}.spacing-body-block-end{padding-block-end:var(--spacing-body-block-end)}.spacing-body-inline{padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-inline-start{padding-inline-start:var(--spacing-body-inline-start)}.spacing-body-inline-end{padding-inline-end:var(--spacing-body-inline-end)}.layout{--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--lg);--spacing-body-inline-end: var(--mer-spacing--lg);display:grid;gap:var(--mer-spacing--md)}.layout__panel{display:grid}.layout--cols-1{grid-template-rows:1fr;grid-template-columns:1fr}.layout--cols-2{grid-template-rows:1fr;grid-template-columns:repeat(2, 1fr)}.layout--cols-3{grid-template-rows:1fr;grid-template-columns:repeat(3, 1fr)}.layout--cols-4{grid-template-rows:1fr;grid-template-columns:repeat(4, 1fr)}.layout--cols-1-2{grid-template-rows:1fr;grid-template-columns:1fr 2fr}.layout--cols-2-1{grid-template-rows:1fr;grid-template-columns:2fr 1fr}.spacing-body{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-block{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end)}.spacing-body-block-start{padding-block-start:var(--spacing-body-block-start)}.spacing-body-block-end{padding-block-end:var(--spacing-body-block-end)}.spacing-body-inline{padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-inline-start{padding-inline-start:var(--spacing-body-inline-start)}.spacing-body-inline-end{padding-inline-end:var(--spacing-body-inline-end)}.control-footer,.control-footer-with-border{--control-footer-justify-content: end;padding-block-start:var(--mer-spacing--xs);display:flex;justify-content:var(--control-footer-justify-content);align-items:center}.control-footer-start{--control-footer-justify-content: start}.control-footer-center{--control-footer-justify-content: center}.control-footer-space-between{--control-footer-justify-content: space-between}.control-footer-with-border{border-block-start:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01)}.control-header,.control-header-with-border{--control-header-justify-content: end;padding-block-end:var(--mer-spacing--md);display:flex;justify-content:var(--control-header-justify-content);align-items:center}.control-header-start{--control-header-justify-content: start}.control-header-center{--control-header-justify-content: center}.control-header-space-between{--control-header-justify-content: space-between}.control-header-with-border{border-block-end:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01)}
+.spacing-body{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-block{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end)}.spacing-body-block-start{padding-block-start:var(--spacing-body-block-start)}.spacing-body-block-end{padding-block-end:var(--spacing-body-block-end)}.spacing-body-inline{padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-inline-start{padding-inline-start:var(--spacing-body-inline-start)}.spacing-body-inline-end{padding-inline-end:var(--spacing-body-inline-end)}.spacing-body{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-block{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end)}.spacing-body-block-start{padding-block-start:var(--spacing-body-block-start)}.spacing-body-block-end{padding-block-end:var(--spacing-body-block-end)}.spacing-body-inline{padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-inline-start{padding-inline-start:var(--spacing-body-inline-start)}.spacing-body-inline-end{padding-inline-end:var(--spacing-body-inline-end)}.layout{--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--lg);--spacing-body-inline-end: var(--mer-spacing--lg);display:grid;gap:var(--mer-spacing--md)}.layout__panel{display:grid}.layout--cols-1{grid-template-rows:1fr;grid-template-columns:1fr}.layout--cols-2{grid-template-rows:1fr;grid-template-columns:repeat(2, 1fr)}.layout--cols-3{grid-template-rows:1fr;grid-template-columns:repeat(3, 1fr)}.layout--cols-4{grid-template-rows:1fr;grid-template-columns:repeat(4, 1fr)}.layout--cols-1-2{grid-template-rows:1fr;grid-template-columns:1fr 2fr}.layout--cols-2-1{grid-template-rows:1fr;grid-template-columns:2fr 1fr}.spacing-body{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-block{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end)}.spacing-body-block-start{padding-block-start:var(--spacing-body-block-start)}.spacing-body-block-end{padding-block-end:var(--spacing-body-block-end)}.spacing-body-inline{padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}.spacing-body-inline-start{padding-inline-start:var(--spacing-body-inline-start)}.spacing-body-inline-end{padding-inline-end:var(--spacing-body-inline-end)}.control-footer,.control-footer-with-border{--control-footer-justify-content: end;padding-block-start:var(--mer-spacing--xs);display:flex;justify-content:var(--control-footer-justify-content);align-items:center}.control-footer-start{--control-footer-justify-content: start}.control-footer-center{--control-footer-justify-content: center}.control-footer-space-between{--control-footer-justify-content: space-between}.control-footer-with-border{border-block-start:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01)}.control-header,.control-header-with-border{padding-block-end:var(--mer-spacing--md)}.control-header-with-border{border-block-end:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01)}

package/dist/mercury.scss

@@ -726,11 +726,7 @@
 // ----------------------
 
 @mixin control-header-base() {
-  --control-header-justify-content: end;
   padding-block-end: var(--mer-spacing--md);
-  display: flex;
-  justify-content: var(--control-header-justify-content);
-  align-items: center;
 }
 @mixin control-header-border() {
   border-block-end: var(--mer-border__width--sm) solid
@@ -739,24 +735,12 @@
 @mixin control-header(
   $selector: ".control-header",
   $with-border-selector: ".control-header-with-border",
-  $justify-start-selector: ".control-header-start",
-  $justify-center-selector: ".control-header-center",
-  $justify-space-between-selector: ".control-header-space-between",
   $with-border: true
 ) {
   #{$selector},
   #{$with-border-selector} {
     @include control-header-base();
   }
-  #{$justify-start-selector} {
-    --control-header-justify-content: start;
-  }
-  #{$justify-center-selector} {
-    --control-header-justify-content: center;
-  }
-  #{$justify-space-between-selector} {
-    --control-header-justify-content: space-between;
-  }
   @if $with-border {
     #{$with-border-selector} {
       @include control-header-border();
@@ -2245,11 +2229,7 @@
 // ----------------------
 
 @mixin control-header-base() {
-  --control-header-justify-content: end;
   padding-block-end: var(--mer-spacing--md);
-  display: flex;
-  justify-content: var(--control-header-justify-content);
-  align-items: center;
 }
 @mixin control-header-border() {
   border-block-end: var(--mer-border__width--sm) solid
@@ -2258,24 +2238,12 @@
 @mixin control-header(
   $selector: ".control-header",
   $with-border-selector: ".control-header-with-border",
-  $justify-start-selector: ".control-header-start",
-  $justify-center-selector: ".control-header-center",
-  $justify-space-between-selector: ".control-header-space-between",
   $with-border: true
 ) {
   #{$selector},
   #{$with-border-selector} {
     @include control-header-base();
   }
-  #{$justify-start-selector} {
-    --control-header-justify-content: start;
-  }
-  #{$justify-center-selector} {
-    --control-header-justify-content: center;
-  }
-  #{$justify-space-between-selector} {
-    --control-header-justify-content: space-between;
-  }
   @if $with-border {
     #{$with-border-selector} {
       @include control-header-border();
@@ -4804,11 +4772,7 @@
 // ----------------------
 
 @mixin control-header-base() {
-  --control-header-justify-content: end;
   padding-block-end: var(--mer-spacing--md);
-  display: flex;
-  justify-content: var(--control-header-justify-content);
-  align-items: center;
 }
 @mixin control-header-border() {
   border-block-end: var(--mer-border__width--sm) solid
@@ -4817,24 +4781,12 @@
 @mixin control-header(
   $selector: ".control-header",
   $with-border-selector: ".control-header-with-border",
-  $justify-start-selector: ".control-header-start",
-  $justify-center-selector: ".control-header-center",
-  $justify-space-between-selector: ".control-header-space-between",
   $with-border: true
 ) {
   #{$selector},
   #{$with-border-selector} {
     @include control-header-base();
   }
-  #{$justify-start-selector} {
-    --control-header-justify-content: start;
-  }
-  #{$justify-center-selector} {
-    --control-header-justify-content: center;
-  }
-  #{$justify-space-between-selector} {
-    --control-header-justify-content: space-between;
-  }
   @if $with-border {
     #{$with-border-selector} {
       @include control-header-border();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@genexus/mercury",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "description": "Mercury is the design system designed for GeneXus IDE Web and GeneXus Next",
   "main": "dist/mercury.scss",
   "module": "dist/assets-manager.js",