@genexus/mercury 0.4.12 → 0.4.13

package/dist/bundles/css/components/tabular-grid.css

@@ -1 +1 @@
-.property-grid-row>.property-grid-cell:nth-child(2){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-grid-row>.property-grid-cell:nth-child(2){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-grid-row-actions::part(window),.tabular-grid-row-actions::part(window){border:var(--window__border);border-radius:var(--window__border-radius);padding:var(---window__padding);background-color:var(--window__bg-color);box-shadow:var(--mer-box-shadow--01)}.property-grid-row>.property-grid-cell:nth-child(2){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-grid-row-actions::part(window),.tabular-grid-row-actions::part(window){border:var(--window__border);border-radius:var(--window__border-radius);padding:var(---window__padding);background-color:var(--window__bg-color);box-shadow:var(--mer-box-shadow--01)}.property-grid-cell::part(node-icon),.property-grid-row:has(>.property-grid-rowset)>.property-grid-cell::part(node-icon),.property-grid-cell::part(drag-icon),.property-grid-cell::part(actions-icon),.property-grid-rowset-legend::part(icon),.property-grid-rowset>.property-grid-rowset-legend::part(caret),.property-grid-cell::part(caret),.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret),.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret),.tabular-grid-cell::part(node-icon),.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-cell::part(drag-icon),.tabular-grid-cell::part(actions-icon),.tabular-grid-rowset-legend::part(icon),.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret),.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret),.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret){content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path)}.property-grid-value-edited>.property-grid-cell:nth-child(2){font-weight:var(--mer-font__weight--bold)}.property-grid-value-readonly>.property-grid-cell:nth-child(2),.property-grid-property-readonly>.property-grid-cell:nth-child(1){font-style:italic;color:var(--item__color--disabled)}.property-grid-row>.property-grid-cell:nth-child(2){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-grid-row-actions::part(window),.tabular-grid-row-actions::part(window){border:var(--window__border);border-radius:var(--window__border-radius);padding:var(---window__padding);background-color:var(--window__bg-color);box-shadow:var(--mer-box-shadow--01)}.icon-sm{--ch-image-size: var(--mer-icon__box--sm);--ch-image-background-size: var(--mer-icon__size--sm)}.icon-md{--ch-image-size: var(--mer-icon__box--md);--ch-image-background-size: var(--mer-icon__size--md)}.property-grid-row>.property-grid-cell:nth-child(1),.property-grid-row>.property-grid-cell:nth-child(2){align-items:center}.property-grid-row>.property-grid-cell:nth-child(2){--control__border-width: 0;--control__border-color: transparent;--control__border-radius: 0}.property-grid-value-editing>.property-grid-cell:nth-child(2){display:grid;padding:0}.property-grid-column-set{display:none}.property-grid-cell::part(node-icon),.property-grid-row:has(>.property-grid-rowset)>.property-grid-cell::part(node-icon),.property-grid-cell::part(drag-icon),.property-grid-cell::part(actions-icon),.property-grid-rowset-legend::part(icon),.property-grid-rowset>.property-grid-rowset-legend::part(caret),.property-grid-cell::part(caret),.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret),.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret),.tabular-grid-cell::part(node-icon),.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-cell::part(drag-icon),.tabular-grid-cell::part(actions-icon),.tabular-grid-rowset-legend::part(icon),.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret),.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret),.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret){margin-inline-end:var(--grid-common__gap);flex-shrink:0}.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret),.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret),.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret),.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret){--icon-path: var(--icon__gemini-tools_add_neutral--enabled);cursor:pointer}.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret):hover,.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret):hover,.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret):hover,.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret):hover{--icon-path: var(--icon__gemini-tools_add_neutral--hover)}.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret):active,.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret):active,.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret):active,.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret):active{--icon-path: var(--icon__gemini-tools_add_neutral--active)}.property-grid-rowset>.property-grid-rowset-legend::part(caret),.property-grid-cell::part(caret),.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret){--icon-path: var(--icon__gemini-tools_minus_neutral--enabled);cursor:pointer}.property-grid-rowset>.property-grid-rowset-legend::part(caret):hover,.property-grid-cell::part(caret):hover,.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret):hover,.tabular-grid-cell::part(caret):hover{--icon-path: var(--icon__gemini-tools_minus_neutral--hover)}.property-grid-rowset>.property-grid-rowset-legend::part(caret):active,.property-grid-cell::part(caret):active,.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret):active,.tabular-grid-cell::part(caret):active{--icon-path: var(--icon__gemini-tools_minus_neutral--active)}.property-grid-row:has(>.property-grid-rowset)>.property-grid-cell::part(node-icon),.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon){--icon-path: var(--icon__gemini-tools_folder_on-surface--enabled);display:none}.tabular-grid-show-node-icons .tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-show-node-icons .tabular-grid-cell::part(node-icon){display:block}.property-grid-cell::part(node-icon),.tabular-grid-cell::part(node-icon){--icon-path: var(--icon__gemini-tools_file_on-surface--enabled);display:none}.tabular-grid-show-node-icons .tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-show-node-icons .tabular-grid-cell::part(node-icon){display:block}.property-grid,.tabular-grid{--focus__outline-offset: -2px;--grid-label__gap: var(--mer-spacing--xs);--grid-common__gap: var(--mer-spacing--xs);max-block-size:100%;--indent: 16px;background-color:var(--items-container__bg-color);border-color:var(--items-container__border-color);--item__border-color--enabled: var(--mer-color__elevation--04);--grid-rowset-legend__font-family: var(--mer-font-family--title);--grid-rowset-legend__font-size: var(--grid-base__font-size);--grid-rowset-legend__color: var(--grid-base__color);--grid-rowset-legend__color--hover: var(--item__color--hover);--grid-rowset-legend__padding-inline: var(--item__padding-inline);--grid-rowset-legend__padding-block: var(--mer-spacing--3xs);--grid-rowset-legend__indent: var(--mer-spacing--md);--grid-row-actions-show-on-row-hover__margin-inline-end: var( --mer-spacing--xs );--grid-column-bar__gap: var(--mer-spacing--xs);--grid-column-bar__bg-color: var(--grid-base__bg-color);--grid-column-bar__color: var(--mer-text__bright);--grid-column-bar__padding-inline: var(--mer-spacing--xs);--grid-column-bar__padding-block: var(--mer-spacing--xs);--grid-column-bar__font-size: var(--grid-base__font-size);--grid-column-bar__font-family: var(--mer-font-family--title);--grid-bar-resize-split__inline-size: var(--mer-spacing--2xs);--grid-bar-resize-split__bg-color: transparent;--grid-bar-resize-split__border-inline-end: var(--mer-border__width--sm) solid transparent;--grid-bar-resize-split__border-inline-end-color--hover: var( --grid-column-bar__color );--item__font-size: var(--item__font-size--small)}.property-grid-column-set,.tabular-grid-column-set{border-block-end:var(--grid-cell__border)}.tabular-grid-column{background-color:var(--items-container__bg-color)}.property-grid-column::part(bar),.tabular-grid-column::part(bar){--grid-label__gap: 0;background-color:var(--item__bg-color);color:var(--item__color);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);font-weight:var(--control__font-weight--semi-bold);gap:var(--grid-common__gap);width:100%}.property-grid-column::part(bar-resize-split),.tabular-grid-column::part(bar-resize-split){background-color:var(--mer-color__elevation--04);inline-size:var(--grid-bar-resize-split__inline-size)}.property-grid-column::part(bar-resize-split):hover,.tabular-grid-column::part(bar-resize-split):hover{background-color:var(--mer-accent__primary--hover)}.property-grid-row[highlighted]>.property-grid-cell,.tabular-grid-row[highlighted]>.tabular-grid-cell{--item__bg-color: var(--item__bg-color--hover);--item__color: var(--item__color--hover)}.property-grid-row[selected]>.property-grid-cell,.tabular-grid-row[selected]>.tabular-grid-cell{--item__bg-color: var(--item__bg-color--selected);--item__color: var(--item__color--selected)}.property-grid-row[dragging],.tabular-grid-row[dragging]{box-shadow:var(--mer-box-shadow--01)}.property-grid-rowset[collapsed]>.property-grid-rowset-legend,.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend{border-block-end:var(--grid-cell__border)}.property-grid-rowset-legend,.tabular-grid-rowset-legend{--grid-rowset-legend__bg-color: var(--mer-color__elevation--02);background-color:var(--grid-rowset-legend__bg-color);padding-block-start:var(--mer-spacing--2xs);padding-block-end:var(--mer-spacing--2xs);display:flex;align-items:center;cursor:pointer;padding-inline-start:var(--grid-common__gap);box-shadow:calc(var(--indent)*(var(--level) - 1)*-1) 0px 0px 0px var(--grid-rowset-legend__bg-color)}.property-grid-rowset-legend:hover,.tabular-grid-rowset-legend:hover{--grid-rowset-legend__bg-color: var(--mer-color__elevation--03)}.property-grid-rowset-legend:active,.tabular-grid-rowset-legend:active{--grid-rowset-legend__bg-color: var(--mer-color__elevation--02)}.property-grid-cell,.tabular-grid-cell{box-shadow:var(--grid-cell__box-shadow-inline-block);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);background-color:var(--item__bg-color);color:var(--item__color);--item__bg-color: var(--items-container__bg-color);border:0}.property-grid-cell[focused],.tabular-grid-cell[focused]{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.property-grid-cell::part(selector-label),.property-grid-column::part(selector-label),.tabular-grid-cell::part(selector-label),.tabular-grid-column::part(selector-label){margin-inline-end:var(--grid-label__gap);block-size:var(--control-tiny__size);inline-size:var(--control-tiny__size)}.property-grid-cell::part(selector),.property-grid-column::part(selector),.tabular-grid-cell::part(selector),.tabular-grid-column::part(selector){position:relative;margin:0;width:0;height:0}.property-grid-cell::part(selector)::before,.property-grid-column::part(selector)::before,.tabular-grid-cell::part(selector)::before,.tabular-grid-column::part(selector)::before{content:"";display:inline-block;width:var(--control-tiny__size);height:var(--control-tiny__size);border:var(--mer-form-input__border);border-radius:var(--control-tiny__border-radius);box-sizing:border-box}.property-grid-cell::part(selector)::after,.property-grid-column::part(selector)::after,.tabular-grid-cell::part(selector)::after,.tabular-grid-column::part(selector)::after{position:absolute;content:"";display:inline-block;border-color:var(--mer-form-input-check__border-color);top:calc(var(--control-tiny__size)/4);left:calc(var(--control-tiny__size)/4)}.property-grid-cell::part(selector checked)::after,.property-grid-column::part(selector checked)::after,.tabular-grid-cell::part(selector checked)::after,.tabular-grid-column::part(selector checked)::after{inline-size:calc(var(--control-tiny__size)/2);block-size:calc(var(--control-tiny__size)/2);background-color:currentColor;pointer-events:none;-webkit-mask:no-repeat center/100% var(--mer-checkbox__option-checked-image);color:var(--mer-form-input-check__border-color)}.property-grid-column::part(selector indeterminate)::after,.tabular-grid-column::part(selector indeterminate)::after{inline-size:8px;block-size:var(--mer-form-input-check__border-width);border-radius:2px;background-color:var(--mer-form-input-check__border-color);top:calc(var(--control-tiny__size)/2 - var(--mer-form-input-check__border-width)/2)}.property-grid-row-actions::part(main),.tabular-grid-row-actions::part(main){display:flex;flex-direction:column;gap:var(--window__gap)}.tabular-grid:focus{outline:none}.tabular-grid-column::part(selector):focus{outline:none}.tabular-grid-rowset-legend::part(icon){--icon-path: var(--icon__gemini-tools_category-group_on-surface--enabled)}.tabular-grid-cell::part(selector):focus{outline:none}.tabular-grid-cell::part(actions-icon){width:100%;--icon-path: var( --icon__gemini-tools_show-more-vertical_on-surface--enabled );border:none}.tabular-grid-cell::part(drag-icon){--icon-path: var(--icon__navigation_drag_on-surface--enabled);margin-inline-end:var(--grid-common__gap)}.tabular-grid-row-actions[show-on-row-hover]::part(window){margin-inline-end:var(--mer-spacing--xs)}.property-grid:focus{outline:none}.property-grid-column::part(selector):focus{outline:none}.property-grid-rowset-legend::part(icon){--icon-path: var(--icon__gemini-tools_category-group_on-surface--enabled)}.property-grid-cell::part(selector):focus{outline:none}.property-grid-cell::part(actions-icon){inline-size:100%;--icon-path: var( --icon__gemini-tools_show-more-vertical_on-surface--enabled );border:none}.property-grid-cell::part(drag-icon){--icon-path: var(--icon__navigation_drag_on-surface--enabled);margin-inline-end:var(--grid-common__gap)}.property-grid-row-actions[show-on-row-hover]::part(window){margin-inline-end:var(--mer-spacing--xs)}
+.property-grid-row>.property-grid-cell:nth-child(2){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-grid-row>.property-grid-cell:nth-child(2){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-grid-row-actions::part(window),.tabular-grid-row-actions::part(window){border:var(--window__border);border-radius:var(--window__border-radius);padding:var(---window__padding);background-color:var(--window__bg-color);box-shadow:var(--mer-box-shadow--01)}.property-grid-row>.property-grid-cell:nth-child(2){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-grid-row-actions::part(window),.tabular-grid-row-actions::part(window){border:var(--window__border);border-radius:var(--window__border-radius);padding:var(---window__padding);background-color:var(--window__bg-color);box-shadow:var(--mer-box-shadow--01)}.property-grid-cell::part(node-icon),.property-grid-row:has(>.property-grid-rowset)>.property-grid-cell::part(node-icon),.property-grid-cell::part(drag-icon),.property-grid-cell::part(actions-icon),.property-grid-rowset-legend::part(icon),.property-grid-rowset>.property-grid-rowset-legend::part(caret),.property-grid-cell::part(caret),.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret),.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret),.tabular-grid-cell::part(node-icon),.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-cell::part(drag-icon),.tabular-grid-cell::part(actions-icon),.tabular-grid-rowset-legend::part(icon),.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret),.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret),.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret){content:"";display:block;inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path)}.property-grid-value-edited>.property-grid-cell:nth-child(2){font-weight:var(--mer-font__weight--semi-bold)}.property-grid-value-readonly>.property-grid-cell:nth-child(2),.property-grid-property-readonly>.property-grid-cell:nth-child(1){font-style:italic;color:var(--item__color--disabled)}.property-grid-row>.property-grid-cell:nth-child(2){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-grid-row-actions::part(window),.tabular-grid-row-actions::part(window){border:var(--window__border);border-radius:var(--window__border-radius);padding:var(---window__padding);background-color:var(--window__bg-color);box-shadow:var(--mer-box-shadow--01)}.icon-sm{--ch-image-size: var(--mer-icon__box--sm);--ch-image-background-size: var(--mer-icon__size--sm)}.icon-md{--ch-image-size: var(--mer-icon__box--md);--ch-image-background-size: var(--mer-icon__size--md)}.property-grid-row>.property-grid-cell:nth-child(1),.property-grid-row>.property-grid-cell:nth-child(2){align-items:center}.property-grid-row>.property-grid-cell:nth-child(2){--control__border-width: 0;--control__border-color: transparent;--control__border-radius: 0}.property-grid-value-editing>.property-grid-cell:nth-child(2){display:grid;padding:0}.property-grid-column-set{display:none}.property-grid-cell::part(node-icon),.property-grid-row:has(>.property-grid-rowset)>.property-grid-cell::part(node-icon),.property-grid-cell::part(drag-icon),.property-grid-cell::part(actions-icon),.property-grid-rowset-legend::part(icon),.property-grid-rowset>.property-grid-rowset-legend::part(caret),.property-grid-cell::part(caret),.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret),.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret),.tabular-grid-cell::part(node-icon),.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-cell::part(drag-icon),.tabular-grid-cell::part(actions-icon),.tabular-grid-rowset-legend::part(icon),.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret),.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret),.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret){margin-inline-end:var(--grid-common__gap);flex-shrink:0}.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret),.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret),.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret),.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret){--icon-path: var(--icon__gemini-tools_add_neutral--enabled);cursor:pointer}.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret):hover,.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret):hover,.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret):hover,.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret):hover{--icon-path: var(--icon__gemini-tools_add_neutral--hover)}.property-grid-rowset[collapsed]>.property-grid-rowset-legend::part(caret):active,.property-grid-row:is([collapsed],[leaf=false]:not(:has(>.property-grid-rowset)))>.property-grid-cell::part(caret):active,.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend::part(caret):active,.tabular-grid-row:is([collapsed],[leaf=false]:not(:has(>.tabular-grid-rowset)))>.tabular-grid-cell::part(caret):active{--icon-path: var(--icon__gemini-tools_add_neutral--active)}.property-grid-rowset>.property-grid-rowset-legend::part(caret),.property-grid-cell::part(caret),.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret){--icon-path: var(--icon__gemini-tools_minus_neutral--enabled);cursor:pointer}.property-grid-rowset>.property-grid-rowset-legend::part(caret):hover,.property-grid-cell::part(caret):hover,.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret):hover,.tabular-grid-cell::part(caret):hover{--icon-path: var(--icon__gemini-tools_minus_neutral--hover)}.property-grid-rowset>.property-grid-rowset-legend::part(caret):active,.property-grid-cell::part(caret):active,.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret):active,.tabular-grid-cell::part(caret):active{--icon-path: var(--icon__gemini-tools_minus_neutral--active)}.property-grid-row:has(>.property-grid-rowset)>.property-grid-cell::part(node-icon),.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon){--icon-path: var(--icon__gemini-tools_folder_on-surface--enabled);display:none}.tabular-grid-show-node-icons .tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-show-node-icons .tabular-grid-cell::part(node-icon){display:block}.property-grid-cell::part(node-icon),.tabular-grid-cell::part(node-icon){--icon-path: var(--icon__gemini-tools_file_on-surface--enabled);display:none}.tabular-grid-show-node-icons .tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-show-node-icons .tabular-grid-cell::part(node-icon){display:block}.property-grid,.tabular-grid{--grid__font-size: var(--mer-font__size--3xs);--focus__outline-offset: -2px;font-size:var(--grid__font-size);--grid-label__gap: var(--mer-spacing--xs);--grid-common__gap: var(--mer-spacing--xs);max-block-size:100%;--indent: 16px;background-color:var(--items-container__bg-color);border-color:var(--items-container__border-color);--item__border-color--enabled: var(--mer-color__elevation--04);--grid-rowset-legend__font-family: var(--mer-font-family--title);--grid-rowset-legend__font-size: var(--grid-base__font-size);--grid-rowset-legend__color: var(--grid-base__color);--grid-rowset-legend__color--hover: var(--item__color--hover);--grid-rowset-legend__padding-inline: var(--item__padding-inline);--grid-rowset-legend__padding-block: var(--mer-spacing--3xs);--grid-rowset-legend__indent: var(--mer-spacing--md);--grid-row-actions-show-on-row-hover__margin-inline-end: var( --mer-spacing--xs );--grid-column-bar__gap: var(--mer-spacing--xs);--grid-column-bar__bg-color: var(--grid-base__bg-color);--grid-column-bar__color: var(--mer-text__bright);--grid-column-bar__padding-inline: var(--mer-spacing--xs);--grid-column-bar__padding-block: var(--mer-spacing--xs);--grid-column-bar__font-size: var(--grid-base__font-size);--grid-column-bar__font-family: var(--mer-font-family--title);--grid-bar-resize-split__inline-size: var(--mer-spacing--2xs);--grid-bar-resize-split__bg-color: transparent;--grid-bar-resize-split__border-inline-end: var(--mer-border__width--sm) solid transparent;--grid-bar-resize-split__border-inline-end-color--hover: var( --grid-column-bar__color )}.property-grid-column-set,.tabular-grid-column-set{border-block-end:var(--grid-cell__border)}.tabular-grid-column{background-color:var(--items-container__bg-color)}.property-grid-column::part(bar),.tabular-grid-column::part(bar){--grid-label__gap: 0;background-color:var(--item__bg-color);color:var(--item__color);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);font-weight:var(--control__font-weight--semi-bold);gap:var(--grid-common__gap);width:100%}.property-grid-column::part(bar-resize-split),.tabular-grid-column::part(bar-resize-split){background-color:var(--mer-color__elevation--04);inline-size:var(--grid-bar-resize-split__inline-size)}.property-grid-column::part(bar-resize-split):hover,.tabular-grid-column::part(bar-resize-split):hover{background-color:var(--mer-accent__primary--hover)}.property-grid-row[highlighted]>.property-grid-cell,.tabular-grid-row[highlighted]>.tabular-grid-cell{--item__bg-color: var(--item__bg-color--hover);--item__color: var(--item__color--hover)}.property-grid-row[selected]>.property-grid-cell,.tabular-grid-row[selected]>.tabular-grid-cell{--item__bg-color: var(--item__bg-color--selected);--item__color: var(--item__color--selected)}.property-grid-row[dragging],.tabular-grid-row[dragging]{box-shadow:var(--mer-box-shadow--01)}.property-grid-rowset[collapsed]>.property-grid-rowset-legend,.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend{border-block-end:var(--grid-cell__border)}.property-grid-rowset-legend,.tabular-grid-rowset-legend{--grid-rowset-legend__bg-color: var(--mer-color__elevation--02);background-color:var(--grid-rowset-legend__bg-color);padding-block-start:var(--mer-spacing--2xs);padding-block-end:var(--mer-spacing--2xs);display:flex;align-items:center;cursor:pointer;padding-inline-start:var(--grid-common__gap);box-shadow:calc(var(--indent)*(var(--level) - 1)*-1) 0px 0px 0px var(--grid-rowset-legend__bg-color)}.property-grid-rowset-legend:hover,.tabular-grid-rowset-legend:hover{--grid-rowset-legend__bg-color: var(--mer-color__elevation--03)}.property-grid-rowset-legend:active,.tabular-grid-rowset-legend:active{--grid-rowset-legend__bg-color: var(--mer-color__elevation--02)}.property-grid-cell,.tabular-grid-cell{box-shadow:var(--grid-cell__box-shadow-inline-block);padding-block:var(--control__padding-block);padding-inline:var(--control__padding-inline);background-color:var(--item__bg-color);color:var(--item__color);--item__bg-color: var(--items-container__bg-color);border:0}.property-grid-cell[focused],.tabular-grid-cell[focused]{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tabular-grid-align-cells-block-start .tabular-grid-cell{align-items:flex-start}.tabular-grid-align-cells-block-center .tabular-grid-cell{align-items:center}.tabular-grid-align-cells-block-end .tabular-grid-cell{align-items:flex-end}.tabular-grid-align-cells-inline-start .tabular-grid-cell{justify-content:flex-start}.tabular-grid-align-cells-inline-center .tabular-grid-cell{justify-content:center}.tabular-grid-align-cells-inline-end .tabular-grid-cell{justify-content:flex-end}.property-grid-cell::part(selector-label),.property-grid-column::part(selector-label),.tabular-grid-cell::part(selector-label),.tabular-grid-column::part(selector-label){margin-inline-end:var(--grid-label__gap);block-size:var(--control-tiny__size);inline-size:var(--control-tiny__size)}.property-grid-cell::part(selector),.property-grid-column::part(selector),.tabular-grid-cell::part(selector),.tabular-grid-column::part(selector){position:relative;margin:0;width:0;height:0}.property-grid-cell::part(selector)::before,.property-grid-column::part(selector)::before,.tabular-grid-cell::part(selector)::before,.tabular-grid-column::part(selector)::before{content:"";display:inline-block;width:var(--control-tiny__size);height:var(--control-tiny__size);border:var(--mer-form-input__border);border-radius:var(--control-tiny__border-radius);box-sizing:border-box}.property-grid-cell::part(selector)::after,.property-grid-column::part(selector)::after,.tabular-grid-cell::part(selector)::after,.tabular-grid-column::part(selector)::after{position:absolute;content:"";display:inline-block;border-color:var(--mer-form-input-check__border-color);top:calc(var(--control-tiny__size)/4);left:calc(var(--control-tiny__size)/4)}.property-grid-cell::part(selector checked)::after,.property-grid-column::part(selector checked)::after,.tabular-grid-cell::part(selector checked)::after,.tabular-grid-column::part(selector checked)::after{inline-size:calc(var(--control-tiny__size)/2);block-size:calc(var(--control-tiny__size)/2);background-color:currentColor;pointer-events:none;-webkit-mask:no-repeat center/100% var(--mer-checkbox__option-checked-image);color:var(--mer-form-input-check__border-color)}.property-grid-column::part(selector indeterminate)::after,.tabular-grid-column::part(selector indeterminate)::after{inline-size:8px;block-size:var(--mer-form-input-check__border-width);border-radius:2px;background-color:var(--mer-form-input-check__border-color);top:calc(var(--control-tiny__size)/2 - var(--mer-form-input-check__border-width)/2)}.property-grid-row-actions::part(main),.tabular-grid-row-actions::part(main){display:flex;flex-direction:column;gap:var(--window__gap)}.tabular-grid:focus{outline:none}.tabular-grid-column::part(selector):focus{outline:none}.tabular-grid-rowset-legend::part(icon){--icon-path: var(--icon__gemini-tools_category-group_on-surface--enabled)}.tabular-grid-cell::part(selector):focus{outline:none}.tabular-grid-cell::part(actions-icon){width:100%;--icon-path: var( --icon__gemini-tools_show-more-vertical_on-surface--enabled );border:none}.tabular-grid-cell::part(drag-icon){--icon-path: var(--icon__navigation_drag_on-surface--enabled);margin-inline-end:var(--grid-common__gap)}.tabular-grid-row-actions[show-on-row-hover]::part(window){margin-inline-end:var(--mer-spacing--xs)}.property-grid:focus{outline:none}.property-grid-column::part(selector):focus{outline:none}.property-grid-rowset-legend::part(icon){--icon-path: var(--icon__gemini-tools_category-group_on-surface--enabled)}.property-grid-cell::part(selector):focus{outline:none}.property-grid-cell::part(actions-icon){inline-size:100%;--icon-path: var( --icon__gemini-tools_show-more-vertical_on-surface--enabled );border:none}.property-grid-cell::part(drag-icon){--icon-path: var(--icon__navigation_drag_on-surface--enabled);margin-inline-end:var(--grid-common__gap)}.property-grid-row-actions[show-on-row-hover]::part(window){margin-inline-end:var(--mer-spacing--xs)}

package/dist/mercury.scss

@@ -2841,7 +2841,7 @@ Text States e.g.: for the property-grid
 -------------------------------------*/
 
 %text-edited {
-  font-weight: var(--mer-font__weight--bold);
+  font-weight: var(--mer-font__weight--semi-bold);
 }
 %text-readonly {
   font-style: italic;
@@ -5506,7 +5506,9 @@ Body Spacing
   }
 }
 
