@genexus/mercury 0.17.1 → 0.17.2
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.
- package/dist/assets-manager.js +1 -1
- package/dist/bundles/css/all.css +1 -1
- package/dist/bundles/css/components/flexible-layout.css +1 -1
- package/dist/bundles/css/components/tab.css +1 -1
- package/dist/bundles/css/components/tabular-grid.css +1 -1
- package/dist/bundles/css/components/tree-view.css +1 -1
- package/dist/bundles/js/all.js +1 -1
- package/dist/bundles/js/components/flexible-layout.js +1 -1
- package/dist/bundles/js/components/tab.js +1 -1
- package/dist/bundles/js/components/tabular-grid.js +1 -1
- package/dist/bundles/js/components/tree-view.js +1 -1
- package/dist/mercury.scss +98 -34
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
export const bundle = `.flexible-layout::part(tab inline-end),.flexible-layout::part(tab inline-start),.flexible-layout::part(tab block-
|
|
1
|
+
export const bundle = `.flexible-layout::part(tab inline-end),.flexible-layout::part(tab inline-start),.flexible-layout::part(tab block not-closable),.flexible-layout::part(tab block closable){line-height:var(--line-height-tight)}.flexible-layout::part(tab inline-end),.flexible-layout::part(tab inline-start),.flexible-layout::part(tab block not-closable),.flexible-layout::part(tab block closable){font-size:var(--font-size-body-s)}.flexible-layout::part(tab inline-end),.flexible-layout::part(tab inline-start),.flexible-layout::part(tab block not-closable),.flexible-layout::part(tab block closable){font-weight:var(--font-weight-regular)}.flexible-layout{--flexible-layout--tab-list-block__background-color: var( --mer-surface__elevation--01 );--flexible-layout--tab-list-inline__background-color: var( --mer-surface__elevation--02 );--flexible-layout--tab-list-inline__inline-size: 48px;--flexible-layout--tab-button-block-start__background-color: var( --flexible-layout--tab-list-block__background-color );--flexible-layout--tab-button-block-end__background-color: var( --flexible-layout--tab-list-block__background-color );--flexible-layout--tab-button-inline-start__background-color: var( --flexible-layout--tab-list-inline__background-color );--flexible-layout--tab-button-inline-end__background-color: var( --flexible-layout--tab-list-inline__background-color );--flexible-layout--tab-button-block-start__background-color--selected: var( --mer-surface );--flexible-layout--tab-button-block-end__background-color--selected: var( --mer-surface )}.flexible-layout::part(leaf){--ch-tab-close-button__background-image-size: var(--mer-icon__size--md);--ch-tab-close-button__image-size: var(--mer-spacing--md);--ch-tab-button__image-size: var(--mer-icon__box--md);--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md)}.flexible-layout::part(tab block not-closable),.flexible-layout::part(tab block closable){background-color:var(--tab-caption__bg-color);color:var(--tab-caption__color);border-color:var(--tab-caption__border-color);gap:var(--tab-caption__gap);border-block:1px solid rgba(0,0,0,0)}.flexible-layout::part(tab block not-closable){padding-block:var(--tab-caption__padding-block);padding-inline:var(--tab-caption__padding-inline)}.flexible-layout::part(tab block closable){padding-block:calc(var(--tab-caption__padding-block) - var(--mer-spacing--2xs) - 1px);padding-inline:var(--tab-caption__padding-inline) calc(var(--tab-caption__padding-inline) - var(--mer-spacing--2xs) - 1px)}.flexible-layout::part(tab inline-end),.flexible-layout::part(tab inline-start){background-color:var(--tab-caption__bg-color);color:var(--tab-caption__color);border-color:var(--tab-caption__border-color);gap:var(--tab-caption__gap);padding-block:var(--tab-caption__padding-block);padding-inline:calc(var(--tab-caption__padding-inline) - 1px);border-inline:1px solid rgba(0,0,0,0)}.flexible-layout::part(tab block-end selected)::before,.flexible-layout::part(tab block-start selected)::before{color:var(--mer-accent__primary)}.flexible-layout::part(tab block-start){background-color:var(--flexible-layout--tab-button-block-start__background-color)}.flexible-layout::part(tab block-start):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab block-start):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab block-start selected){border-block-start-color:var(--mer-accent__primary);background-color:var(--flexible-layout--tab-button-block-start__background-color--selected);color:var(--tab-caption__color--selected)}.flexible-layout::part(tab block-end){background-color:var(--flexible-layout--tab-button-block-end__background-color);color:var(--tab-caption__color--selected)}.flexible-layout::part(tab block-end):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab block-end):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab block-end selected){border-block-end-color:var(--mer-accent__primary);background-color:var(--flexible-layout--tab-button-block-end__background-color--selected)}.flexible-layout::part(tab inline-start){background-color:var(--flexible-layout--tab-button-inline-start__background-color);inline-size:var(--flexible-layout--tab-list-inline__inline-size)}.flexible-layout::part(tab inline-start):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab inline-start):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab inline-start selected){border-inline-start-color:var(--mer-accent__primary);color:var(--mer-accent__primary)}.flexible-layout::part(tab inline-end){background-color:var(--flexible-layout--tab-button-inline-end__background-color);inline-size:var(--flexible-layout--tab-list-inline__inline-size)}.flexible-layout::part(tab inline-end):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab inline-end):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.flexible-layout::part(tab inline-end selected){border-inline-end-color:var(--mer-accent__primary);color:var(--mer-accent__primary)}.flexible-layout::part(tab inline-end disabled),.flexible-layout::part(tab inline-start disabled),.flexible-layout::part(tab block-end disabled),.flexible-layout::part(tab block-start disabled){--tab-caption__bg-color: var(--tab-caption__bg-color--disabled);--tab-caption__color: var(--mer-text__primary--disabled);--tab-caption__border-color--selected-inline: var( --mer-border-color__primary--disabled );--tab-caption__border-color--selected-stack: var( --mer-surface__elevation--02 )}.flexible-layout::part(tab-list inline){background-color:var(--flexible-layout--tab-list-inline__background-color);inline-size:var(--flexible-layout--tab-list-inline__inline-size);gap:4px}.flexible-layout::part(tab-list block){background-color:var(--flexible-layout--tab-list-block__background-color);overflow:auto}.flexible-layout::part(tab inline-end disabled),.flexible-layout::part(tab inline-start disabled),.flexible-layout::part(tab block-end disabled),.flexible-layout::part(tab block-start disabled){--tab-caption__bg-color: var(--tab-caption__bg-color--disabled);--tab-caption__color: var(--mer-text__primary--disabled);--tab-caption__border-color--selected-inline: var( --mer-border-color__primary--disabled );--tab-caption__border-color--selected-stack: var( --mer-surface__elevation--02 )}.flexible-layout::part(droppable-area){background-color:color-mix(in srgb, var(--mer-accent__primary) 25%, transparent)}.flexible-layout::part(bar){color:var(--mer-border-color__on-surface)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.flexible-layout::part(tab inline-end):focus-visible,.flexible-layout::part(tab inline-start):focus-visible,.flexible-layout::part(tab block-end):focus-visible,.flexible-layout::part(tab block-start):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.flexible-layout::part(close-button){padding:var(--mer-spacing--2xs);border-radius:4px;margin-inline-start:calc(1px - var(--mer-spacing--2xs))}.flexible-layout::part(close-button):hover{background-color:var(--mer-color__tinted-primary--20)}.flexible-layout::part(close-button):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const bundle = `.tab::part(tab inline-end),.tab::part(tab inline-start),.tab::part(tab block-
|
|
1
|
+
export const bundle = `.tab::part(tab inline-end),.tab::part(tab inline-start),.tab::part(tab block not-closable),.tab::part(tab block closable){line-height:var(--line-height-tight)}.tab::part(tab inline-end),.tab::part(tab inline-start),.tab::part(tab block not-closable),.tab::part(tab block closable){font-size:var(--font-size-body-s)}.tab::part(tab inline-end),.tab::part(tab inline-start),.tab::part(tab block not-closable),.tab::part(tab block closable){font-weight:var(--font-weight-regular)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tab{--ch-tab-close-button__background-image-size: var(--mer-icon__size--md);--ch-tab-close-button__image-size: var(--mer-spacing--md);--ch-tab-button__image-size: var(--mer-icon__box--md);--spacing-body-block-start: var(--mer-spacing--md);--spacing-body-block-end: var(--mer-spacing--md);--spacing-body-inline-start: var(--mer-spacing--md);--spacing-body-inline-end: var(--mer-spacing--md);border-style:var(--items-container__border-style);border-width:var(--items-container__border-width);background-color:var(--items-container__bg-color);border-color:var(--items-container__border-color)}.tab::part(tab block not-closable),.tab::part(tab block closable){background-color:var(--tab-caption__bg-color);color:var(--tab-caption__color);border-color:var(--tab-caption__border-color);gap:var(--tab-caption__gap);border-block:var(--tab-caption__border-width) var(--tab-caption__border-style) rgba(0,0,0,0)}.tab::part(tab block not-closable){padding-block:var(--tab-caption__padding-block);padding-inline:var(--tab-caption__padding-inline)}.tab::part(tab block closable){padding-block:calc(var(--tab-caption__padding-block) - var(--mer-spacing--2xs) - 1px);padding-inline:var(--tab-caption__padding-inline) calc(var(--tab-caption__padding-inline) - var(--mer-spacing--2xs) - 1px)}.tab::part(tab inline-end),.tab::part(tab inline-start){background-color:var(--tab-caption__bg-color);color:var(--tab-caption__color);border-color:var(--tab-caption__border-color);gap:var(--tab-caption__gap);padding-block:var(--tab-caption__padding-block);padding-inline:var(--tab-caption__padding-inline);border-inline:var(--tab-caption__border-width) var(--tab-caption__border-style) rgba(0,0,0,0)}.tab::part(tab block-start):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab block-start):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab block-start selected){--tab-caption__bg-color: var(--tab-caption__bg-color--selected-inline);--tab-caption__color: var(--tab-caption__color--selected);--tab-caption__border-color: var( --tab-caption__border-color--selected-inline );border-block-end-color:var(--tab-caption__border-color)}.tab::part(tab block-end):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab block-end):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab block-end selected){--tab-caption__bg-color: var(--tab-caption__bg-color--selected-inline);--tab-caption__color: var(--tab-caption__color--selected);--tab-caption__border-color: var( --tab-caption__border-color--selected-inline );border-block-start-color:var(--tab-caption__border-color)}.tab::part(tab inline-start):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab inline-start):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab inline-start selected){--tab-caption__bg-color: var(--tab-caption__bg-color--selected-stack);--tab-caption__color: var(--tab-caption__color--selected);--tab-caption__border-color: var(--tab-caption__border-color--selected-stack);border-inline-end-color:var(--tab-caption__border-color)}.tab::part(tab inline-end):hover{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab inline-end):active{--tab-caption__bg-color: var(--tab-caption__bg-color--hover)}.tab::part(tab inline-end selected){--tab-caption__bg-color: var(--tab-caption__bg-color--selected-stack);--tab-caption__color: var(--tab-caption__color--selected);--tab-caption__border-color: var(--tab-caption__border-color--selected-stack);border-inline-start-color:var(--tab-caption__border-color)}.tab::part(tab inline-end):focus-visible,.tab::part(tab inline-start):focus-visible,.tab::part(tab block-end):focus-visible,.tab::part(tab block-start):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tab::part(tab inline-end disabled),.tab::part(tab inline-start disabled),.tab::part(tab block-end disabled),.tab::part(tab block-start disabled){--tab-caption__bg-color: var(--tab-caption__bg-color--disabled);--tab-caption__color: var(--mer-text__primary--disabled);--tab-caption__border-color--selected-inline: var( --mer-border-color__primary--disabled );--tab-caption__border-color--selected-stack: var( --mer-surface__elevation--02 );--tab-button__border-width: 0}.tab::part(close-button){padding:var(--mer-spacing--2xs);border-radius:4px;margin-inline-start:calc(1px - var(--mer-spacing--2xs))}.tab::part(close-button):hover{background-color:var(--mer-color__tinted-primary--20)}.tab::part(close-button):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tab::part(tab-list block-start){border-block-end:var(--items-container__border-width) var(--items-container__border-style) var(--items-container__border-color)}.tab::part(tab-list block-end){border-block-start:var(--items-container__border-width) var(--items-container__border-style) var(--items-container__border-color)}.tab::part(tab-list inline-start){border-inline-end:var(--items-container__border-width) var(--items-container__border-style) var(--items-container__border-color)}.tab::part(tab-list inline-end){border-inline-start:var(--items-container__border-width) var(--items-container__border-style) var(--items-container__border-color)}`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const bundle = `.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)}.tabular-grid-column,.property-grid-cell>.input,.tabular-grid-cell>.input,.property-grid-cell>.combo-box,.tabular-grid-cell>.combo-box,.property-grid,.tabular-grid{line-height:var(--line-height-tight)}.tabular-grid-column,.property-grid-cell>.input,.tabular-grid-cell>.input,.property-grid-cell>.combo-box,.tabular-grid-cell>.combo-box,.property-grid,.tabular-grid{font-size:var(--font-size-body-s)}.property-grid-cell>.input,.tabular-grid-cell>.input,.property-grid-cell>.combo-box,.tabular-grid-cell>.combo-box,.property-grid,.tabular-grid{font-weight:var(--font-weight-regular)}.tabular-grid-column{font-weight:var(--font-weight-semi-bold)}.property-grid-value-edited>.property-grid-cell:nth-child(2){font-weight:var(--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-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-bar-resize-split__bg-color: transparent;--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-surface__elevation--01);--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-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-set:hover{--grid-bar-resize-split__bg-color: var(--mer-surface__elevation--03)}.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);gap:var(--grid-common__gap);width:100%}.tabular-grid-column::part(bar):hover{--grid-bar-resize-split__bg-color: var(--mer-accent__primary)}.property-grid-column::part(bar-resize-split),.tabular-grid-column::part(bar-resize-split){background-color:var(--grid-bar-resize-split__bg-color);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{--grid-bar-resize-split__bg-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--xs);padding-block-end:var(--mer-spacing--xs);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);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
|
+
export const bundle = `.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)}.tabular-grid-column,.property-grid-cell .input,.tabular-grid-cell .input,.property-grid-cell .combo-box,.tabular-grid-cell .combo-box,.property-grid,.tabular-grid{line-height:var(--line-height-tight)}.tabular-grid-column,.property-grid-cell .input,.tabular-grid-cell .input,.property-grid-cell .combo-box,.tabular-grid-cell .combo-box,.property-grid,.tabular-grid{font-size:var(--font-size-body-s)}.property-grid-cell .input,.tabular-grid-cell .input,.property-grid-cell .combo-box,.tabular-grid-cell .combo-box,.property-grid,.tabular-grid{font-weight:var(--font-weight-regular)}.tabular-grid-column{font-weight:var(--font-weight-semi-bold)}.property-grid-value-edited>.property-grid-cell:nth-child(2){font-weight:var(--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-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-bar-resize-split__bg-color: transparent;--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-surface__elevation--01);--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-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-set:hover{--grid-bar-resize-split__bg-color: var(--mer-surface__elevation--03)}.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);gap:var(--grid-common__gap);width:100%}.tabular-grid-column::part(bar):hover{--grid-bar-resize-split__bg-color: var(--mer-accent__primary)}.property-grid-column::part(bar-resize-split),.tabular-grid-column::part(bar-resize-split){background-color:var(--grid-bar-resize-split__bg-color);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{--grid-bar-resize-split__bg-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--xs);padding-block-end:var(--mer-spacing--xs);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);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 +1 @@
|
|
|
1
|
-
export const bundle = `.tree-view{line-height:var(--line-height-tight)}.tree-view{font-size:var(--font-size-body-s)}.tree-view{font-weight:var(--font-weight-regular)}.tree-view::part(drag-preview){line-height:var(--line-height-tight)}.tree-view::part(drag-preview){font-size:var(--font-size-tiny-xs);line-height:var(--line-height-tight)}.tree-view::part(drag-preview){font-weight:var(--font-weight-semi-bold)}.tree-view::part(item__checkbox){--ch-checkbox__container-size: var(--control-tiny__size);--ch-checkbox__option-size: calc(var(--control-tiny__size) / 2);--ch-checkbox__image-size: var(--mer-icon__box--md);gap:var(--label__gap--inline)}.tree-view::part(item__checkbox):hover{--control__border-color: var(--control__border-color--hover)}.tree-view::part(item__checkbox-input){border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}.tree-view::part(item__checkbox-input):focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tree-view::part(item__checkbox-option indeterminate){block-size:var(--mer-spacing--3xs)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tree-view{--ch-tree-view-item-custom-padding-inline-start: var(--mer-spacing--xs);--ch-tree-view-item-gap: var(--mer-spacing--xs);--ch-tree-view-item__checkbox-size: var(--mer-spacing--md);--ch-tree-view-item__expandable-button-size: var(--mer-spacing--md);--ch-tree-view-item__image-size: var(--mer-spacing--md);--ch-tree-view-item__background-image-size: var(--mer-icon__box--md);--ch-tree-view-item__line--inset-inline-end: 4px;--tree-view__min-inline-size: max-content;--tree-view-item-custom__padding-inline-end: var(--mer-spacing--2xs);--tree-view-item-dashed-line__border-color: var(--mer-text__on-surface);--tree-view-item-dashed-line__opacity: 0.3;--tree-view-item-header__padding-block: calc(var(--mer-spacing--3xs));--tree-view-item-downloading__inline-size: var(--mer-spacing--sm);--tree-view-item-downloading__block-size: var(--mer-spacing--sm);--tree-view-item-downloading__border: var(--mer-border__width--md) solid var(--mer-accent__primary--active);line-height:var(--tree-view-item__line-height);min-inline-size:var(--tree-view__min-inline-size)}.tree-view::part(drag-preview){padding-inline:8px;background-color:var(--mer-surface__elevation--01);border-radius:10px;box-shadow:var(--mer-elevation__box-shadow--03)}.tree-view::part(item drag-enter){background-color:var(--tree-view-item__bg-color--hover);outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tree-view::part(drop)::after{background-color:var(--mer-color__primary--200)}.tree-view::part(item__group){gap:var(--items-container__gap--small)}.tree-view::part(item__header){min-inline-size:var(--tree-view__min-inline-size);background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border-radius:var(--item__border-radius);border:var(--item__border-width) var(--item__border-style) var(--item__border-color)}.tree-view::part(item__header):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tree-view::part(item__header not-selected):hover{--item__bg-color: var(--item__bg-color--hover);--item__border-color: var(--item__border-color--hover);--item__color: var(--item__color--hover)}.tree-view::part(item__header selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.tree-view::part(item__header 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)}.tree-view::part(item__action){padding-block:var(--tree-view-item-header__padding-block)}.tree-view::part(item__line){border-color:var(--tree-view-item-dashed-line__border-color);opacity:var(--tree-view-item-dashed-line__opacity)}.tree-view::part(item__downloading){inline-size:var(--tree-view-item-downloading__inline-size);block-size:var(--tree-view-item-downloading__block-size);border:var(--tree-view-item-downloading__border);border-inline-start-color:rgba(0,0,0,0)}.tree-view{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb__bg-color) var(--scrollbar-track__bg-color)}.tree-view::-webkit-scrollbar{width:var(--scrollbar__size);height:var(--scrollbar__size)}.tree-view::-webkit-scrollbar-track{background-color:var(--scrollbar-track__bg-color);border-radius:var(--scrollbar-track__border-radius)}.tree-view::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb__bg-color);border-radius:var(--scrollbar-thumb__border-radius)}.tree-view::-webkit-scrollbar-corner{background:var(--scrollbar-corner__bg)}.tree-view::part(item__checkbox-input disabled){--control__border-color: var(--control__border-color--disabled)}.tree-view::part(item__checkbox-option disabled){--control__border-color: var(--control__border-color--disabled)}`;
|
|
1
|
+
export const bundle = `.tree-view{line-height:var(--line-height-tight)}.tree-view{font-size:var(--font-size-body-s)}.tree-view{font-weight:var(--font-weight-regular)}.tree-view::part(drag-preview){line-height:var(--line-height-tight)}.tree-view::part(drag-preview){font-size:var(--font-size-tiny-xs);line-height:var(--line-height-tight)}.tree-view::part(drag-preview){font-weight:var(--font-weight-semi-bold)}.tree-view::part(item__checkbox){--ch-checkbox__container-size: var(--control-tiny__size);--ch-checkbox__option-size: calc(var(--control-tiny__size) / 2);--ch-checkbox__image-size: var(--mer-icon__box--md);gap:var(--label__gap--inline)}.tree-view::part(item__checkbox):hover{--control__border-color: var(--control__border-color--hover)}.tree-view::part(item__checkbox-input){border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius)}.tree-view::part(item__checkbox-input):focus{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tree-view::part(item__checkbox-option indeterminate){block-size:var(--mer-spacing--3xs)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tree-view{--ch-tree-view-item-custom-padding-inline-start: var(--mer-spacing--xs);--ch-tree-view-item-gap: var(--mer-spacing--xs);--ch-tree-view-item__checkbox-size: var(--mer-spacing--md);--ch-tree-view-item__expandable-button-size: var(--mer-spacing--md);--ch-tree-view-item__image-size: var(--mer-spacing--md);--ch-tree-view-item__background-image-size: var(--mer-icon__box--md);--ch-tree-view-item__line--inset-inline-end: 4px;--tree-view__min-inline-size: max-content;--tree-view-item-custom__padding-inline-end: var(--mer-spacing--2xs);--tree-view-item-dashed-line__border-color: var(--mer-text__on-surface);--tree-view-item-dashed-line__opacity: 0.3;--tree-view-item-header__padding-block: calc(var(--mer-spacing--3xs));--tree-view-item-downloading__inline-size: var(--mer-spacing--sm);--tree-view-item-downloading__block-size: var(--mer-spacing--sm);--tree-view-item-downloading__border: var(--mer-border__width--md) solid var(--mer-accent__primary--active);line-height:var(--tree-view-item__line-height);min-inline-size:var(--tree-view__min-inline-size)}.tree-view::part(drag-preview){padding-inline:8px;background-color:var(--mer-surface__elevation--01);border-radius:10px;box-shadow:var(--mer-elevation__box-shadow--03)}.tree-view::part(item drag-enter){background-color:var(--tree-view-item__bg-color--hover);outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tree-view::part(drop)::after{background-color:var(--mer-color__primary--200)}.tree-view::part(item){gap:var(--items-container__gap--small)}.tree-view::part(item__group){gap:var(--items-container__gap--small)}.tree-view::part(item__header){min-inline-size:var(--tree-view__min-inline-size);background-color:var(--item__bg-color);border-color:var(--item__border-color);color:var(--item__color);border-radius:var(--item__border-radius);border:var(--item__border-width) var(--item__border-style) var(--item__border-color)}.tree-view::part(item__header):focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.tree-view::part(item__header not-selected):hover{--item__bg-color: var(--item__bg-color--hover);--item__border-color: var(--item__border-color--hover);--item__color: var(--item__color--hover)}.tree-view::part(item__header selected){--item__bg-color: var(--item__bg-color--selected);--item__border-color: var(--item__border-color--selected);--item__color: var(--item__color--selected)}.tree-view::part(item__header 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)}.tree-view::part(item__action){padding-block:var(--tree-view-item-header__padding-block)}.tree-view::part(item__line){border-color:var(--tree-view-item-dashed-line__border-color);opacity:var(--tree-view-item-dashed-line__opacity)}.tree-view::part(item__downloading){inline-size:var(--tree-view-item-downloading__inline-size);block-size:var(--tree-view-item-downloading__block-size);border:var(--tree-view-item-downloading__border);border-inline-start-color:rgba(0,0,0,0)}.tree-view{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb__bg-color) var(--scrollbar-track__bg-color)}.tree-view::-webkit-scrollbar{width:var(--scrollbar__size);height:var(--scrollbar__size)}.tree-view::-webkit-scrollbar-track{background-color:var(--scrollbar-track__bg-color);border-radius:var(--scrollbar-track__border-radius)}.tree-view::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb__bg-color);border-radius:var(--scrollbar-thumb__border-radius)}.tree-view::-webkit-scrollbar-corner{background:var(--scrollbar-corner__bg)}.tree-view::part(item__checkbox-input disabled){--control__border-color: var(--control__border-color--disabled)}.tree-view::part(item__checkbox-option disabled){--control__border-color: var(--control__border-color--disabled)}`;
|
package/dist/mercury.scss
CHANGED
|
@@ -597,10 +597,7 @@
|
|
|
597
597
|
--tab-caption__color: var(--tab-caption__color--selected);
|
|
598
598
|
--tab-caption__border-color: var(--tab-caption__border-color--selected-stack);
|
|
599
599
|
}
|
|
600
|
-
|
|
601
|
-
padding-block: var(--tab-caption__padding-block);
|
|
602
|
-
padding-inline: var(--tab-caption__padding-inline);
|
|
603
|
-
}
|
|
600
|
+
|
|
604
601
|
@mixin tab-button-padding-stack() {
|
|
605
602
|
padding-block: var(--tab-caption__padding-block);
|
|
606
603
|
padding-inline: var(--tab-caption__padding-inline);
|
|
@@ -2211,10 +2208,7 @@
|
|
|
2211
2208
|
--tab-caption__color: var(--tab-caption__color--selected);
|
|
2212
2209
|
--tab-caption__border-color: var(--tab-caption__border-color--selected-stack);
|
|
2213
2210
|
}
|
|
2214
|
-
|
|
2215
|
-
padding-block: var(--tab-caption__padding-block);
|
|
2216
|
-
padding-inline: var(--tab-caption__padding-inline);
|
|
2217
|
-
}
|
|
2211
|
+
|
|
2218
2212
|
@mixin tab-button-padding-stack() {
|
|
2219
2213
|
padding-block: var(--tab-caption__padding-block);
|
|
2220
2214
|
padding-inline: var(--tab-caption__padding-inline);
|
|
@@ -4932,10 +4926,7 @@
|
|
|
4932
4926
|
--tab-caption__color: var(--tab-caption__color--selected);
|
|
4933
4927
|
--tab-caption__border-color: var(--tab-caption__border-color--selected-stack);
|
|
4934
4928
|
}
|
|
4935
|
-
|
|
4936
|
-
padding-block: var(--tab-caption__padding-block);
|
|
4937
|
-
padding-inline: var(--tab-caption__padding-inline);
|
|
4938
|
-
}
|
|
4929
|
+
|
|
4939
4930
|
@mixin tab-button-padding-stack() {
|
|
4940
4931
|
padding-block: var(--tab-caption__padding-block);
|
|
4941
4932
|
padding-inline: var(--tab-caption__padding-inline);
|
|
@@ -5154,7 +5145,7 @@
|
|
|
5154
5145
|
$combo-box-selector: ".combo-box";
|
|
5155
5146
|
$input-selector: ".input";
|
|
5156
5147
|
|
|
5157
|
-
$
|
|
5148
|
+
$tabular-grid-controls: ($combo-box-selector, $input-selector);
|
|
5158
5149
|
|
|
5159
5150
|
|
|
5160
5151
|
%combo-box {
|
|
@@ -5785,7 +5776,7 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
5785
5776
|
&-tab {
|
|
5786
5777
|
--ch-tab-close-button__background-image-size: var(--mer-icon__size--md);
|
|
5787
5778
|
--ch-tab-close-button__image-size: var(--mer-spacing--md);
|
|
5788
|
-
--ch-tab-
|
|
5779
|
+
--ch-tab-button__image-size: var(--mer-icon__box--md);
|
|
5789
5780
|
|
|
5790
5781
|
--spacing-body-block-start: var(--mer-spacing--md);
|
|
5791
5782
|
--spacing-body-block-end: var(--mer-spacing--md);
|
|
@@ -5798,12 +5789,22 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
5798
5789
|
@include tab-button-gap();
|
|
5799
5790
|
@extend %body-regular-s;
|
|
5800
5791
|
|
|
5792
|
+
border-block: 1px solid transparent;
|
|
5793
|
+
}
|
|
5794
|
+
|
|
5795
|
+
&-tab-button-block-not-closable {
|
|
5796
|
+
padding-block: var(--tab-caption__padding-block);
|
|
5801
5797
|
padding-inline: var(--tab-caption__padding-inline);
|
|
5798
|
+
}
|
|
5802
5799
|
|
|
5803
|
-
|
|
5804
|
-
|
|
5800
|
+
&-tab-button-block-closable {
|
|
5801
|
+
// Due to border-block-width: 1px and padding: var(--mer-spacing--2xs) for the close button
|
|
5802
|
+
padding-block: calc(
|
|
5803
|
+
var(--tab-caption__padding-block) - var(--mer-spacing--2xs) - 1px
|
|
5804
|
+
);
|
|
5805
5805
|
|
|
5806
|
-
|
|
5806
|
+
padding-inline: var(--tab-caption__padding-inline)
|
|
5807
|
+
calc(var(--tab-caption__padding-inline) - var(--mer-spacing--2xs) - 1px);
|
|
5807
5808
|
}
|
|
5808
5809
|
|
|
5809
5810
|
&-tab-button-inline {
|
|
@@ -5844,6 +5845,7 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
5844
5845
|
background-color: var(
|
|
5845
5846
|
--flexible-layout--tab-button-block-start__background-color--selected
|
|
5846
5847
|
);
|
|
5848
|
+
color: var(--tab-caption__color--selected);
|
|
5847
5849
|
}
|
|
5848
5850
|
|
|
5849
5851
|
// Block End
|
|
@@ -5851,6 +5853,7 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
5851
5853
|
background-color: var(
|
|
5852
5854
|
--flexible-layout--tab-button-block-end__background-color
|
|
5853
5855
|
);
|
|
5856
|
+
color: var(--tab-caption__color--selected);
|
|
5854
5857
|
}
|
|
5855
5858
|
|
|
5856
5859
|
&-tab-button-block-end--hover {
|
|
@@ -5949,6 +5952,12 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
5949
5952
|
$tab-selector: ".flexible-layout::part(leaf)",
|
|
5950
5953
|
|
|
5951
5954
|
$tab-button-block-start-selector: ".flexible-layout::part(tab block-start)",
|
|
5955
|
+
|
|
5956
|
+
$tab-button-block-closable-selector:
|
|
5957
|
+
".flexible-layout::part(tab block closable)",
|
|
5958
|
+
$tab-button-block-not-closable-selector:
|
|
5959
|
+
".flexible-layout::part(tab block not-closable)",
|
|
5960
|
+
|
|
5952
5961
|
$tab-button-block-start--selected-selector:
|
|
5953
5962
|
".flexible-layout::part(tab block-start selected)",
|
|
5954
5963
|
$tab-button-block-start--disabled-selector:
|
|
@@ -6008,12 +6017,28 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
6008
6017
|
@extend %flexible-layout-bar;
|
|
6009
6018
|
}
|
|
6010
6019
|
|
|
6020
|
+
// - - - - - - - - - - - - - - - - - - - -
|
|
6021
|
+
// Tab Button (block closable)
|
|
6022
|
+
// - - - - - - - - - - - - - - - - - - - -
|
|
6023
|
+
@if $add--tab-button-block-start or $add--tab-button-block-end {
|
|
6024
|
+
#{$tab-button-block-closable-selector} {
|
|
6025
|
+
@extend %flexible-layout-tab-button-block;
|
|
6026
|
+
@extend %flexible-layout-tab-button-block-closable;
|
|
6027
|
+
}
|
|
6028
|
+
}
|
|
6029
|
+
|
|
6030
|
+
@if $add--tab-button-block-start or $add--tab-button-block-end {
|
|
6031
|
+
#{$tab-button-block-not-closable-selector} {
|
|
6032
|
+
@extend %flexible-layout-tab-button-block;
|
|
6033
|
+
@extend %flexible-layout-tab-button-block-not-closable;
|
|
6034
|
+
}
|
|
6035
|
+
}
|
|
6036
|
+
|
|
6011
6037
|
// - - - - - - - - - - - - - - - - - - - -
|
|
6012
6038
|
// Tab Button (block-start)
|
|
6013
6039
|
// - - - - - - - - - - - - - - - - - - - -
|
|
6014
6040
|
@if $add--tab-button-block-start {
|
|
6015
6041
|
#{$tab-button-block-start-selector} {
|
|
6016
|
-
@extend %flexible-layout-tab-button-block;
|
|
6017
6042
|
@extend %flexible-layout-tab-button-block-start;
|
|
6018
6043
|
|
|
6019
6044
|
&:hover {
|
|
@@ -6049,7 +6074,6 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
6049
6074
|
// - - - - - - - - - - - - - - - - - - - -
|
|
6050
6075
|
@if $add--tab-button-block-end {
|
|
6051
6076
|
#{$tab-button-block-end-selector} {
|
|
6052
|
-
@extend %flexible-layout-tab-button-block;
|
|
6053
6077
|
@extend %flexible-layout-tab-button-block-end;
|
|
6054
6078
|
|
|
6055
6079
|
&:hover {
|
|
@@ -6199,7 +6223,7 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
6199
6223
|
$combo-box-selector: ".combo-box";
|
|
6200
6224
|
$input-selector: ".input";
|
|
6201
6225
|
|
|
6202
|
-
$
|
|
6226
|
+
$tabular-grid-controls: ($combo-box-selector, $input-selector);
|
|
6203
6227
|
|
|
6204
6228
|
|
|
6205
6229
|
%input {
|
|
@@ -7365,10 +7389,7 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
7365
7389
|
--tab-caption__color: var(--tab-caption__color--selected);
|
|
7366
7390
|
--tab-caption__border-color: var(--tab-caption__border-color--selected-stack);
|
|
7367
7391
|
}
|
|
7368
|
-
|
|
7369
|
-
padding-block: var(--tab-caption__padding-block);
|
|
7370
|
-
padding-inline: var(--tab-caption__padding-inline);
|
|
7371
|
-
}
|
|
7392
|
+
|
|
7372
7393
|
@mixin tab-button-padding-stack() {
|
|
7373
7394
|
padding-block: var(--tab-caption__padding-block);
|
|
7374
7395
|
padding-inline: var(--tab-caption__padding-inline);
|
|
@@ -9022,7 +9043,7 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
9022
9043
|
%tab {
|
|
9023
9044
|
--ch-tab-close-button__background-image-size: var(--mer-icon__size--md);
|
|
9024
9045
|
--ch-tab-close-button__image-size: var(--mer-spacing--md);
|
|
9025
|
-
--ch-tab-
|
|
9046
|
+
--ch-tab-button__image-size: var(--mer-icon__box--md);
|
|
9026
9047
|
|
|
9027
9048
|
--spacing-body-block-start: var(--mer-spacing--md);
|
|
9028
9049
|
--spacing-body-block-end: var(--mer-spacing--md);
|
|
@@ -9038,7 +9059,6 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
9038
9059
|
@include tab-button-gap();
|
|
9039
9060
|
@extend %body-regular-s;
|
|
9040
9061
|
|
|
9041
|
-
@include tab-button-padding-inline();
|
|
9042
9062
|
border-block: var(--tab-caption__border-width)
|
|
9043
9063
|
var(--tab-caption__border-style) transparent;
|
|
9044
9064
|
|
|
@@ -9046,6 +9066,23 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
9046
9066
|
// @include tab-button-border-block-end();
|
|
9047
9067
|
}
|
|
9048
9068
|
|
|
9069
|
+
%tab-button-block-not-closable {
|
|
9070
|
+
// Due to border-block-width: 1px;
|
|
9071
|
+
padding-block: var(--tab-caption__padding-block);
|
|
9072
|
+
padding-inline: var(--tab-caption__padding-inline);
|
|
9073
|
+
}
|
|
9074
|
+
|
|
9075
|
+
%tab-button-block-closable {
|
|
9076
|
+
// Due to border-block-width: 1px and padding: var(--mer-spacing--2xs) for the close button
|
|
9077
|
+
padding-block: calc(
|
|
9078
|
+
var(--tab-caption__padding-block) - var(--mer-spacing--2xs) - 1px
|
|
9079
|
+
);
|
|
9080
|
+
|
|
9081
|
+
// Due to padding: var(--mer-spacing--2xs) for the close button;
|
|
9082
|
+
padding-inline: var(--tab-caption__padding-inline)
|
|
9083
|
+
calc(var(--tab-caption__padding-inline) - var(--mer-spacing--2xs) - 1px);
|
|
9084
|
+
}
|
|
9085
|
+
|
|
9049
9086
|
%tab-button-inline {
|
|
9050
9087
|
@include tab-button-colors-enabled();
|
|
9051
9088
|
@include tab-button-gap();
|
|
@@ -9131,8 +9168,9 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
9131
9168
|
}
|
|
9132
9169
|
|
|
9133
9170
|
%tab-button-close-button {
|
|
9134
|
-
|
|
9171
|
+
padding: var(--mer-spacing--2xs);
|
|
9135
9172
|
border-radius: 4px;
|
|
9173
|
+
margin-inline-start: calc(1px - var(--mer-spacing--2xs));
|
|
9136
9174
|
|
|
9137
9175
|
&--hover {
|
|
9138
9176
|
background-color: var(--mer-color__tinted-primary--20);
|
|
@@ -9168,6 +9206,9 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
9168
9206
|
@mixin tab(
|
|
9169
9207
|
$tab-selector: ".tab",
|
|
9170
9208
|
|
|
9209
|
+
$tab-button-block-closable-selector: ".tab::part(tab block closable)",
|
|
9210
|
+
$tab-button-block-not-closable-selector: ".tab::part(tab block not-closable)",
|
|
9211
|
+
|
|
9171
9212
|
$tab-button-block-start-selector: ".tab::part(tab block-start)",
|
|
9172
9213
|
$tab-button-block-start--selected-selector:
|
|
9173
9214
|
".tab::part(tab block-start selected)",
|
|
@@ -9212,13 +9253,28 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
9212
9253
|
}
|
|
9213
9254
|
}
|
|
9214
9255
|
|
|
9256
|
+
// - - - - - - - - - - - - - - - - - - - -
|
|
9257
|
+
// Tab Button (block closable)
|
|
9258
|
+
// - - - - - - - - - - - - - - - - - - - -
|
|
9259
|
+
@if $add--tab-button-block-start or $add--tab-button-block-end {
|
|
9260
|
+
#{$tab-button-block-closable-selector} {
|
|
9261
|
+
@extend %tab-button-block;
|
|
9262
|
+
@extend %tab-button-block-closable;
|
|
9263
|
+
}
|
|
9264
|
+
}
|
|
9265
|
+
|
|
9266
|
+
@if $add--tab-button-block-start or $add--tab-button-block-end {
|
|
9267
|
+
#{$tab-button-block-not-closable-selector} {
|
|
9268
|
+
@extend %tab-button-block;
|
|
9269
|
+
@extend %tab-button-block-not-closable;
|
|
9270
|
+
}
|
|
9271
|
+
}
|
|
9272
|
+
|
|
9215
9273
|
// - - - - - - - - - - - - - - - - - - - -
|
|
9216
9274
|
// Tab Button (block-start)
|
|
9217
9275
|
// - - - - - - - - - - - - - - - - - - - -
|
|
9218
9276
|
@if ($add--tab-button-block-start) {
|
|
9219
9277
|
#{$tab-button-block-start-selector} {
|
|
9220
|
-
@extend %tab-button-block;
|
|
9221
|
-
|
|
9222
9278
|
&:hover {
|
|
9223
9279
|
@extend %tab-button-block-start--hover;
|
|
9224
9280
|
}
|
|
@@ -9248,8 +9304,6 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
9248
9304
|
// - - - - - - - - - - - - - - - - - - - -
|
|
9249
9305
|
@if ($add--tab-button-block-end) {
|
|
9250
9306
|
#{$tab-button-block-end-selector} {
|
|
9251
|
-
@extend %tab-button-block;
|
|
9252
|
-
|
|
9253
9307
|
&:hover {
|
|
9254
9308
|
@extend %tab-button-block-end--hover;
|
|
9255
9309
|
}
|
|
@@ -9533,7 +9587,7 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
9533
9587
|
$combo-box-selector: ".combo-box";
|
|
9534
9588
|
$input-selector: ".input";
|
|
9535
9589
|
|
|
9536
|
-
$
|
|
9590
|
+
$tabular-grid-controls: ($combo-box-selector, $input-selector);
|
|
9537
9591
|
|
|
9538
9592
|
|
|
9539
9593
|
// - - - - - - - - - - - - - - - - - - - -
|
|
@@ -9747,8 +9801,8 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
9747
9801
|
border: 0; // WA
|
|
9748
9802
|
|
|
9749
9803
|
// make controls inherit tabular-grid font styles
|
|
9750
|
-
@each $control-selector in $
|
|
9751
|
-
|
|
9804
|
+
@each $control-selector in $tabular-grid-controls {
|
|
9805
|
+
#{$control-selector} {
|
|
9752
9806
|
@extend %tabular-grid-font-size;
|
|
9753
9807
|
}
|
|
9754
9808
|
}
|
|
@@ -10901,6 +10955,10 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
10901
10955
|
background-color: var(--mer-color__primary--200);
|
|
10902
10956
|
}
|
|
10903
10957
|
|
|
10958
|
+
%tree-view-item {
|
|
10959
|
+
@include items-container-gap-small();
|
|
10960
|
+
}
|
|
10961
|
+
|
|
10904
10962
|
%tree-view-item__group {
|
|
10905
10963
|
@include items-container-gap-small();
|
|
10906
10964
|
}
|
|
@@ -10948,6 +11006,7 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
10948
11006
|
/// @param {String} $drag-preview-selector [".tree-view::part(drag-preview)"] -
|
|
10949
11007
|
/// @param {String} $drop-selector [".tree-view::part(drop)"] -
|
|
10950
11008
|
/// @param {String} $item--drag-enter-selector [".tree-view::part(item drag-enter)"] -
|
|
11009
|
+
/// @param {String} $item-selector [".tree-view::part(item)"] -
|
|
10951
11010
|
/// @param {String} $item__group-selector [".tree-view::part(item__group)"] -
|
|
10952
11011
|
/// @param {String} $item__header-selector [".tree-view::part(item__header)"] -
|
|
10953
11012
|
/// @param {String} $item__header--not-selected-selector [".tree-view::part(item__header not-selected)"] -
|
|
@@ -11005,6 +11064,7 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
11005
11064
|
// Item
|
|
11006
11065
|
// - - - - - - - - - - - - - - - - - - - -
|
|
11007
11066
|
$item__header-selector: ".tree-view::part(item__header)",
|
|
11067
|
+
$item-selector: ".tree-view::part(item)",
|
|
11008
11068
|
$item__group-selector: ".tree-view::part(item__group)",
|
|
11009
11069
|
$item__header--not-selected-selector:
|
|
11010
11070
|
".tree-view::part(item__header not-selected)",
|
|
@@ -11072,6 +11132,10 @@ $tree-controls: ($combo-box-selector, $input-selector);
|
|
|
11072
11132
|
}
|
|
11073
11133
|
}
|
|
11074
11134
|
|
|
11135
|
+
#{$item-selector} {
|
|
11136
|
+
@extend %tree-view-item;
|
|
11137
|
+
}
|
|
11138
|
+
|
|
11075
11139
|
// Group
|
|
11076
11140
|
#{$item__group-selector} {
|
|
11077
11141
|
@extend %tree-view-item__group;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genexus/mercury",
|
|
3
|
-
"version": "0.17.
|
|
3
|
+
"version": "0.17.2",
|
|
4
4
|
"description": "Mercury Design System is a robust and scalable solution designed to improve product development.",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
"license": "Apache-2.0",
|
|
68
68
|
"devDependencies": {
|
|
69
69
|
"@atao60/fse-cli": "^0.1.9",
|
|
70
|
-
"@genexus/chameleon-controls-library": "~6.
|
|
70
|
+
"@genexus/chameleon-controls-library": "~6.5.0",
|
|
71
71
|
"@genexus/svg-sass-generator": "1.1.24",
|
|
72
72
|
"@types/node": "~22.10.5",
|
|
73
73
|
"chokidar": "^3.6.0",
|