@genexus/mercury 0.12.2 → 0.12.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
.list-box{--ch-action-list-group__expandable-button-image-size: var( --mer-icon__box--md );--ch-action-list-group__expandable-button-size: var(--mer-icon__box--md);--ch-action-list-item__background-image-size: var(--mer-icon__size--md);--ch-action-list-item__image-size: var(--mer-icon__box--md);border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);border-radius:var(--items-container__border-radius);background-color:var(--items-container__bg-color);border-color:var(--items-container__border-color);gap:var(--items-container__gap);padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline)}.list-box::part(item__action),.list-box::part(group__action){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item__font-weight);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)
|
|
1
|
+
.list-box{--ch-action-list-group__expandable-button-image-size: var( --mer-icon__box--md );--ch-action-list-group__expandable-button-size: var(--mer-icon__box--md);--ch-action-list-item__background-image-size: var(--mer-icon__size--md);--ch-action-list-item__image-size: var(--mer-icon__box--md);border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);border-radius:var(--items-container__border-radius);background-color:var(--items-container__bg-color);border-color:var(--items-container__border-color);gap:var(--items-container__gap);padding-block:var(--items-container__padding-block);padding-inline:var(--items-container__padding-inline)}.list-box::part(item__action),.list-box::part(group__action){background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border:var(--item__border-width) var(--item__border-style) var(--item__border-color);border-radius:var(--item__border-radius);line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item__font-weight);padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline)}.list-box::part(item__action disabled),.list-box::part(group__action disabled),.list-box::part(group__caption disabled){--item__bg-color: var(--item__bg-color--disabled);--item__border-color: var(--item__border-color--disabled);--item__color: var(--item__color--disabled)}.list-box::part(item__action):focus-visible,.list-box::part(group__action):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.list-box::part(item__action not-selectable):hover,.list-box::part(group__action not-selectable):hover{--item__bg-color: var(--item__bg-color--hover);--item__border-color: var(--item__border-color--hover);--item__color: var(--item__color--hover)}.list-box::part(item__action selectable):hover,.list-box::part(group__action selectable):hover{--item__bg-color: var(--item__bg-color--hover);--item__border-color: var(--item__border-color--hover);--item__color: var(--item__color--hover)}.list-box::part(item__action selectable selected),.list-box::part(group__action selectable selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.list-box::part(item__action selectable selected):hover,.list-box::part(group__action selectable selected):hover{--item__bg-color: var(--item__bg-color--selected-hover);--item__border-color: var(--item__border-color--selected-hover);--item__color: var(--item__color--selected-hover)}.list-box::part(item__action nested){margin-inline-start:var(--mer-spacing--lg)}.list-box::part(group){gap:var(--items-container__gap)}.list-box::part(group__action){gap:var(--item__gap--regular)}.list-box::part(group__action):hover{--item__bg-color: var(--item__bg-color--hover);--item__border-color: var(--item__border-color--hover);--item__color: var(--item__color--hover);border-color:rgba(0,0,0,0)}.list-box::part(group__action),.list-box::part(group__caption){line-height:var(--item__line-height);font-size:var(--item__font-size);font-weight:var(--item-header__font-weight);background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color)}.list-box::part(group__caption){padding-block:var(--item__padding-block);padding-inline:var(--item__padding-inline);border:var(--item__border-width) var(--item__border-style) var(--item__border-color)}.list-box::part(group__expandable){gap:var(--items-container__gap)}.list-box::part(item__additional-item image){margin-inline-end:var(--item__gap--regular)}.list-box::part(item__additional-item text){margin-inline-start:calc(var(--item__gap--regular)*2);font-style:italic}.list-box::part(separator){block-size:var(--items-container-separator__block-size);inline-size:var(--items-container-separator__inline-size);background-color:var(--items-container-separator__bg-color)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.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-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-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-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)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.property-grid-row>.property-grid-cell:nth-child(1),.property-grid-row>.property-grid-cell:nth-child(2){display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.property-grid-value-editing>.property-grid-cell:nth-child(2){--control__border-width: 0;--control__border-color: transparent;--control__border-radius: 0;padding-block:0;padding-inline:0;--control__padding-inline: var(--grid-cell__padding-inline);display:grid;align-items:stretch;justify-content:stretch}.property-grid-value-editing>.property-grid-cell:nth-child(2):hover{outline:var(--focus__outline-width) var(--focus__outline-style) var(--control__border-color--hover);outline-offset:var(--focus__outline-offset)}.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-surface__elevation--01);--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(--grid-cell__padding-block);padding-inline:var(--grid-cell__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-surface__elevation--01);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-surface__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-surface__elevation--03)}.property-grid-rowset-legend:active,.tabular-grid-rowset-legend:active{--grid-rowset-legend__bg-color: var(--mer-surface__elevation--02)}.property-grid-cell,.tabular-grid-cell{box-shadow:var(--grid-cell__box-shadow-inline-block);padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);background-color:var(--item__bg-color);color:var(--item__color);--item__bg-color: var(--items-container__bg-color);--control__font-size--regular: var(--grid-font-size);--control__font-size--small: var(--grid-font-size);--item__font-size: var(--grid-font-size);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)}.tabular-grid ch-tabular-grid-cell{padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start}.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)}
|
|
1
|
+
.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-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-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-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)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.property-grid-row>.property-grid-cell:nth-child(1),.property-grid-row>.property-grid-cell:nth-child(2){display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.property-grid-value-editing>.property-grid-cell:nth-child(2){--control__border-width: 0;--control__border-color: transparent;--control__border-radius: 0;padding-block:0;padding-inline:0;--control__padding-inline: var(--grid-cell__padding-inline);display:grid;align-items:stretch;justify-content:stretch}.property-grid-value-editing>.property-grid-cell:nth-child(2):hover{outline:var(--focus__outline-width) var(--focus__outline-style) var(--control__border-color--hover);outline-offset:var(--focus__outline-offset)}.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-surface__elevation--01);--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;--grid-row__bg-color: var(--item__bg-color);--grid-row__color: var(--item__color);background-color:var(--grid-row__bg-color);color:var(--grid-row__color);padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__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-surface__elevation--01);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{--grid-row__bg-color: var(--item__bg-color--hover);--grid-row__color: var(--item__color--hover)}.property-grid-row[selected]>.property-grid-cell,.tabular-grid-row[selected]>.tabular-grid-cell{--grid-row__bg-color: var(--item__bg-color--selected);--grid-row__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-surface__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-surface__elevation--03)}.property-grid-rowset-legend:active,.tabular-grid-rowset-legend:active{--grid-rowset-legend__bg-color: var(--mer-surface__elevation--02)}.property-grid-cell,.tabular-grid-cell{box-shadow:var(--grid-cell__box-shadow-inline-block);padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);--grid-row__bg-color: var(--item__bg-color);--grid-row__color: var(--item__color);background-color:var(--grid-row__bg-color);color:var(--grid-row__color);--item__bg-color: var(--items-container__bg-color);--control__font-size--regular: var(--grid-font-size);--control__font-size--small: var(--grid-font-size);--item__font-size: var(--grid-font-size);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)}.tabular-grid ch-tabular-grid-cell{padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start}.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
CHANGED
|
@@ -522,16 +522,22 @@
|
|
|
522
522
|
|
|
523
523
|
// Row
|
|
524
524
|
@mixin grid-row-colors-enabled() {
|
|
525
|
-
|
|
526
|
-
|
|
525
|
+
// Some controls using --item__** variables inside the tabular grid inherit
|
|
526
|
+
// unwanted styles. For example, when a row is selected, controls like a
|
|
527
|
+
// list-box inherit the selected background color. To prevent this, these
|
|
528
|
+
// properties cannot be directly applied to the tabular grid.
|
|
529
|
+
--grid-row__bg-color: var(--item__bg-color);
|
|
530
|
+
--grid-row__color: var(--item__color);
|
|
531
|
+
background-color: var(--grid-row__bg-color);
|
|
532
|
+
color: var(--grid-row__color);
|
|
527
533
|
}
|
|
528
534
|
@mixin grid-row-colors-highlighted() {
|
|
529
|
-
--
|
|
530
|
-
--
|
|
535
|
+
--grid-row__bg-color: var(--item__bg-color--hover);
|
|
536
|
+
--grid-row__color: var(--item__color--hover);
|
|
531
537
|
}
|
|
532
538
|
@mixin grid-row-colors-selected() {
|
|
533
|
-
--
|
|
534
|
-
--
|
|
539
|
+
--grid-row__bg-color: var(--item__bg-color--selected);
|
|
540
|
+
--grid-row__color: var(--item__color--selected);
|
|
535
541
|
}
|
|
536
542
|
@mixin grid-row-dragging() {
|
|
537
543
|
box-shadow: var(--mer-box-shadow--01);
|
|
@@ -2163,16 +2169,22 @@
|
|
|
2163
2169
|
|
|
2164
2170
|
// Row
|
|
2165
2171
|
@mixin grid-row-colors-enabled() {
|
|
2166
|
-
|
|
2167
|
-
|
|
2172
|
+
// Some controls using --item__** variables inside the tabular grid inherit
|
|
2173
|
+
// unwanted styles. For example, when a row is selected, controls like a
|
|
2174
|
+
// list-box inherit the selected background color. To prevent this, these
|
|
2175
|
+
// properties cannot be directly applied to the tabular grid.
|
|
2176
|
+
--grid-row__bg-color: var(--item__bg-color);
|
|
2177
|
+
--grid-row__color: var(--item__color);
|
|
2178
|
+
background-color: var(--grid-row__bg-color);
|
|
2179
|
+
color: var(--grid-row__color);
|
|
2168
2180
|
}
|
|
2169
2181
|
@mixin grid-row-colors-highlighted() {
|
|
2170
|
-
--
|
|
2171
|
-
--
|
|
2182
|
+
--grid-row__bg-color: var(--item__bg-color--hover);
|
|
2183
|
+
--grid-row__color: var(--item__color--hover);
|
|
2172
2184
|
}
|
|
2173
2185
|
@mixin grid-row-colors-selected() {
|
|
2174
|
-
--
|
|
2175
|
-
--
|
|
2186
|
+
--grid-row__bg-color: var(--item__bg-color--selected);
|
|
2187
|
+
--grid-row__color: var(--item__color--selected);
|
|
2176
2188
|
}
|
|
2177
2189
|
@mixin grid-row-dragging() {
|
|
2178
2190
|
box-shadow: var(--mer-box-shadow--01);
|
|
@@ -4793,16 +4805,22 @@
|
|
|
4793
4805
|
|
|
4794
4806
|
// Row
|
|
4795
4807
|
@mixin grid-row-colors-enabled() {
|
|
4796
|
-
|
|
4797
|
-
|
|
4808
|
+
// Some controls using --item__** variables inside the tabular grid inherit
|
|
4809
|
+
// unwanted styles. For example, when a row is selected, controls like a
|
|
4810
|
+
// list-box inherit the selected background color. To prevent this, these
|
|
4811
|
+
// properties cannot be directly applied to the tabular grid.
|
|
4812
|
+
--grid-row__bg-color: var(--item__bg-color);
|
|
4813
|
+
--grid-row__color: var(--item__color);
|
|
4814
|
+
background-color: var(--grid-row__bg-color);
|
|
4815
|
+
color: var(--grid-row__color);
|
|
4798
4816
|
}
|
|
4799
4817
|
@mixin grid-row-colors-highlighted() {
|
|
4800
|
-
--
|
|
4801
|
-
--
|
|
4818
|
+
--grid-row__bg-color: var(--item__bg-color--hover);
|
|
4819
|
+
--grid-row__color: var(--item__color--hover);
|
|
4802
4820
|
}
|
|
4803
4821
|
@mixin grid-row-colors-selected() {
|
|
4804
|
-
--
|
|
4805
|
-
--
|
|
4822
|
+
--grid-row__bg-color: var(--item__bg-color--selected);
|
|
4823
|
+
--grid-row__color: var(--item__color--selected);
|
|
4806
4824
|
}
|
|
4807
4825
|
@mixin grid-row-dragging() {
|
|
4808
4826
|
box-shadow: var(--mer-box-shadow--01);
|
|
@@ -6060,7 +6078,9 @@
|
|
|
6060
6078
|
@include item-border-radius();
|
|
6061
6079
|
@include item-font();
|
|
6062
6080
|
@include item-padding();
|
|
6063
|
-
@include item-column-gap();
|
|
6081
|
+
// @include item-column-gap(); // TODO: uncomment when '.action' class on Chameleon fixes the grid-template.
|
|
6082
|
+
// Explanation: At the time of writting Chameleon is applying a grid-template that consists on three columns.
|
|
6083
|
+
// As a side effect, if we apply column-gap an inline-start gap will be applied, even tough is not intended.
|
|
6064
6084
|
|
|
6065
6085
|
&--disabled {
|
|
6066
6086
|
@include item-colors-disabled();
|
|
@@ -6092,6 +6112,9 @@
|
|
|
6092
6112
|
}
|
|
6093
6113
|
}
|
|
6094
6114
|
|
|
6115
|
+
&--nested {
|
|
6116
|
+
margin-inline-start: var(--mer-spacing--lg);
|
|
6117
|
+
}
|
|
6095
6118
|
&--nested-expandable {
|
|
6096
6119
|
}
|
|
6097
6120
|
}
|
|
@@ -6121,16 +6144,14 @@
|
|
|
6121
6144
|
}
|
|
6122
6145
|
}
|
|
6123
6146
|
|
|
6124
|
-
&-additional-item--
|
|
6125
|
-
//
|
|
6126
|
-
|
|
6127
|
-
|
|
6128
|
-
|
|
6129
|
-
|
|
6130
|
-
|
|
6131
|
-
|
|
6132
|
-
@include focus-outline();
|
|
6133
|
-
}
|
|
6147
|
+
&-additional-item--image {
|
|
6148
|
+
// TODO: uncomment when '.action' class on Chameleon fixes the grid-template, and use back item-column-gap() instead.
|
|
6149
|
+
margin-inline-end: var(--item__gap--regular);
|
|
6150
|
+
}
|
|
6151
|
+
&-additional-item--text {
|
|
6152
|
+
// TODO: uncomment when '.action' class on Chameleon fixes the grid-template, and use back item-column-gap() instead.
|
|
6153
|
+
margin-inline-start: calc(var(--item__gap--regular) * 2);
|
|
6154
|
+
font-style: italic;
|
|
6134
6155
|
}
|
|
6135
6156
|
|
|
6136
6157
|
&-separator {
|
|
@@ -6148,6 +6169,7 @@
|
|
|
6148
6169
|
$group-action-selector: ".list-box::part(group__action)",
|
|
6149
6170
|
$group-caption-selector: ".list-box::part(group__caption)",
|
|
6150
6171
|
|
|
6172
|
+
$item-action--nested-selector: ".list-box::part(item__action nested)",
|
|
6151
6173
|
$item-action--nested-expandable-selector:
|
|
6152
6174
|
".list-box::part(item__action nested-expandable)",
|
|
6153
6175
|
|
|
@@ -6177,6 +6199,7 @@
|
|
|
6177
6199
|
".list-box::part(item__additional-item image)",
|
|
6178
6200
|
$additional-item--action-selector:
|
|
6179
6201
|
".list-box::part(item__additional-item action)",
|
|
6202
|
+
$additional-item--text-selector: ".list-box::part(item__additional-item text)",
|
|
6180
6203
|
|
|
6181
6204
|
$separator-selector: ".list-box::part(separator)",
|
|
6182
6205
|
|
|
@@ -6234,7 +6257,10 @@
|
|
|
6234
6257
|
}
|
|
6235
6258
|
}
|
|
6236
6259
|
|
|
6237
|
-
// Nested
|
|
6260
|
+
// Nested
|
|
6261
|
+
#{$item-action--nested-selector} {
|
|
6262
|
+
@extend %list-box-item-action--nested;
|
|
6263
|
+
}
|
|
6238
6264
|
#{$item-action--nested-expandable-selector} {
|
|
6239
6265
|
@extend %list-box-item-action--nested-expandable;
|
|
6240
6266
|
}
|
|
@@ -6242,7 +6268,6 @@
|
|
|
6242
6268
|
// - - - - - - - - - - - - - - - - - - - -
|
|
6243
6269
|
// Group
|
|
6244
6270
|
// - - - - - - - - - - - - - - - - - - - -
|
|
6245
|
-
|
|
6246
6271
|
#{$group-selector} {
|
|
6247
6272
|
@extend %list-box-group;
|
|
6248
6273
|
}
|
|
@@ -6280,15 +6305,10 @@
|
|
|
6280
6305
|
|
|
6281
6306
|
@if $add--additional-item {
|
|
6282
6307
|
#{$additional-item--image-selector} {
|
|
6283
|
-
@extend %list-box-additional-item--
|
|
6284
|
-
|
|
6285
|
-
|
|
6286
|
-
|
|
6287
|
-
}
|
|
6288
|
-
|
|
6289
|
-
&:focus-visible {
|
|
6290
|
-
@extend %list-box-additional-item--action--focus-visible;
|
|
6291
|
-
}
|
|
6308
|
+
@extend %list-box-additional-item--image;
|
|
6309
|
+
}
|
|
6310
|
+
#{$additional-item--text-selector} {
|
|
6311
|
+
@extend %list-box-additional-item--text;
|
|
6292
6312
|
}
|
|
6293
6313
|
}
|
|
6294
6314
|
}
|
|
@@ -7045,16 +7065,22 @@
|
|
|
7045
7065
|
|
|
7046
7066
|
// Row
|
|
7047
7067
|
@mixin grid-row-colors-enabled() {
|
|
7048
|
-
|
|
7049
|
-
|
|
7068
|
+
// Some controls using --item__** variables inside the tabular grid inherit
|
|
7069
|
+
// unwanted styles. For example, when a row is selected, controls like a
|
|
7070
|
+
// list-box inherit the selected background color. To prevent this, these
|
|
7071
|
+
// properties cannot be directly applied to the tabular grid.
|
|
7072
|
+
--grid-row__bg-color: var(--item__bg-color);
|
|
7073
|
+
--grid-row__color: var(--item__color);
|
|
7074
|
+
background-color: var(--grid-row__bg-color);
|
|
7075
|
+
color: var(--grid-row__color);
|
|
7050
7076
|
}
|
|
7051
7077
|
@mixin grid-row-colors-highlighted() {
|
|
7052
|
-
--
|
|
7053
|
-
--
|
|
7078
|
+
--grid-row__bg-color: var(--item__bg-color--hover);
|
|
7079
|
+
--grid-row__color: var(--item__color--hover);
|
|
7054
7080
|
}
|
|
7055
7081
|
@mixin grid-row-colors-selected() {
|
|
7056
|
-
--
|
|
7057
|
-
--
|
|
7082
|
+
--grid-row__bg-color: var(--item__bg-color--selected);
|
|
7083
|
+
--grid-row__color: var(--item__color--selected);
|
|
7058
7084
|
}
|
|
7059
7085
|
@mixin grid-row-dragging() {
|
|
7060
7086
|
box-shadow: var(--mer-box-shadow--01);
|