-
+@mixin tabular-grid-tokens() {
+  --grid__font-size: var(--mer-font__size--3xs);
+}
 
 @mixin tabular-grid-row-tokens() {
   /* This style-sheet applies for: 
@@ -5714,7 +5716,9 @@ Body Spacing
 // - - - - - - - - - - - - - - - - - - - -
 
 %tabular-grid {
+  @include tabular-grid-tokens();
   --focus__outline-offset: -2px; // WA since the box-shadow hides the outline-block-end and outline-inline-end.
+  font-size: var(--grid__font-size);
   --grid-label__gap: var(--mer-spacing--xs);
   --grid-common__gap: var(--mer-spacing--xs);
   max-block-size: 100%; // TODO: This reset must be placed in the control implementation. This property is a WA.
@@ -5727,8 +5731,6 @@ Body Spacing
   @include tabular-grid-row-tokens();
   @include tabular-grid-column-tokens();
   @include tabular-grid-cell-tokens();
-
-  @include item-font-size-small();
 }
 
 %tabular-grid__main {
@@ -5858,6 +5860,26 @@ Body Spacing
   &--selected {
     // to be defined by design
   }
+
+  // Alignment
+  &--align-block-start {
+    align-items: flex-start;
+  }
+  &--align-block-center {
+    align-items: center;
+  }
+  &--align-block-end {
+    align-items: flex-end;
+  }
+  &--align-inline-start {
+    justify-content: flex-start;
+  }
+  &--align-inline-center {
+    justify-content: center;
+  }
+  &--align-inline-end {
+    justify-content: flex-end;
+  }
 }
 
 %tabular-grid-cell__selector-label {
@@ -5953,7 +5975,7 @@ Body Spacing
 /// @param {String} $tabular-grid-row--selected-selector [".tabular-grid-row[selected]"] -
 /// @param {String} $tabular-grid-row--dragging-selector [".tabular-grid-row[dragging]"] -
 /// @param {String} $tabular-grid-row--highlighted__cell-selector [".tabular-grid-row[highlighted] > .tabular-grid-cell"] -
-// ch-tabular-grid-row  > cell
+// ch-tabular-grid-row > cell
 /// @param {String} $tabular-grid-row--selected__cell-selector [".tabular-grid-row[selected] > .tabular-grid-cell"] -
 // ch-tabular-grid-rowset
 /// @param {String} $tabular-grid-rowset-selector [".tabular-grid-rowset"] -
@@ -5979,6 +6001,13 @@ Body Spacing
 /// @param {String} $tabular-grid-cell__drag-icon-selector [".tabular-grid-cell::part(drag-icon)"] -
 /// @param {String} $tabular-grid-cell__node-icon-selector [".tabular-grid-row:has(> .tabular-grid-rowset) > .tabular-grid-cell::part(node-icon)"] -
 /// @param {String} $tabular-grid-cell__node-leaf-icon-selector [".tabular-grid-cell::part(node-icon)"] -
+// ch-tabular-grid-cell (alignment)
+/// @param {String} $tabular-grid-align-cells-block-start-selector [".tabular-grid-align-cells-block-start .tabular-grid-cell"] -
+/// @param {String} $tabular-grid-align-cells-block-center-selector [".tabular-grid-align-cells-block-center .tabular-grid-cell"] -
+/// @param {String} $tabular-grid-align-cells-block-end-selector [".tabular-grid-align-cells-block-end .tabular-grid-cell"] -
+/// @param {String} $tabular-grid-align-cells-inline-start-selector [".tabular-grid-align-cells-inline-start .tabular-grid-cell"] -
+/// @param {String} $tabular-grid-align-cells-inline-center-selector [".tabular-grid-align-cells-inline-center .tabular-grid-cell"] -
+/// @param {String} $tabular-grid-align-cells-inline-end-selector [".tabular-grid-align-cells-inline-end .tabular-grid-cell"] -
 // row-actions
 /// @param {String} $tabular-grid-row-actions-selector [".tabular-grid-row-actions"] -
 /// @param {String} $tabular-grid-row-actions__window-selector [".tabular-grid-row-actions::part(window)"] -
@@ -6050,6 +6079,19 @@ Body Spacing
     ".tabular-grid-row:has(> .tabular-grid-rowset) > .tabular-grid-cell::part(node-icon)",
   $tabular-grid-cell__node-leaf-icon-selector:
     ".tabular-grid-cell::part(node-icon)",
+  // ch-tabular-grid-cell (alignment)
+  $tabular-grid-align-cells-block-start-selector:
+    ".tabular-grid-align-cells-block-start .tabular-grid-cell",
+  $tabular-grid-align-cells-block-center-selector:
+    ".tabular-grid-align-cells-block-center .tabular-grid-cell",
+  $tabular-grid-align-cells-block-end-selector:
+    ".tabular-grid-align-cells-block-end .tabular-grid-cell",
+  $tabular-grid-align-cells-inline-start-selector:
+    ".tabular-grid-align-cells-inline-start .tabular-grid-cell",
+  $tabular-grid-align-cells-inline-center-selector:
+    ".tabular-grid-align-cells-inline-center .tabular-grid-cell",
+  $tabular-grid-align-cells-inline-end-selector:
+    ".tabular-grid-align-cells-inline-end .tabular-grid-cell",
   // ch-tabular-grid-row-actions
   $tabular-grid-row-actions-selector: ".tabular-grid-row-actions",
   $tabular-grid-row-actions__window-selector:
@@ -6301,6 +6343,26 @@ Body Spacing
     @extend %tabular-grid__icon-node-leaf;
   }
 
+  // Cells Alignment
+  #{$tabular-grid-align-cells-block-start-selector} {
+    @extend %tabular-grid-cell--align-block-start;
+  }
+  #{$tabular-grid-align-cells-block-center-selector} {
+    @extend %tabular-grid-cell--align-block-center;
+  }
+  #{$tabular-grid-align-cells-block-end-selector} {
+    @extend %tabular-grid-cell--align-block-end;
+  }
+  #{$tabular-grid-align-cells-inline-start-selector} {
+    @extend %tabular-grid-cell--align-inline-start;
+  }
+  #{$tabular-grid-align-cells-inline-center-selector} {
+    @extend %tabular-grid-cell--align-inline-center;
+  }
+  #{$tabular-grid-align-cells-inline-end-selector} {
+    @extend %tabular-grid-cell--align-inline-end;
+  }
+
   // - - - - - - - - - - - - - - - - - - - -
   //      ch-tabular-grid-row-actions
   // - - - - - - - - - - - - - - - - - - - -

package/package.json

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