@genexus/mercury 1.0.0-beta.2 → 1.0.0

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.
Files changed (75) hide show
  1. package/dist/assets/scss/_helpers.scss +23 -22
  2. package/dist/bundles/css/all.css +1 -1
  3. package/dist/bundles/css/base/base-globant.css +1 -1
  4. package/dist/bundles/css/base/base.css +1 -1
  5. package/dist/bundles/css/components/accordion.css +1 -1
  6. package/dist/bundles/css/components/button.css +1 -1
  7. package/dist/bundles/css/components/chat.css +1 -1
  8. package/dist/bundles/css/components/checkbox.css +1 -1
  9. package/dist/bundles/css/components/code.css +1 -1
  10. package/dist/bundles/css/components/combo-box.css +1 -1
  11. package/dist/bundles/css/components/dialog.css +1 -1
  12. package/dist/bundles/css/components/dropdown.css +1 -1
  13. package/dist/bundles/css/components/edit.css +1 -1
  14. package/dist/bundles/css/components/flexible-layout.css +1 -1
  15. package/dist/bundles/css/components/icon.css +1 -1
  16. package/dist/bundles/css/components/layout-splitter.css +1 -1
  17. package/dist/bundles/css/components/list-box.css +1 -1
  18. package/dist/bundles/css/components/markdown-viewer.css +1 -1
  19. package/dist/bundles/css/components/navigation-list.css +1 -1
  20. package/dist/bundles/css/components/paginator.css +1 -1
  21. package/dist/bundles/css/components/pills.css +1 -1
  22. package/dist/bundles/css/components/radio-group.css +1 -1
  23. package/dist/bundles/css/components/segmented-control.css +1 -1
  24. package/dist/bundles/css/components/sidebar.css +1 -1
  25. package/dist/bundles/css/components/slider.css +1 -1
  26. package/dist/bundles/css/components/switch.css +1 -1
  27. package/dist/bundles/css/components/tab.css +1 -1
  28. package/dist/bundles/css/components/tabular-grid.css +1 -1
  29. package/dist/bundles/css/components/ticket-list.css +1 -1
  30. package/dist/bundles/css/components/tooltip.css +1 -1
  31. package/dist/bundles/css/components/tree-view.css +1 -1
  32. package/dist/bundles/css/components/widget.css +1 -1
  33. package/dist/bundles/css/scope/theme-globant.css +1 -0
  34. package/dist/bundles/css/scope/theme-mercury.css +1 -0
  35. package/dist/bundles/css/utils/form--full.css +1 -1
  36. package/dist/bundles/css/utils/form.css +1 -1
  37. package/dist/bundles/css/utils/layout.css +1 -1
  38. package/dist/bundles/css-not-processed/all.css +1 -1
  39. package/dist/bundles/css-not-processed/base/base-globant.css +1 -1
  40. package/dist/bundles/css-not-processed/base/base.css +1 -1
  41. package/dist/bundles/css-not-processed/components/accordion.css +1 -1
  42. package/dist/bundles/css-not-processed/components/button.css +1 -1
  43. package/dist/bundles/css-not-processed/components/chat.css +1 -1
  44. package/dist/bundles/css-not-processed/components/checkbox.css +1 -1
  45. package/dist/bundles/css-not-processed/components/code.css +1 -1
  46. package/dist/bundles/css-not-processed/components/combo-box.css +1 -1
  47. package/dist/bundles/css-not-processed/components/dialog.css +1 -1
  48. package/dist/bundles/css-not-processed/components/dropdown.css +1 -1
  49. package/dist/bundles/css-not-processed/components/edit.css +1 -1
  50. package/dist/bundles/css-not-processed/components/flexible-layout.css +1 -1
  51. package/dist/bundles/css-not-processed/components/icon.css +1 -1
  52. package/dist/bundles/css-not-processed/components/layout-splitter.css +1 -1
  53. package/dist/bundles/css-not-processed/components/list-box.css +1 -1
  54. package/dist/bundles/css-not-processed/components/markdown-viewer.css +1 -1
  55. package/dist/bundles/css-not-processed/components/navigation-list.css +1 -1
  56. package/dist/bundles/css-not-processed/components/paginator.css +1 -1
  57. package/dist/bundles/css-not-processed/components/pills.css +1 -1
  58. package/dist/bundles/css-not-processed/components/radio-group.css +1 -1
  59. package/dist/bundles/css-not-processed/components/segmented-control.css +1 -1
  60. package/dist/bundles/css-not-processed/components/sidebar.css +1 -1
  61. package/dist/bundles/css-not-processed/components/slider.css +1 -1
  62. package/dist/bundles/css-not-processed/components/switch.css +1 -1
  63. package/dist/bundles/css-not-processed/components/tab.css +1 -1
  64. package/dist/bundles/css-not-processed/components/tabular-grid.css +1 -1
  65. package/dist/bundles/css-not-processed/components/ticket-list.css +1 -1
  66. package/dist/bundles/css-not-processed/components/tooltip.css +1 -1
  67. package/dist/bundles/css-not-processed/components/tree-view.css +1 -1
  68. package/dist/bundles/css-not-processed/components/widget.css +1 -1
  69. package/dist/bundles/css-not-processed/scope/theme-globant.css +1 -0
  70. package/dist/bundles/css-not-processed/scope/theme-mercury.css +1 -0
  71. package/dist/bundles/css-not-processed/utils/form--full.css +1 -1
  72. package/dist/bundles/css-not-processed/utils/form.css +1 -1
  73. package/dist/bundles/css-not-processed/utils/layout.css +1 -1
  74. package/dist/types.d.ts +4 -3
  75. package/package.json +3 -18
package/dist/bundles/css/components/tab.css CHANGED
@@ -1 +1 @@
1
- .tab::part(tab block closable),.tab::part(tab block not-closable),.tab::part(tab inline-start),.tab::part(tab inline-end){font-family:var(--font-family-body)}.tab::part(tab block closable),.tab::part(tab block not-closable),.tab::part(tab inline-start),.tab::part(tab inline-end){font-size:var(--font-size-body-s);line-height:round(1em*var(--line-height-relaxed),1px)}.tab::part(tab block closable),.tab::part(tab block not-closable),.tab::part(tab inline-start),.tab::part(tab inline-end){font-weight:var(--font-style-regular)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tab{--ch-tab-close-button__background-image-size: var(--icon-size-md);--ch-tab-close-button__image-size: var(--size-16);--ch-tab-button__image-size: var(--icon-box-md);--spacing-body-block-start: var(--size-16);--spacing-body-block-end: var(--size-16);--spacing-body-inline-start: var(--size-16);--spacing-body-inline-end: var(--size-16);border-style:var(--items-container-border-style);border-width:var(--items-container-border-width);background-color:var(--elevation-background-color, var(--items-container-bg-color));border-color:var(--elevation-border-color, var(--items-container-border-color))}.tab::part(tab block closable),.tab::part(tab block not-closable){color:var(--tab-caption-color);background-color:var(--tab-caption-bg-color);border-color:var(--tab-caption-border-color);gap:var(--size-8)}.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(--size-4) - 1px);padding-inline:var(--tab-caption-padding-inline) calc(var(--tab-caption-padding-inline) - var(--size-4) - 1px)}.tab::part(tab inline-start),.tab::part(tab inline-end){color:var(--tab-caption-color);background-color:var(--tab-caption-bg-color);border-color:var(--tab-caption-border-color);gap:var(--size-8);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(--color-accent-item-hover);--tab-caption-color: var(--color-text-primary-hover)}.tab::part(tab block-start):active{--tab-caption-bg-color: var(--color-accent-item-hover);--tab-caption-color: var(--color-text-primary-hover)}.tab::part(tab block-start selected){--tab-caption-bg-color: var(--color-accent-item-selected);--tab-caption-color: var(--tab-caption-color-selected);--tab-caption-border-color: var(---color-accent-primary-default);border-block-end-color:var(--tab-caption-border-color)}.tab::part(tab block-end):hover{--tab-caption-bg-color: var(--color-accent-item-hover);--tab-caption-color: var(--color-text-primary-hover)}.tab::part(tab block-end):active{--tab-caption-bg-color: var(--color-accent-item-hover);--tab-caption-color: var(--color-text-primary-hover)}.tab::part(tab block-end selected){--tab-caption-bg-color: var(--color-accent-item-selected);--tab-caption-color: var(--tab-caption-color-selected);--tab-caption-border-color: var(---color-accent-primary-default);border-block-start-color:var(--tab-caption-border-color)}.tab::part(tab inline-start):hover{--tab-caption-bg-color: var(--color-accent-item-hover);--tab-caption-color: var(--color-text-primary-hover)}.tab::part(tab inline-start):active{--tab-caption-bg-color: var(--color-accent-item-hover);--tab-caption-color: var(--color-text-primary-hover)}.tab::part(tab inline-start selected){--tab-caption-bg-color: var(--color-accent-item-selected);--tab-caption-color: var(--tab-caption-color-selected);--tab-caption-border-color: var(---color-accent-primary-default);border-inline-end-color:var(--tab-caption-border-color)}.tab::part(tab inline-end):hover{--tab-caption-bg-color: var(--color-accent-item-hover);--tab-caption-color: var(--color-text-primary-hover)}.tab::part(tab inline-end):active{--tab-caption-bg-color: var(--color-accent-item-hover);--tab-caption-color: var(--color-text-primary-hover)}.tab::part(tab inline-end selected){--tab-caption-bg-color: var(--color-accent-item-selected);--tab-caption-color: var(--tab-caption-color-selected);--tab-caption-border-color: var(---color-accent-primary-default);border-inline-start-color:var(--tab-caption-border-color)}.tab::part(tab block-start):focus-visible,.tab::part(tab block-end):focus-visible,.tab::part(tab inline-start):focus-visible,.tab::part(tab inline-end):focus-visible{outline:var(--focus-outline-width) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}.tab::part(tab block-start disabled),.tab::part(tab block-end disabled),.tab::part(tab inline-start disabled),.tab::part(tab inline-end disabled){--tab-caption-bg-color: var(--color-accent-neutral-disabled);--tab-caption-color: var(--color-text-neutral-on-disabled);--tab-caption-border-color: var(--tab-caption-bg-color);--tab-button__border-width: 0}.tab::part(close-button){padding:var(--size-4);border-radius:4px;margin-inline-start:calc(1px - var(--size-4))}.tab::part(close-button):focus-visible{outline:var(--focus-outline-width) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}.tab::part(tab-list block-start){border-block-end:var(--items-container-border-width) var(--items-container-border-style) var(--elevation-border-color, 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(--elevation-border-color, 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(--elevation-border-color, 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(--elevation-border-color, var(--items-container-border-color))}.tab::part(tab block-start){border-block-end:var(--size-1) solid rgba(0,0,0,0)}.tab::part(tab block-start selected){border-block-end-color:var(--color-accent-primary-default)}.tab::part(tab block-end){border-block-start:var(--size-1) solid rgba(0,0,0,0)}.tab::part(tab block-end selected){border-block-start-color:var(--color-accent-primary-default)}.tab::part(tab inline-start){border-inline-end:var(--size-1) solid rgba(0,0,0,0)}.tab::part(tab inline-start selected){border-inline-end-color:var(--color-accent-primary-default)}.tab::part(tab inline-end){border-inline-start:var(--size-1) solid rgba(0,0,0,0)}.tab::part(tab inline-end selected){border-inline-start-color:var(--color-accent-primary-default)}
1
+ .tab::part(tab){font-family:var(--font-family-body)}.tab::part(tab){font-size:var(--font-size-body-s);line-height:round(1em*var(--line-height-relaxed),1px)}.tab::part(tab){font-weight:var(--font-style-regular)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tab::part(tab block-start selected),.tab::part(tab block-end selected),.tab::part(tab inline-start selected),.tab::part(tab inline-end selected){color:var(--color-text-neutral-default)}.tab::part(tab-caption){padding-block:var(--spacing-padding-s)}.tab::part(tab){padding-inline:var(--spacing-padding-m)}.tab{--ch-tab-close-button__background-image-size: 100%;--ch-tab-close-button__image-size: var(--icon-s);--ch-tab-button__image-size: var(--icon-s)}.tab::part(close-button)::after{content:"";display:block;inline-size:var(--icon-m);block-size:var(--icon-m);background:no-repeat center/100% var(--icon-path);flex-shrink:0}.tab::part(tab-list block-start){grid-auto-rows:max-content;align-content:end}.tab::part(tab-list block-end){grid-auto-rows:max-content;align-content:start}.tab::part(tab){color:var(--color-text-neutral-default);background-color:var(--elevation-background-color, var(--color-accent-surface-surface));gap:var(--spacing-gap-xs)}.tab::part(tab):hover{color:var(--color-text-primary-hover)}.tab::part(tab):active{color:var(--color-text-primary-pressed)}.tab::part(tab disabled){color:var(--color-text-neutral-disabled)}.tab::part(tab):focus-visible{outline:var(--border-width-focus) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}.tab::part(tab block-start){border-block:1px solid rgba(0,0,0,0);max-inline-size:240px}.tab::part(tab block-start selected){border-block-end-color:var(--color-accent-primary-default)}.tab::part(tab block-end){border-block:1px solid rgba(0,0,0,0);max-inline-size:240px}.tab::part(tab block-end selected){border-block-start-color:var(--color-accent-primary-default)}.tab::part(tab inline-start){border-block:1px solid rgba(0,0,0,0);border-inline:1px solid rgba(0,0,0,0)}.tab::part(tab inline-start selected){border-inline-end-color:var(--color-accent-primary-default)}.tab::part(tab inline-end){border-block:1px solid rgba(0,0,0,0);border-inline:1px solid rgba(0,0,0,0)}.tab::part(tab inline-end selected){border-inline-start-color:var(--color-accent-primary-default)}.tab::part(tab closable){padding-inline-end:calc(var(--spacing-padding-m) - var(--spacing-padding-xs))}.tab::part(close-button){padding:var(--spacing-padding-xs);--icon-path: var(--icon__system_close_on-interactive--enabled);border-radius:var(--border-radius-s)}.tab::part(close-button):hover{--icon-path: var(--icon__system_close_on-interactive--hover);background-color:var(--color-accent-item-hover)}.tab::part(close-button):active{--icon-path: var(--icon__system_close_on-interactive--active);background-color:var(--color-accent-item-pressed)}.tab::part(close-button):focus-visible{outline:var(--border-width-focus) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}.tab::part(close-button)::after{mask:none;background-color:rgba(0,0,0,0)}.tab::part(tab-panel-container){--spacing-body-block-start: var(--spacing-padding-l);--spacing-body-block-end: var(--spacing-padding-l);--spacing-body-inline-start: var(--spacing-padding-l);--spacing-body-inline-end: var(--spacing-padding-l)}
package/dist/bundles/css/components/tabular-grid.css CHANGED
@@ -1 +1 @@
1
- .tabular-grid,.property-grid,.tabular-grid-cell .combo-box,.property-grid-cell .combo-box,.tabular-grid-cell .input,.property-grid-cell .input,.tabular-grid-column{font-family:var(--font-family-body)}.tabular-grid,.property-grid,.tabular-grid-cell .combo-box,.property-grid-cell .combo-box,.tabular-grid-cell .input,.property-grid-cell .input,.tabular-grid-column{font-size:var(--font-size-body-s);line-height:round(1em*var(--line-height-relaxed),1px)}.tabular-grid,.property-grid,.tabular-grid-cell .combo-box,.property-grid-cell .combo-box,.tabular-grid-cell .input,.property-grid-cell .input{font-weight:var(--font-style-regular)}.tabular-grid-column{font-weight:var(--font-style-semi-bold)}.property-grid-value-edited>.property-grid-cell:nth-child(2){font-weight:var(--font-style-bold)}.property-grid-property-readonly>.property-grid-cell:nth-child(1),.property-grid-value-readonly>.property-grid-cell:nth-child(2){font-style:italic;color:var(--item-color-disabled)}.tabular-grid-row-actions::part(window),.property-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(--box-shadow)}@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}.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret),.tabular-grid-column::part(bar-sort),.tabular-grid-rowset-legend::part(icon),.tabular-grid-cell::part(actions-icon),.tabular-grid-cell::part(drag-icon),.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-cell::part(node-icon),.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),.property-grid-rowset>.property-grid-rowset-legend::part(caret),.property-grid-cell::part(caret),.property-grid-rowset-legend::part(icon),.property-grid-cell::part(actions-icon),.property-grid-cell::part(drag-icon),.property-grid-row:has(>.property-grid-rowset)>.property-grid-cell::part(node-icon),.property-grid-cell::part(node-icon){content:"";display:block;inline-size:var(--icon-box-md);block-size:var(--icon-box-md);background:no-repeat center/var(--icon-size-md) var(--icon-path);margin-inline-end:var(--grid-common__gap);flex-shrink:0}.tabular-grid-column::part(bar-sort){display:revert-layer;--icon-path: var(--icon-order-alphabetically)}.tabular-grid-column::part(bar):hover{--icon-order-alphabetically: var( --icon__system_order-alphabetically_on-interactive--hover )}.tabular-grid-column::part(bar):active{--icon-order-alphabetically: var( --icon__system_order-alphabetically_on-interactive--active )}.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret){--icon-path: var(--icon-caret)}.tabular-grid-rowset-legend,.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){--icon-caret: var(--icon__gemini-tools_add_on-interactive--enabled);cursor:pointer}.tabular-grid-rowset-legend:hover,.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{--icon-caret: var(--icon__gemini-tools_add_on-interactive--hover)}.tabular-grid-rowset-legend:active,.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{--icon-caret: var(--icon__gemini-tools_add_on-interactive--active)}.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend,.property-grid-rowset>.property-grid-rowset-legend::part(caret),.property-grid-cell::part(caret){--icon-caret: var(--icon__gemini-tools_minus_on-interactive--enabled);cursor:pointer}.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend:hover,.property-grid-rowset>.property-grid-rowset-legend::part(caret):hover,.property-grid-cell::part(caret):hover{--icon-caret: var(--icon__gemini-tools_minus_on-interactive--hover)}.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend:active,.property-grid-rowset>.property-grid-rowset-legend::part(caret):active,.property-grid-cell::part(caret):active{--icon-caret: var(--icon__gemini-tools_minus_on-interactive--active)}.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.property-grid-row:has(>.property-grid-rowset)>.property-grid-cell::part(node-icon){--icon-path: var(--icon__gemini-tools_folder_on-interactive--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}.tabular-grid-cell::part(node-icon),.property-grid-cell::part(node-icon){--icon-path: var(--icon__gemini-tools_file_on-interactive--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}.tabular-grid,.property-grid{--grid-bar-resize-split__bg-color: transparent;--focus-outline-offset: -2px;--grid-label__gap: var(--size-8);--grid-common__gap: var(--size-8);max-block-size:100%;--indent: 16px;background-color:var(--elevation-background-color, var(--items-container-bg-color));border-color:var(--elevation-border-color, var(--items-container-border-color));--item-border-color-enabled: var(--color-accent-surface-elevation-1);--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(--size-2);--grid-rowset-legend__indent: var(--size-16);--grid-row-actions-show-on-row-hover__margin-inline-end: var(--size-8);--grid-column-bar__gap: var(--size-8);--grid-column-bar__bg-color: var(--grid-base__bg-color);--grid-column-bar__padding-inline: var(--size-8);--grid-column-bar__padding-block: var(--size-8);--grid-column-bar__font-size: var(--grid-base__font-size);--grid-bar-resize-split__inline-size: var(--size-4);--grid-bar-resize-split__bg-color: transparent;--grid-bar-resize-split__border-inline-end: var(--size-1) solid transparent;--grid-bar-resize-split__border-inline-end-color--hover: var( --grid-column-bar__color )}.tabular-grid-column-set,.property-grid-column-set{border-block-end:var(--grid-cell-border)}.tabular-grid-column{background-color:var(--items-container-bg-color)}.tabular-grid-column::part(bar),.property-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(--color-accent-primary-light)}.tabular-grid-column::part(bar-resize-split),.property-grid-column::part(bar-resize-split){transform:translateX(calc(var(--grid-cell__padding-inline)));background-color:var(--grid-bar-resize-split__bg-color);inline-size:var(--grid-bar-resize-split__inline-size)}.tabular-grid-column::part(bar-resize-split):hover,.property-grid-column::part(bar-resize-split):hover{--grid-bar-resize-split__bg-color: var(--color-accent-primary-default)}.tabular-grid-column::part(bar-resize-split):active{--grid-bar-resize-split__bg-color: var(--color-accent-primary-light)}.tabular-grid-row[highlighted]>.tabular-grid-cell,.property-grid-row[highlighted]>.property-grid-cell{--grid-row-bg-color: var(--item-bg-color-hover);--grid-row-color: var(--item-color-hover)}.tabular-grid-row[selected]>.tabular-grid-cell,.property-grid-row[selected]>.property-grid-cell{--grid-row-bg-color: var(--item-bg-color-selected);--grid-row-color: var(--item-color-selected)}.tabular-grid-row[dragging],.property-grid-row[dragging]{box-shadow:var(--box-shadow)}.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend,.property-grid-rowset[collapsed]>.property-grid-rowset-legend{border-block-end:var(--grid-cell-border)}.tabular-grid-rowset-legend,.property-grid-rowset-legend{--grid-rowset-legend-bg-color: var(--color-accent-surface-elevation-2);background-color:var(--grid-rowset-legend-bg-color);padding-block-start:var(--size-8);padding-block-end:var(--size-8);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)}.tabular-grid-rowset-legend:hover,.property-grid-rowset-legend:hover{--grid-rowset-legend-bg-color: var(--color-accent-surface-elevation-3)}.tabular-grid-rowset-legend:active,.property-grid-rowset-legend:active{--grid-rowset-legend-bg-color: var(--color-accent-surface-elevation-2)}.tabular-grid-cell,.property-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}.tabular-grid-cell[focused],.property-grid-cell[focused]{outline:var(--focus-outline-width) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1);--focus-outline-width: var( --size-1 )}.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}.tabular-grid-column::part(selector-label),.tabular-grid-cell::part(selector-label),.property-grid-column::part(selector-label),.property-grid-cell::part(selector-label){block-size:var(--control-tiny-size);inline-size:var(--control-tiny-size);margin-inline-end:var(--grid-label__gap)}.tabular-grid-column::part(selector),.tabular-grid-cell::part(selector),.property-grid-column::part(selector),.property-grid-cell::part(selector){position:relative;margin:0;width:0;height:0}.tabular-grid-column::part(selector)::before,.tabular-grid-cell::part(selector)::before,.property-grid-column::part(selector)::before,.property-grid-cell::part(selector)::before{block-size:var(--control-tiny-size);inline-size:var(--control-tiny-size);border-width:var(--control-border-width);border-style:var(--control-border-style);border-color:var(--control-border-color);border-radius:var(--control-border-radius);--control-border-radius: 0;content:"";display:inline-block;box-sizing:border-box}.tabular-grid-column::part(selector)::after,.tabular-grid-cell::part(selector)::after,.property-grid-column::part(selector)::after,.property-grid-cell::part(selector)::after{content:"";background-color:var(--control-tiny-option-color)}.tabular-grid-column::part(selector checked)::after,.tabular-grid-cell::part(selector checked)::after,.property-grid-column::part(selector checked)::after,.property-grid-cell::part(selector checked)::after{block-size:var(--control-tiny-option-checked-size);inline-size:var(--control-tiny-option-checked-size);position:absolute;inset-block-start:calc((var(--control-tiny-size) - var(--control-tiny-option-checked-size))/2);inset-inline-start:calc((var(--control-tiny-size) - var(--control-tiny-option-checked-size))/2);pointer-events:none;-webkit-mask:no-repeat center/100% var(--control-tiny-option-checked-image)}.tabular-grid-column::part(selector indeterminate)::after,.property-grid-column::part(selector indeterminate)::after{block-size:var(--control-tiny-option-indeterminate-block-size);inline-size:var(--control-tiny-option-checked-size);position:absolute;inset-block-start:calc((var(--control-tiny-size) - var(--control-tiny-option-indeterminate-block-size))/2);inset-inline-start:calc((var(--control-tiny-size) - var(--control-tiny-option-checked-size))/2);border-radius:var(--control-tiny-option-indeterminate-border-radius)}.tabular-grid-row-actions::part(main),.property-grid-row-actions::part(main){display:flex;flex-direction:column}.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-interactive--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-interactive--enabled );border:none;background-size:contain !important}.tabular-grid-cell::part(drag-icon){--icon-path: var(--icon__navigation_drag_on-interactive--enabled);margin-inline-end:var(--grid-common__gap)}.tabular-grid-row-actions[show-on-row-hover]::part(window){margin-inline-end:var(--size-8)}.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;min-inline-size:0}.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(--size-8)}
1
+ .tabular-grid,.property-grid,.tabular-grid-cell .combo-box,.property-grid-cell .combo-box,.tabular-grid-cell .input,.property-grid-cell .input,.tabular-grid-column{font-family:var(--font-family-body)}.tabular-grid,.property-grid,.tabular-grid-cell .combo-box,.property-grid-cell .combo-box,.tabular-grid-cell .input,.property-grid-cell .input,.tabular-grid-column{font-size:var(--font-size-body-s);line-height:round(1em*var(--line-height-relaxed),1px)}.tabular-grid,.property-grid,.tabular-grid-cell .combo-box,.property-grid-cell .combo-box,.tabular-grid-cell .input,.property-grid-cell .input{font-weight:var(--font-style-regular)}.tabular-grid-column{font-weight:var(--font-style-semi-bold)}.property-grid-value-edited>.property-grid-cell:nth-child(2){font-weight:var(--font-style-bold)}.property-grid-property-readonly>.property-grid-cell:nth-child(1),.property-grid-value-readonly>.property-grid-cell:nth-child(2){font-style:italic;color:var(--color-text-neutral-disabled)}.tabular-grid-row-actions::part(window),.property-grid-row-actions::part(window){border:var(--size-1) solid var(--color-accent-surface-elevation-1);border-radius:var(--border-radius-s);padding:var(--spacing-padding-m);background-color:var(--color-accent-surface-elevation-1);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}@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(--border-width-focus) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}.property-grid-column-set{display:none}.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),.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret),.tabular-grid-column::part(bar-sort),.tabular-grid-rowset-legend::part(icon),.tabular-grid-cell::part(actions-icon),.tabular-grid-cell::part(drag-icon),.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.tabular-grid-cell::part(node-icon),.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),.property-grid-rowset>.property-grid-rowset-legend::part(caret),.property-grid-cell::part(caret),.property-grid-rowset-legend::part(icon),.property-grid-cell::part(actions-icon),.property-grid-cell::part(drag-icon),.property-grid-row:has(>.property-grid-rowset)>.property-grid-cell::part(node-icon),.property-grid-cell::part(node-icon){content:"";display:block;inline-size:var(--icon-s);block-size:var(--icon-s);background:no-repeat center/100% var(--icon-path);margin-inline-end:var(--grid-common__gap);flex-shrink:0}.tabular-grid-column::part(bar-sort){display:revert-layer;--icon-path: var(--icon-order-alphabetically)}.tabular-grid-column::part(bar):hover{--icon-order-alphabetically: var( --icon__system_order-alphabetically_on-interactive--hover )}.tabular-grid-column::part(bar):active{--icon-order-alphabetically: var( --icon__system_order-alphabetically_on-interactive--active )}.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),.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret){--icon-path: var(--icon-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),.tabular-grid-rowset-legend,.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){--icon-caret: var(--icon__gemini-tools_add_on-interactive--enabled);cursor:pointer}.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,.tabular-grid-rowset-legend:hover,.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{--icon-caret: var(--icon__gemini-tools_add_on-interactive--hover)}.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,.tabular-grid-rowset-legend:active,.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{--icon-caret: var(--icon__gemini-tools_add_on-interactive--active)}.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret),.tabular-grid-cell::part(caret),.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend,.property-grid-rowset>.property-grid-rowset-legend::part(caret),.property-grid-cell::part(caret){--icon-caret: var(--icon__gemini-tools_minus_on-interactive--enabled);cursor:pointer}.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret):hover,.tabular-grid-cell::part(caret):hover,.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend:hover,.property-grid-rowset>.property-grid-rowset-legend::part(caret):hover,.property-grid-cell::part(caret):hover{--icon-caret: var(--icon__gemini-tools_minus_on-interactive--hover)}.tabular-grid-rowset>.tabular-grid-rowset-legend::part(caret):active,.tabular-grid-cell::part(caret):active,.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend:active,.property-grid-rowset>.property-grid-rowset-legend::part(caret):active,.property-grid-cell::part(caret):active{--icon-caret: var(--icon__gemini-tools_minus_on-interactive--active)}.tabular-grid-row:has(>.tabular-grid-rowset)>.tabular-grid-cell::part(node-icon),.property-grid-row:has(>.property-grid-rowset)>.property-grid-cell::part(node-icon){--icon-path: var(--icon__gemini-tools_folder_on-interactive--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}.tabular-grid-cell::part(node-icon),.property-grid-cell::part(node-icon){--icon-path: var(--icon__gemini-tools_file_on-interactive--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}.tabular-grid,.property-grid{--grid-bar-resize-split__bg-color: transparent;--grid-label__gap: var(--spacing-gap-m);--grid-common__gap: var(--spacing-gap-m);max-block-size:100%;--indent: 16px;background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));border-color:var(--elevation-border-color, var(--color-border-surface-on-elevation-1));border-color:var(--color-accent-surface-elevation-1);--grid-rowset-legend__color--hover: var(--color-text-primary-on-hover);--grid-rowset-legend__padding-inline: var(--spacing-padding-m);--grid-rowset-legend__padding-block: var(--spacing-padding-xxs);--grid-rowset-legend__indent: var(--spacing-padding-xl);--grid-row-actions-show-on-row-hover__margin-inline-end: var( --spacing-padding-m );--grid-column-bar__gap: var(--spacing-gap-m);--grid-column-bar__bg-color: var(--grid-base__bg-color);--grid-column-bar__padding-inline: var(--spacing-padding-m);--grid-column-bar__padding-block: var(--spacing-padding-m);--grid-bar-resize-split__inline-size: var(--size-4);--grid-bar-resize-split__bg-color: transparent;--grid-bar-resize-split__border-inline-end: var(--size-1) solid transparent;--grid-bar-resize-split__border-inline-end-color--hover: var( --grid-column-bar__color );--grid-cell-border: var(--size-1) solid var(--color-border-surface-on-elevation-1)}.tabular-grid-column-set,.property-grid-column-set{border-block-end:var(--grid-cell-border)}.tabular-grid-column{background-color:var(--color-accent-surface-elevation-1)}.tabular-grid-column::part(bar),.property-grid-column::part(bar){--grid-label__gap: 0;background-color:rgba(0,0,0,0);color:var(--color-text-neutral-default);padding-block:6.5px;padding-inline:var(--spacing-padding-l);gap:var(--grid-common__gap);width:100%}.tabular-grid-column::part(bar):hover{--grid-bar-resize-split__bg-color: var(--color-accent-primary-light)}.tabular-grid-column::part(bar-resize-split),.property-grid-column::part(bar-resize-split){transform:translateX(calc(var(--grid-cell__padding-inline)));background-color:var(--grid-bar-resize-split__bg-color);inline-size:var(--grid-bar-resize-split__inline-size)}.tabular-grid-column::part(bar-resize-split):hover,.property-grid-column::part(bar-resize-split):hover{--grid-bar-resize-split__bg-color: var(--color-accent-primary-default)}.tabular-grid-column::part(bar-resize-split):active{--grid-bar-resize-split__bg-color: var(--color-accent-primary-light)}.tabular-grid-row[highlighted]>.tabular-grid-cell,.property-grid-row[highlighted]>.property-grid-cell{background-color:var(--color-accent-item-hover);color:var(--color-text-primary-on-hover)}.tabular-grid-row[selected]>.tabular-grid-cell,.property-grid-row[selected]>.property-grid-cell{background-color:var(--color-accent-item-selected);color:var(--color-text-neutral-default)}.tabular-grid-row[dragging],.property-grid-row[dragging]{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.tabular-grid-rowset[collapsed]>.tabular-grid-rowset-legend,.property-grid-rowset[collapsed]>.property-grid-rowset-legend{border-block-end:var(--grid-cell-border)}.tabular-grid-rowset-legend,.property-grid-rowset-legend{--background-color: var(--color-accent-surface-elevation-2);background-color:var(--background-color);padding-block:6.5px;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(--background-color)}.tabular-grid-rowset-legend:hover,.property-grid-rowset-legend:hover{--background-color: var(--color-accent-surface-elevation-3)}.tabular-grid-rowset-legend:active,.property-grid-rowset-legend:active{--background-color: var(--color-accent-surface-elevation-2)}.tabular-grid-cell,.property-grid-cell{box-shadow:0 0 0 1px var(--color-border-surface-on-elevation-1);padding-block:6.5px;padding-inline:var(--spacing-padding-l);background-color:rgba(0,0,0,0);color:var(--color-text-neutral-default);background-color:var(--color-accent-surface-elevation-1);border:0}.tabular-grid-cell[focused],.property-grid-cell[focused]{outline:var(--border-width-focus) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1);--border-width-focus: var( --size-1 )}.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}.tabular-grid-column::part(selector-label),.tabular-grid-cell::part(selector-label),.property-grid-column::part(selector-label),.property-grid-cell::part(selector-label){block-size:var(--size-16);inline-size:var(--size-16);margin-inline-end:var(--grid-label__gap)}.tabular-grid-column::part(selector),.tabular-grid-cell::part(selector),.property-grid-column::part(selector),.property-grid-cell::part(selector){position:relative;margin:0;width:0;height:0}.tabular-grid-column::part(selector)::before,.tabular-grid-cell::part(selector)::before,.property-grid-column::part(selector)::before,.property-grid-cell::part(selector)::before{block-size:var(--size-16);inline-size:var(--size-16);border-width:var(--control-border-width);border-style:solid;border-color:var(--control-border-color);border-radius:var(--control-border-radius);--control-border-radius: 0;content:"";display:inline-block;box-sizing:border-box}.tabular-grid-column::part(selector)::after,.tabular-grid-cell::part(selector)::after,.property-grid-column::part(selector)::after,.property-grid-cell::part(selector)::after{content:"";background-color:var(--color-accent-neutral-on-surface)}.tabular-grid-column::part(selector checked)::after,.tabular-grid-cell::part(selector checked)::after,.property-grid-column::part(selector checked)::after,.property-grid-cell::part(selector checked)::after{block-size:calc(var(--size-16) / 2);inline-size:calc(var(--size-16) / 2);position:absolute;inset-block-start:calc((var(--size-16) - calc(var(--size-16) / 2))/2);inset-inline-start:calc((var(--size-16) - calc(var(--size-16) / 2))/2);pointer-events:none;-webkit-mask:no-repeat center/100% url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>")}.tabular-grid-column::part(selector indeterminate)::after,.property-grid-column::part(selector indeterminate)::after{block-size:var(--size-2);inline-size:calc(var(--size-16) / 2);position:absolute;inset-block-start:calc((var(--size-16) - var(--size-2))/2);inset-inline-start:calc((var(--size-16) - calc(var(--size-16) / 2))/2);border-radius:var(--border-radius-xs)}.tabular-grid-row-actions::part(main),.property-grid-row-actions::part(main){display:flex;flex-direction:column}.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-interactive--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-interactive--enabled );border:none;background-size:contain !important}.tabular-grid-cell::part(drag-icon){--icon-path: var(--icon__navigation_drag_on-interactive--enabled);margin-inline-end:var(--grid-common__gap)}.tabular-grid-row-actions[show-on-row-hover]::part(window){margin-inline-end:var(--spacing-padding-m)}.tabular-grid ch-tabular-grid-cell{padding-block:6.5px;padding-inline:var(--spacing-padding-l);align-items:start;justify-content:start;min-inline-size:0}.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(--spacing-padding-m)}
package/dist/bundles/css/components/ticket-list.css CHANGED
@@ -1 +1 @@
1
- .ticket-list{font-family:var(--font-family-body);line-height:round(1em*var(--line-height-relaxed),1px)}.ticket-list{font-size:var(--font-size-caption-l)}.ticket-list{font-weight:var(--font-style-regular)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.ticket-list::part(item__action){position:relative;padding-inline:var(--size-8);padding-block:var(--size-16)}.ticket-list::part(item__action):hover{background-color:var(--item-bg-color-hover)}.ticket-list::part(item__action):focus-visible{outline:1px solid var(--focus-outline-color);outline-offset:-1px}.ticket-list::part(item__action selected){background-color:var(--item-bg-color-selected-hover)}.ticket-list::part(item__action selected)::before{content:"";display:block;position:absolute;inset-block:-1px;inset-inline-start:0px;inline-size:1px;background-color:var(--color-accent-primary-default)}.ticket-list::part(separator){background-color:var(--color-accent-surface-elevation-1)}.ticket-list::part(item__caption){font-weight:var(--font-style-semi-bold)}.ticket-list::part(description){margin-block-start:6px}.ticket-list::part(status){font-weight:var(--font-style-semi-bold);margin-block-end:var(--size-8);gap:var(--size-4)}.ticket-list::part(status open),.ticket-list::part(status pending){color:var(--color-text-neutral-default)}.ticket-list::part(status processing){color:var(--color-accent-primary-default);margin-inline-start:var(--size-4)}.ticket-list::part(status error){color:var(--color-text-semantic-error)}.ticket-list::part(status closed){color:var(--color-text-semantic-success)}.ticket-list::part(status dot)::before{content:"";display:block;border-radius:50%;inline-size:4px;block-size:4px;background-color:currentColor}.ticket-list::part(priority){padding-block:calc(var(--size-4) + var(--size-2));padding-inline:var(--size-12);gap:var(--size-8);border:--size-1 solid var(--color-border-surface-on-elevation-2);border-radius:var(--size-32);font-weight:var(--font-style-semi-bold)}.ticket-list::part(priority selected){border-color:var(--color-border-primary-focused)}
1
+ .ticket-list{font-family:var(--font-family-body);line-height:round(1em*var(--line-height-relaxed),1px)}.ticket-list{font-size:var(--font-size-caption-l)}.ticket-list{font-weight:var(--font-style-regular)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.ticket-list::part(item__action){position:relative;padding-inline:var(--spacing-padding-m);padding-block:var(--spacing-padding-xl)}.ticket-list::part(item__action):hover{background-color:var(--color-accent-item-hover)}.ticket-list::part(item__action):focus-visible{outline:var(--border-width-focus) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}.ticket-list::part(item__action selected){background-color:var(--color-accent-item-selected)}.ticket-list::part(item__action selected)::before{content:"";display:block;position:absolute;inset-block:-1px;inset-inline-start:0px;inline-size:1px;background-color:var(--color-accent-primary-default)}.ticket-list::part(separator){background-color:var(--color-accent-surface-elevation-1)}.ticket-list::part(item__caption){font-weight:var(--font-style-semi-bold)}.ticket-list::part(description){margin-block-start:var(--spacing-padding-s)}.ticket-list::part(status){font-weight:var(--font-style-semi-bold);margin-block-end:var(--spacing-padding-m);gap:var(--spacing-gap-xs)}.ticket-list::part(status open),.ticket-list::part(status pending){color:var(--color-text-neutral-default)}.ticket-list::part(status processing){color:var(--color-accent-primary-default);margin-inline-start:var(--spacing-padding-xs)}.ticket-list::part(status error){color:var(--color-text-semantic-error)}.ticket-list::part(status closed){color:var(--color-text-semantic-success)}.ticket-list::part(status dot)::before{content:"";display:block;border-radius:50%;inline-size:4px;block-size:4px;background-color:currentColor}.ticket-list::part(priority){padding-block:calc(var(--spacing-padding-xs) + var(--spacing-padding-xxs));padding-inline:var(--spacing-padding-l);gap:var(--spacing-gap-m);border:--size-1 solid var(--color-border-surface-on-elevation-2);border-radius:var(--size-32);font-weight:var(--font-style-semi-bold)}.ticket-list::part(priority selected){border-color:var(--color-border-primary-focused)}
package/dist/bundles/css/components/tooltip.css CHANGED
@@ -1 +1 @@
1
- .tooltip::part(window){font-family:var(--font-family-body)}.tooltip::part(window){font-size:var(--font-size-body-s);line-height:round(1em*var(--line-height-relaxed),1px)}.tooltip::part(window){font-weight:var(--font-style-regular)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tooltip::part(window){--ch-tooltip-separation: var(--size-4);--ch-tooltip-separation-x: var(--size-4);--ch-tooltip-separation-y: var(--size-4);background-color:var(--color-accent-neutral-tooltip);border-radius:var(--size-4);color:var(--color-text-neutral-white);padding-block:var(--size-8);padding-inline:var(--size-8)}
1
+ .tooltip::part(window){font-family:var(--font-family-body)}.tooltip::part(window){font-size:var(--font-size-body-s);line-height:round(1em*var(--line-height-relaxed),1px)}.tooltip::part(window){font-weight:var(--font-style-regular)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tooltip::part(window){--ch-tooltip-separation: var(--spacing-padding-xs);--ch-tooltip-separation-x: var(--spacing-padding-xs);--ch-tooltip-separation-y: var(--spacing-padding-xs);background-color:var(--color-accent-neutral-tooltip);border-radius:var(--size-4);color:var(--color-text-neutral-white);padding-block:var(--spacing-padding-m);padding-inline:var(--spacing-padding-m)}
package/dist/bundles/css/components/tree-view.css CHANGED
@@ -1 +1 @@
1
- .tree-view::part(drag-preview){font-family:var(--font-family-body);line-height:round(1em*var(--line-height-relaxed),1px)}.tree-view::part(drag-preview){font-size:var(--font-size-caption-xs)}.tree-view::part(drag-preview){font-weight:var(--font-style-semi-bold)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tree-view::part(item__checkbox){--ch-checkbox__container-size: var(--control-tiny-size);--ch-checkbox__option-size: var(--control-tiny-option-checked-size);--ch-checkbox__image-size: var(--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 disabled){--control-border-color: var(--control-border-color-disabled)}.tree-view::part(item__checkbox):focus{outline:var(--focus-outline-width) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}.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-tiny-border-radius)}.tree-view::part(item__checkbox-input checked){--control-border-color: var(--control-border-color-checked)}.checkbox::part(option){background-color:var(--control-tiny-option-color)}.tree-view::part(item__checkbox-option indeterminate){block-size:var(--size-2);--control-tiny-option-color: var(--control-tiny-option-color-indeterminate)}.tree-view::part(item__checkbox-option disabled){--control-tiny-option-color: var(--control-tiny-option-color-disabled)}.tree-view{--ch-tree-view-item-custom-padding-inline-start: var(--size-8);--ch-tree-view-item-gap: var(--size-8);--ch-tree-view-item__checkbox-size: var(--size-16);--ch-tree-view-item__expandable-button-size: var(--size-16);--ch-tree-view-item__image-size: var(--size-16);--ch-tree-view-item__background-image-size: var(--icon-box-md);--ch-tree-view-item__line--inset-inline-end: 4px;--tree-view__min-inline-size: max-content;line-height:var(--tree-view-item-line-height);min-inline-size:var(--tree-view-min-inline-size);font-family:var(--font-family-body);font-size:var(--font-size-body-s);line-height:round(1em*var(--line-height-tight),1px)}.tree-view::part(drag-preview){padding-inline:8px;background-color:var(--color-accent-surface-elevation-1);border-radius:10px;box-shadow:var(--box-shadow)}.tree-view::part(item drag-enter){outline:var(--focus-outline-width) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}.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) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}.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__header):active{--item-bg-color: var(--item-bg-color-pressed);--item-border-color: var(--item-border-color-pressed);--item-color: var(--item-color-pressed)}.tree-view::part(item__action){padding-block:var(--size-2)}.tree-view::part(item__line){border-color:var(--color-border-neutral-default)}.tree-view::part(item__downloading){inline-size:var(--size-12);block-size:var(--size-12);border:var(--size-2) solid var(--color-border-primary-default)}.tree-view{scrollbar-width:thin;scrollbar-color:var(--color-border-surface-on-elevation-1) rgba(0,0,0,0)}.tree-view::-webkit-scrollbar{width:var(--size-4);height:var(--size-4)}.tree-view::-webkit-scrollbar-track{background-color:rgba(0,0,0,0);border-radius:var(--size-8)}.tree-view::-webkit-scrollbar-thumb{background-color:var(--color-border-surface-on-elevation-2);border-radius:var(--size-8)}.tree-view::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}
1
+ .tree-view::part(drag-preview){font-family:var(--font-family-body);line-height:round(1em*var(--line-height-relaxed),1px)}.tree-view::part(drag-preview){font-size:var(--font-size-caption-xs)}.tree-view::part(drag-preview){font-weight:var(--font-style-semi-bold)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tree-view::part(item__checkbox){--ch-checkbox__container-size: var(--size-16);--ch-checkbox__option-size: calc(var(--size-16) / 2);--ch-checkbox__image-size: var(--icon-xs);gap:var(--spacing-gap-m)}.tree-view::part(item__checkbox):hover{--control-border-color: var(--color-border-primary-hover)}.tree-view::part(item__checkbox-input disabled){--control-border-color: var(--color-border-neutral-disabled)}.tree-view::part(item__checkbox-input){border-width:var(--control-border-width);border-style:solid;border-color:var(--control-border-color);border-radius:var(--border-radius-xxs)}.tree-view::part(item__checkbox-input checked){--control-border-color: var(--color-border-primary-default)}.tree-view::part(item__checkbox-input):focus{outline:var(--border-width-focus) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}.checkbox::part(option){background-color:var(--color-accent-neutral-on-surface)}.tree-view::part(item__checkbox-option indeterminate){block-size:var(--size-2);background-color:var(--color-border-primary-default)}.tree-view::part(item__checkbox-option disabled){background-color:var(--color-icon-neutral-disabled)}.tree-view{--ch-tree-view-item-custom-padding-inline-start: var(--spacing-padding-m);--ch-tree-view-item-gap: var(--spacing-gap-m);--ch-tree-view-item__checkbox-size: var(--size-16);--ch-tree-view-item__expandable-button-size: var(--icon-s);--ch-tree-view-item__image-size: var(--icon-m);--ch-tree-view-item__background-image-size: 100%;--ch-tree-view-item__line--inset-inline-end: 4px;--tree-view-min-inline-size: max-content;line-height:var(--tree-view-item-line-height);min-inline-size:var(--tree-view-min-inline-size);font-family:var(--font-family-body);font-size:var(--font-size-body-s);line-height:round(1em*var(--line-height-tight),1px)}.tree-view::part(drag-preview){padding-inline:8px;background-color:var(--color-accent-surface-elevation-1);border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.tree-view::part(item drag-enter){outline:var(--border-width-focus) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}.tree-view::part(item__header){min-inline-size:var(--tree-view-min-inline-size);background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--color-text-neutral-default);border-radius:var(--border-radius-s);border-width:0;border-style:solid;border-color:rgba(0,0,0,0);padding-block:var(--spacing-padding-xxs)}.tree-view::part(item__header):focus-visible{outline:var(--border-width-focus) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}.tree-view::part(item__header not-selected):hover{background-color:var(--color-accent-item-hover);border-color:rgba(0,0,0,0);color:var(--color-text-primary-on-hover)}.tree-view::part(item__header selected){background-color:var(--color-accent-item-selected);border-color:rgba(0,0,0,0);color:var(--color-text-neutral-default)}.tree-view::part(item__header selected):hover{background-color:var(--color-accent-item-selected);border-color:rgba(0,0,0,0);color:var(--color-accent-primary-on-hover)}.tree-view::part(item__header):active{background-color:var(--color-accent-item-pressed);border-color:rgba(0,0,0,0);color:var(--color-text-neutral-pressed)}.tree-view::part(item__action){padding-block:var(--spacing-padding-xxs)}.tree-view::part(item__line){border-color:var(--color-border-neutral-default)}.tree-view::part(item__downloading){inline-size:var(--size-12);block-size:var(--size-12);border:var(--size-2) solid var(--color-border-primary-default)}.tree-view{scrollbar-width:thin;scrollbar-color:var(--color-border-surface-on-elevation-1) rgba(0,0,0,0)}.tree-view::-webkit-scrollbar{width:var(--size-4);height:var(--size-4)}.tree-view::-webkit-scrollbar-track{background-color:rgba(0,0,0,0);border-radius:var(--size-8)}.tree-view::-webkit-scrollbar-thumb{background-color:var(--color-border-surface-on-elevation-2);border-radius:var(--size-8)}.tree-view::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}
package/dist/bundles/css/components/widget.css CHANGED
@@ -1 +1 @@
1
- @keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.widget,:host(.widget){--spacing-body-block-start: var(--size-12);--spacing-body-block-end: var(--size-12);--spacing-body-inline-start: var(--size-12);--spacing-body-inline-end: var(--size-12)}
1
+ @keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.widget,:host(.widget){--spacing-body-block-start: var(--spacing-padding-l);--spacing-body-block-end: var(--spacing-padding-l);--spacing-body-inline-start: var(--spacing-padding-l);--spacing-body-inline-end: var(--spacing-padding-l)}
package/dist/bundles/css/scope/theme-globant.css ADDED
@@ -0,0 +1 @@
1
+ @keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.theme-globant,.theme-globant-light,.theme-globant-dark{--color-avocado-100: #f6f7ec;--color-avocado-200: #e7e9c8;--color-avocado-300: #d8dfa3;--color-avocado-400: #c7d67b;--color-avocado-500: #b4d050;--color-avocado-600: #749519;--color-avocado-700: #668316;--color-avocado-800: #5c7614;--color-avocado-900: #50641c;--color-avocado-1000: #455519;--color-avocado-1100: #333f13;--color-avocado-1200: #232a0e;--color-avocado-1300: #131708;--color-avocado-200-90: rgba(231, 233, 200, 0.9);--color-avocado-300-50: rgba(216, 223, 163, 0.5);--color-azure-50: #eaf3fe;--color-azure-100: #e1eefe;--color-azure-200: #c6dffd;--color-azure-300: #9cc8fc;--color-azure-400: #3791fb;--color-azure-500: #0a7cff;--color-azure-600: #0072f8;--color-azure-700: #0049cd;--color-azure-750: #1f52ae;--color-azure-800: #0034b1;--color-azure-900: #002da8;--color-azure-1000: #173d82;--color-chateau-50: #e0f6e7;--color-chateau-100: #b9eaca;--color-chateau-200: #92dead;--color-chateau-300: #72d495;--color-chateau-400: #4fca7a;--color-chateau-500: #35b061;--color-chateau-600: #2d9552;--color-chateau-700: #247541;--color-chateau-800: #1c5e34;--color-chateau-900: #154627;--color-ember-50: #fffbeb;--color-ember-100: #fff9e0;--color-ember-200: #ffeda3;--color-ember-300: #ffe370;--color-ember-400: #ffdd52;--color-ember-500: #ffcd00;--color-ember-600: #cca400;--color-ember-700: #997b00;--color-ember-800: #665200;--color-ember-900: #3d3100;--color-extra-gaserage: #c0fb73;--color-extra-greenwood: #d9e021;--color-extra-lemon: #8cc63f;--color-extra-mint: #38efa0;--color-extra-opacity: rgba(23, 23, 23, 0.7);--color-extra-shadow: rgba(0, 0, 0, 0.8);--color-extra-violet: #d694ff;--color-green-100: #eef5f4;--color-green-200: #ddebe9;--color-green-300: #cae0dd;--color-green-400: #b4d5d0;--color-green-500: #9cc9c2;--color-green-600: #3fa89b;--color-green-700: #389287;--color-green-800: #318278;--color-green-900: #286a62;--color-green-1000: #1c4b45;--color-green-1300: #112d29;--color-lilac-50: #f9fafa;--color-lilac-100: #f8f9fc;--color-lilac-200: #edf0f8;--color-lilac-250: #e2e7f4;--color-lilac-300: #dee1ed;--color-lilac-400: #d5daeb;--color-lilac-500: #c8d0e9;--color-lilac-600: #c2cbe6;--color-lilac-700: #bcc5e4;--color-lilac-800: #b7c2e2;--color-lilac-900: #9babd9;--color-neutral-100: #fcfcfc;--color-neutral-200: #fafafa;--color-neutral-300: #ededed;--color-neutral-350: #e8e8e8;--color-neutral-400: #e0e0e0;--color-neutral-500: #d6d6d6;--color-neutral-600: #cccccc;--color-neutral-700: #c2c2c2;--color-neutral-800: #b3b3b3;--color-neutral-900: #a9a9a9;--color-neutral-1000: #8c8c8c;--color-neutral-1050: #6b6b6b;--color-neutral-1100: #686868;--color-neutral-1200: #575757;--color-neutral-1300: #464646;--color-neutral-1400: #3b3b3b;--color-neutral-1450: #373737;--color-neutral-1500: #303030;--color-neutral-1550: #262626;--color-neutral-1600: #212121;--color-neutral-1700: #171717;--color-neutral-1800: #000000;--color-neutral-1200-80: rgba(87, 87, 87, 0.8);--color-neutral-1400-80: rgba(59, 59, 59, 0.8);--color-olive-100: #fcfcf2;--color-olive-200: #f2f3c9;--color-olive-300: #e8ed9f;--color-olive-400: #dee873;--color-olive-500: #d2e546;--color-olive-600: #c3e01a;--color-olive-700: #a8c118;--color-olive-800: #8ea216;--color-olive-900: #7c8e15;--color-olive-1000: #647213;--color-olive-1100: #4d580e;--color-olive-1200: #3a420b;--color-olive-1300: #262b08;--color-primary-100: #f9fbf2;--color-primary-200: #f5f8e8;--color-primary-300: #eaf1ce;--color-primary-400: #deeab0;--color-primary-500: #d2e38c;--color-primary-550: #cfe184;--color-primary-580: #c6d572;--color-primary-600: #bfd732;--color-primary-700: #b4cc28;--color-primary-800: #a3b72b;--color-primary-900: #8d9f25;--color-primary-1000: #515c15;--color-primary-1100: #2e340a;--color-red-100: #fcf4f4;--color-red-200: #f8dfe0;--color-red-300: #f4cdcf;--color-red-400: #eda4a7;--color-red-500: #e98b8f;--color-red-600: #e35861;--color-red-700: #d54b54;--color-red-800: #a63a41;--color-red-900: #883035;--color-red-1000: #6d272b;--color-red-1300: #2d1012;--color-scarlet-50: #fee6e6;--color-scarlet-100: #fdcece;--color-scarlet-200: #fcb5b5;--color-scarlet-300: #fb9d9d;--color-scarlet-400: #f96c6c;--color-scarlet-450: #f83a3a;--color-scarlet-500: #c50707;--color-scarlet-600: #ac0606;--color-scarlet-700: #8a0505;--color-scarlet-800: #6c0404;--color-scarlet-900: #4f0303;--color-yellow-100: #fffbf6;--color-yellow-200: #fef1e3;--color-yellow-300: #fde8cf;--color-yellow-400: #fcdeb8;--color-yellow-500: #fac980;--color-yellow-600: #f9bd56;--color-yellow-700: #ffc96b;--color-yellow-800: #ecaf44;--color-yellow-900: #b97d13;--color-yellow-1000: #6f4b0b;--color-yellow-1300: #382606;--control-block-size: 32px;--control-padding-block: calc( var(--spacing-padding-s) - var(--control-border-width) );--control-padding-inline: var(--spacing-padding-m);--control-bg-color: transparent;--control-border-color: var(--color-border-neutral-default);--control-border-width: var(--size-1);--control-border-radius: var(--border-radius-s)}:where(:root.dark) .theme-globant,.theme-globant-dark{color-scheme:dark;--color-accent-backdrop-default: var(--color-extra-opacity);--color-accent-branding-surface: var(--color-neutral-100);--color-accent-error-contrast: var(--color-red-1300);--color-accent-error-default: var(--color-red-600);--color-accent-error-hover: var(--color-red-500);--color-accent-error-light: var(--color-red-400);--color-accent-error-lighter: var(--color-red-300);--color-accent-error-pressed: var(--color-red-800);--color-accent-gradient-end: var(--color-extra-lemon);--color-accent-gradient-middle: var(--color-extra-mint);--color-accent-gradient-start: var(--color-extra-greenwood);--color-accent-item-hover: var(--color-neutral-1400-80);--color-accent-item-pressed: var(--color-neutral-1600);--color-accent-item-selected: var(--color-neutral-1200-80);--color-accent-neutral-black: var(--color-neutral-1450);--color-accent-neutral-contrast: var(--color-neutral-1300);--color-accent-neutral-default: var(--color-neutral-900);--color-accent-neutral-disabled: var(--color-neutral-1300);--color-accent-neutral-hover: var(--color-neutral-300);--color-accent-neutral-neutral: var(--color-neutral-600);--color-accent-neutral-on-surface: var(--color-neutral-100);--color-accent-neutral-pressed: var(--color-neutral-600);--color-accent-neutral-tooltip: var(--color-neutral-1050);--color-accent-neutral-white: var(--color-neutral-100);--color-accent-primary-contrast: var(--color-olive-1300);--color-accent-primary-dark: var(--color-olive-1200);--color-accent-primary-default: var(--color-olive-600);--color-accent-primary-hover: var(--color-olive-1000);--color-accent-primary-light: var(--color-olive-300);--color-accent-primary-lighter: var(--color-olive-200);--color-accent-primary-on-default: var(--color-olive-600);--color-accent-primary-on-hover: var(--color-olive-200);--color-accent-primary-on-pressed: var(--color-neutral-300);--color-accent-primary-pressed: var(--color-olive-900);--color-accent-shadow-default: var(--color-extra-shadow);--color-accent-success-contrast: var(--color-green-1300);--color-accent-success-default: var(--color-green-600);--color-accent-success-hover: var(--color-green-500);--color-accent-success-light: var(--color-green-400);--color-accent-success-lighter: var(--color-green-300);--color-accent-success-pressed: var(--color-green-1000);--color-accent-surface-elevation-1: var(--color-neutral-1600);--color-accent-surface-elevation-2: var(--color-neutral-1500);--color-accent-surface-elevation-3: var(--color-neutral-1300);--color-accent-surface-elevation-answer: var(--color-neutral-1450);--color-accent-surface-surface: var(--color-neutral-1700);--color-accent-toast-error: var(--color-scarlet-300);--color-accent-toast-info: var(--color-azure-300);--color-accent-toast-neutral: var(--color-neutral-1400);--color-accent-toast-success: var(--color-chateau-300);--color-accent-toast-warning: var(--color-ember-300);--color-accent-warning-contrast: var(--color-yellow-1300);--color-accent-warning-default: var(--color-yellow-600);--color-accent-warning-hover: var(--color-yellow-400);--color-accent-warning-light: var(--color-yellow-400);--color-accent-warning-lighter: var(--color-yellow-300);--color-accent-warning-pressed: var(--color-yellow-1000);--color-border-branding-surface: var(--color-neutral-1700);--color-border-error-dark: var(--color-red-1300);--color-border-error-default: var(--color-red-600);--color-border-error-hover: var(--color-red-500);--color-border-error-light: var(--color-red-500);--color-border-error-lighter: var(--color-red-300);--color-border-error-pressed: var(--color-red-800);--color-border-item-hover: var(--color-neutral-1000);--color-border-item-pressed: var(--color-neutral-1400);--color-border-item-selected: var(--color-olive-600);--color-border-neutral-black: var(--color-neutral-1300);--color-border-neutral-default: var(--color-neutral-900);--color-border-neutral-disabled: var(--color-neutral-1050);--color-border-neutral-hover: var(--color-neutral-100);--color-border-neutral-neutral: var(--color-neutral-600);--color-border-neutral-on-border: var(--color-neutral-100);--color-border-neutral-pressed: var(--color-neutral-400);--color-border-neutral-white: var(--color-neutral-100);--color-border-primary-dark: var(--color-olive-1100);--color-border-primary-default: var(--color-olive-500);--color-border-primary-focused: var(--color-extra-violet);--color-border-primary-hover: var(--color-olive-700);--color-border-primary-light: var(--color-olive-300);--color-border-primary-lighter: var(--color-olive-200);--color-border-primary-on-default: var(--color-olive-600);--color-border-primary-on-hover: var(--color-olive-200);--color-border-primary-on-pressed: var(--color-neutral-300);--color-border-primary-pressed: var(--color-olive-900);--color-border-success-dark: var(--color-green-1300);--color-border-success-default: var(--color-green-600);--color-border-success-hover: var(--color-green-500);--color-border-success-light: var(--color-green-500);--color-border-success-lighter: var(--color-green-300);--color-border-success-pressed: var(--color-green-1000);--color-border-surface-on-elevation-1: var(--color-neutral-1300);--color-border-surface-on-elevation-2: var(--color-neutral-1100);--color-border-surface-on-elevation-3: var(--color-neutral-900);--color-border-surface-on-surface: var(--color-neutral-1200);--color-border-warning-dark: var(--color-yellow-1300);--color-border-warning-default: var(--color-yellow-600);--color-border-warning-hover: var(--color-yellow-400);--color-border-warning-light: var(--color-yellow-400);--color-border-warning-lighter: var(--color-yellow-300);--color-border-warning-pressed: var(--color-yellow-1000);--color-component-button-suggestion-accent-default: var(--color-neutral-1700);--color-component-button-suggestion-accent-hover: var(--color-neutral-1500);--color-component-button-suggestion-accent-pressed: var(--color-neutral-1600);--color-component-button-suggestion-accent-selected: var(--color-neutral-1700);--color-component-button-suggestion-border-default: var(--color-neutral-1500);--color-component-button-suggestion-border-hover: var(--color-neutral-1100);--color-component-button-suggestion-border-pressed: var(--color-neutral-1100);--color-component-button-suggestion-border-selected: var(--color-olive-500);--color-icon-branding-surface: var(--color-neutral-1800);--color-icon-error-default: var(--color-red-600);--color-icon-error-hover: var(--color-red-500);--color-icon-error-pressed: var(--color-red-800);--color-icon-neutral-black: var(--color-neutral-1700);--color-icon-neutral-default: var(--color-neutral-200);--color-icon-neutral-disabled: var(--color-neutral-1050);--color-icon-neutral-hover: var(--color-neutral-300);--color-icon-neutral-neutral: var(--color-neutral-900);--color-icon-neutral-on-default: var(--color-neutral-200);--color-icon-neutral-on-disabled: var(--color-neutral-600);--color-icon-neutral-on-icon: var(--color-neutral-1700);--color-icon-neutral-on-pressed: var(--color-neutral-400);--color-icon-neutral-pressed: var(--color-neutral-400);--color-icon-neutral-white: var(--color-neutral-100);--color-icon-primary-default: var(--color-olive-600);--color-icon-primary-hover: var(--color-olive-700);--color-icon-primary-on-default: var(--color-olive-600);--color-icon-primary-on-hover: var(--color-olive-200);--color-icon-primary-on-pressed: var(--color-olive-500);--color-icon-primary-pressed: var(--color-olive-900);--color-icon-success-default: var(--color-green-600);--color-icon-success-hover: var(--color-green-500);--color-icon-success-pressed: var(--color-green-1000);--color-icon-warning-default: var(--color-yellow-600);--color-icon-warning-hover: var(--color-yellow-400);--color-icon-warning-pressed: var(--color-yellow-1000);--color-text-branding-surface: var(--color-neutral-1800);--color-text-error-default: var(--color-red-600);--color-text-error-hover: var(--color-red-500);--color-text-error-pressed: var(--color-red-800);--color-text-neutral-black: var(--color-neutral-1700);--color-text-neutral-default: var(--color-neutral-400);--color-text-neutral-disabled: var(--color-neutral-1050);--color-text-neutral-hover: var(--color-neutral-300);--color-text-neutral-neutral: var(--color-neutral-400);--color-text-neutral-on-default: var(--color-neutral-400);--color-text-neutral-on-disabled: var(--color-neutral-600);--color-text-neutral-on-pressed: var(--color-neutral-400);--color-text-neutral-on-text: var(--color-neutral-1700);--color-text-neutral-pressed: var(--color-neutral-400);--color-text-neutral-white: var(--color-neutral-100);--color-text-primary-default: var(--color-olive-600);--color-text-primary-hover: var(--color-olive-700);--color-text-primary-on-default: var(--color-olive-600);--color-text-primary-on-hover: var(--color-olive-200);--color-text-primary-on-pressed: var(--color-olive-500);--color-text-primary-pressed: var(--color-olive-900);--color-text-success-default: var(--color-green-600);--color-text-success-hover: var(--color-green-500);--color-text-success-pressed: var(--color-green-1000);--color-text-warning-default: var(--color-yellow-600);--color-text-warning-hover: var(--color-yellow-400);--color-text-warning-pressed: var(--color-yellow-1000)}:where(:root.light) .theme-globant,.theme-globant-light{color-scheme:light;--color-accent-backdrop-default: var(--color-extra-opacity);--color-accent-branding-surface: var(--color-neutral-1800);--color-accent-error-contrast: var(--color-scarlet-50);--color-accent-error-default: var(--color-scarlet-450);--color-accent-error-hover: var(--color-scarlet-500);--color-accent-error-light: var(--color-scarlet-300);--color-accent-error-lighter: var(--color-scarlet-200);--color-accent-error-pressed: var(--color-scarlet-700);--color-accent-gradient-end: var(--color-extra-lemon);--color-accent-gradient-middle: var(--color-extra-mint);--color-accent-gradient-start: var(--color-extra-greenwood);--color-accent-item-hover: var(--color-avocado-200-90);--color-accent-item-pressed: var(--color-avocado-400);--color-accent-item-selected: var(--color-avocado-300-50);--color-accent-neutral-black: var(--color-neutral-1200);--color-accent-neutral-contrast: var(--color-neutral-500);--color-accent-neutral-default: var(--color-neutral-900);--color-accent-neutral-disabled: var(--color-neutral-700);--color-accent-neutral-hover: var(--color-neutral-1550);--color-accent-neutral-neutral: var(--color-neutral-900);--color-accent-neutral-on-surface: var(--color-neutral-1550);--color-accent-neutral-pressed: var(--color-neutral-200);--color-accent-neutral-tooltip: var(--color-neutral-1800);--color-accent-neutral-white: var(--color-neutral-100);--color-accent-primary-contrast: var(--color-avocado-300);--color-accent-primary-dark: var(--color-avocado-1200);--color-accent-primary-default: var(--color-avocado-600);--color-accent-primary-hover: var(--color-avocado-900);--color-accent-primary-light: var(--color-avocado-300);--color-accent-primary-lighter: var(--color-avocado-200);--color-accent-primary-on-default: var(--color-avocado-300);--color-accent-primary-on-hover: var(--color-avocado-1000);--color-accent-primary-on-pressed: var(--color-neutral-300);--color-accent-primary-pressed: var(--color-avocado-1100);--color-accent-shadow-default: var(--color-extra-shadow);--color-accent-success-contrast: var(--color-chateau-100);--color-accent-success-default: var(--color-chateau-500);--color-accent-success-hover: var(--color-chateau-800);--color-accent-success-light: var(--color-chateau-400);--color-accent-success-lighter: var(--color-chateau-200);--color-accent-success-pressed: var(--color-chateau-900);--color-accent-surface-elevation-1: var(--color-neutral-300);--color-accent-surface-elevation-2: var(--color-neutral-200);--color-accent-surface-elevation-3: var(--color-neutral-350);--color-accent-surface-elevation-answer: var(--color-neutral-500);--color-accent-surface-surface: var(--color-neutral-100);--color-accent-toast-error: var(--color-scarlet-300);--color-accent-toast-info: var(--color-azure-300);--color-accent-toast-neutral: var(--color-neutral-500);--color-accent-toast-success: var(--color-chateau-300);--color-accent-toast-warning: var(--color-ember-300);--color-accent-warning-contrast: var(--color-ember-100);--color-accent-warning-default: var(--color-ember-400);--color-accent-warning-hover: var(--color-ember-600);--color-accent-warning-light: var(--color-ember-300);--color-accent-warning-lighter: var(--color-ember-200);--color-accent-warning-pressed: var(--color-ember-800);--color-border-branding-surface: var(--color-neutral-1400);--color-border-error-dark: var(--color-scarlet-200);--color-border-error-default: var(--color-scarlet-450);--color-border-error-hover: var(--color-scarlet-500);--color-border-error-light: var(--color-scarlet-300);--color-border-error-lighter: var(--color-scarlet-200);--color-border-error-pressed: var(--color-scarlet-700);--color-border-item-hover: var(--color-neutral-700);--color-border-item-pressed: var(--color-avocado-400);--color-border-item-selected: var(--color-avocado-600);--color-border-neutral-black: var(--color-neutral-1300);--color-border-neutral-default: var(--color-neutral-800);--color-border-neutral-disabled: var(--color-neutral-1200);--color-border-neutral-hover: var(--color-neutral-1550);--color-border-neutral-neutral: var(--color-neutral-900);--color-border-neutral-on-border: var(--color-neutral-1550);--color-border-neutral-pressed: var(--color-neutral-1500);--color-border-neutral-white: var(--color-neutral-100);--color-border-primary-dark: var(--color-avocado-1200);--color-border-primary-default: var(--color-avocado-700);--color-border-primary-focused: var(--color-avocado-1100);--color-border-primary-hover: var(--color-avocado-900);--color-border-primary-light: var(--color-avocado-300);--color-border-primary-lighter: var(--color-avocado-200);--color-border-primary-on-default: var(--color-avocado-300);--color-border-primary-on-hover: var(--color-avocado-1000);--color-border-primary-on-pressed: var(--color-neutral-300);--color-border-primary-pressed: var(--color-avocado-900);--color-border-success-dark: var(--color-chateau-200);--color-border-success-default: var(--color-chateau-500);--color-border-success-hover: var(--color-chateau-800);--color-border-success-light: var(--color-chateau-400);--color-border-success-lighter: var(--color-chateau-200);--color-border-success-pressed: var(--color-chateau-900);--color-border-surface-on-elevation-1: var(--color-neutral-600);--color-border-surface-on-elevation-2: var(--color-neutral-700);--color-border-surface-on-elevation-3: var(--color-neutral-600);--color-border-surface-on-surface: var(--color-neutral-500);--color-border-warning-dark: var(--color-ember-200);--color-border-warning-default: var(--color-ember-400);--color-border-warning-hover: var(--color-ember-600);--color-border-warning-light: var(--color-ember-300);--color-border-warning-lighter: var(--color-ember-200);--color-border-warning-pressed: var(--color-ember-800);--color-component-button-suggestion-accent-default: var(--color-neutral-200);--color-component-button-suggestion-accent-hover: var(--color-avocado-400);--color-component-button-suggestion-accent-pressed: var(--color-neutral-350);--color-component-button-suggestion-accent-selected: var(--color-avocado-200);--color-component-button-suggestion-border-default: var(--color-neutral-700);--color-component-button-suggestion-border-hover: var(--color-avocado-700);--color-component-button-suggestion-border-pressed: var(--color-neutral-900);--color-component-button-suggestion-border-selected: var(--color-avocado-700);--color-icon-branding-surface: var(--color-neutral-100);--color-icon-error-default: var(--color-scarlet-800);--color-icon-error-hover: var(--color-scarlet-500);--color-icon-error-pressed: var(--color-scarlet-700);--color-icon-neutral-black: var(--color-neutral-1700);--color-icon-neutral-default: var(--color-neutral-1400);--color-icon-neutral-disabled: var(--color-neutral-1050);--color-icon-neutral-hover: var(--color-neutral-1550);--color-icon-neutral-neutral: var(--color-neutral-900);--color-icon-neutral-on-default: var(--color-neutral-200);--color-icon-neutral-on-disabled: var(--color-neutral-1100);--color-icon-neutral-on-icon: var(--color-neutral-200);--color-icon-neutral-on-pressed: var(--color-neutral-400);--color-icon-neutral-pressed: var(--color-neutral-1450);--color-icon-neutral-white: var(--color-neutral-100);--color-icon-primary-default: var(--color-avocado-600);--color-icon-primary-hover: var(--color-avocado-700);--color-icon-primary-on-default: var(--color-avocado-900);--color-icon-primary-on-hover: var(--color-avocado-200);--color-icon-primary-on-pressed: var(--color-avocado-1000);--color-icon-primary-pressed: var(--color-avocado-1200);--color-icon-success-default: var(--color-chateau-800);--color-icon-success-hover: var(--color-chateau-700);--color-icon-success-pressed: var(--color-chateau-900);--color-icon-warning-default: var(--color-ember-800);--color-icon-warning-hover: var(--color-ember-600);--color-icon-warning-pressed: var(--color-ember-900);--color-text-branding-surface: var(--color-neutral-100);--color-text-error-default: var(--color-scarlet-700);--color-text-error-hover: var(--color-scarlet-500);--color-text-error-pressed: var(--color-scarlet-600);--color-text-neutral-black: var(--color-neutral-1700);--color-text-neutral-default: var(--color-neutral-1400);--color-text-neutral-disabled: var(--color-neutral-1050);--color-text-neutral-hover: var(--color-neutral-1550);--color-text-neutral-neutral: var(--color-neutral-900);--color-text-neutral-on-default: var(--color-neutral-200);--color-text-neutral-on-disabled: var(--color-neutral-1100);--color-text-neutral-on-pressed: var(--color-neutral-400);--color-text-neutral-on-text: var(--color-neutral-200);--color-text-neutral-pressed: var(--color-neutral-1450);--color-text-neutral-white: var(--color-neutral-100);--color-text-primary-default: var(--color-avocado-700);--color-text-primary-hover: var(--color-avocado-700);--color-text-primary-on-default: var(--color-avocado-900);--color-text-primary-on-hover: var(--color-avocado-1000);--color-text-primary-on-pressed: var(--color-avocado-1000);--color-text-primary-pressed: var(--color-avocado-1200);--color-text-success-default: var(--color-chateau-800);--color-text-success-hover: var(--color-chateau-700);--color-text-success-pressed: var(--color-chateau-900);--color-text-warning-default: var(--color-ember-800);--color-text-warning-hover: var(--color-ember-600);--color-text-warning-pressed: var(--color-ember-800)}
package/dist/bundles/css/scope/theme-mercury.css ADDED
@@ -0,0 +1 @@
1
+ @keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.theme-mercury,.theme-mercury-light,.theme-mercury-dark{--color-azure-50: #eaf3fe;--color-azure-100: #e1eefe;--color-azure-200: #c6dffd;--color-azure-300: #9cc8fc;--color-azure-400: #3791fb;--color-azure-500: #0a7cff;--color-azure-600: #0072f8;--color-azure-700: #0049cd;--color-azure-750: #1f52ae;--color-azure-800: #0034b1;--color-azure-900: #002da8;--color-azure-1000: #173d82;--color-azure-200-90: rgba(198, 223, 253, 0.9);--color-azure-300-40: rgba(156, 200, 252, 0.4);--color-chateau-50: #e0f6e7;--color-chateau-100: #b9eaca;--color-chateau-200: #92dead;--color-chateau-300: #72d495;--color-chateau-400: #4fca7a;--color-chateau-500: #35b061;--color-chateau-600: #2d9552;--color-chateau-700: #247541;--color-chateau-800: #1c5e34;--color-chateau-900: #154627;--color-ember-50: #fffbeb;--color-ember-100: #fff9e0;--color-ember-200: #ffeda3;--color-ember-300: #ffe370;--color-ember-400: #ffdd52;--color-ember-500: #ffcd00;--color-ember-600: #cca400;--color-ember-700: #997b00;--color-ember-800: #665200;--color-ember-900: #3d3100;--color-extra-berry: #5ba7ff;--color-extra-opacity: rgba(23, 23, 23, 0.7);--color-extra-purple: #cf7aff;--color-extra-shadow: rgba(0, 0, 0, 0.8);--color-extra-sky: #00ccff;--color-green-100: #eef5f4;--color-green-200: #ddebe9;--color-green-300: #cae0dd;--color-green-400: #b4d5d0;--color-green-500: #9cc9c2;--color-green-600: #3fa89b;--color-green-700: #389287;--color-green-800: #318278;--color-green-900: #286a62;--color-green-1000: #1c4b45;--color-green-1300: #112d29;--color-lilac-50: #f9fafa;--color-lilac-100: #f8f9fc;--color-lilac-200: #edf0f8;--color-lilac-250: #e2e7f4;--color-lilac-300: #dee1ed;--color-lilac-400: #d5daeb;--color-lilac-500: #c8d0e9;--color-lilac-600: #c2cbe6;--color-lilac-700: #bcc5e4;--color-lilac-800: #b7c2e2;--color-lilac-900: #9babd9;--color-neutral-100: #fafbfd;--color-neutral-200: #f0f4fa;--color-neutral-300: #e1ecf9;--color-neutral-400: #d2ddeb;--color-neutral-500: #c0ccd9;--color-neutral-600: #aeb9c6;--color-neutral-700: #9da9b6;--color-neutral-800: #828b96;--color-neutral-900: #56677a;--color-neutral-1000: #4a5870;--color-neutral-1050: #405975;--color-neutral-1100: #485665;--color-neutral-1200: #394552;--color-neutral-1300: #333d47;--color-neutral-1400: #2d3a48;--color-neutral-1450: #243750;--color-neutral-1500: #242d3c;--color-neutral-1550: #17273b;--color-neutral-1600: #181f2a;--color-neutral-1700: #11151c;--color-neutral-1800: #000000;--color-neutral-000: #ffffff;--color-neutral-1050-50: rgba(64, 89, 117, 0.5);--color-neutral-1450-50: #243750;--color-primary-100: #f4f8ff;--color-primary-200: #ebf0ff;--color-primary-300: #cee0ff;--color-primary-400: #b0cfff;--color-primary-500: #8cbcff;--color-primary-550: #75aef0;--color-primary-580: #729fd5;--color-primary-600: #5ba7ff;--color-primary-700: #5498e8;--color-primary-800: #437dc0;--color-primary-900: #335884;--color-primary-1000: #294b72;--color-primary-1100: #005ac1;--color-primary-1200: #003066;--color-primary-1300: #101e2d;--color-red-100: #fcf4f4;--color-red-200: #f8dfe0;--color-red-300: #f4cdcf;--color-red-400: #eda4a7;--color-red-500: #e98b8f;--color-red-600: #e35861;--color-red-700: #d54b54;--color-red-800: #a63a41;--color-red-900: #883035;--color-red-1000: #6d272b;--color-red-1300: #2d1012;--color-scarlet-50: #fee6e6;--color-scarlet-100: #fdcece;--color-scarlet-200: #fcb5b5;--color-scarlet-300: #fb9d9d;--color-scarlet-400: #f96c6c;--color-scarlet-450: #f83a3a;--color-scarlet-500: #c50707;--color-scarlet-600: #ac0606;--color-scarlet-700: #8a0505;--color-scarlet-800: #6c0404;--color-scarlet-900: #4f0303;--color-yellow-100: #fffbf6;--color-yellow-200: #fef1e3;--color-yellow-300: #fde8cf;--color-yellow-400: #fcdeb8;--color-yellow-500: #fac980;--color-yellow-600: #f9bd56;--color-yellow-700: #ffc96b;--color-yellow-800: #ecaf44;--color-yellow-900: #b97d13;--color-yellow-1000: #6f4b0b;--color-yellow-1300: #382606;--control-block-size: 32px;--control-padding-block: calc( var(--spacing-padding-s) - var(--control-border-width) );--control-padding-inline: var(--spacing-padding-m);--control-bg-color: transparent;--control-border-color: var(--color-border-neutral-default);--control-border-width: var(--size-1);--control-border-radius: var(--border-radius-s)}:where(:root.dark) .theme-mercury,.theme-mercury-dark{color-scheme:dark;--color-accent-backdrop-default: var(--color-extra-opacity);--color-accent-branding-surface: var(--color-neutral-100);--color-accent-error-contrast: var(--color-red-1300);--color-accent-error-default: var(--color-red-600);--color-accent-error-hover: var(--color-red-500);--color-accent-error-light: var(--color-red-400);--color-accent-error-lighter: var(--color-red-300);--color-accent-error-pressed: var(--color-red-800);--color-accent-gradient-end: var(--color-extra-purple);--color-accent-gradient-middle: var(--color-extra-berry);--color-accent-gradient-start: var(--color-extra-sky);--color-accent-item-hover: var(--color-neutral-1450-50);--color-accent-item-pressed: var(--color-neutral-1550);--color-accent-item-selected: var(--color-neutral-1050-50);--color-accent-neutral-black: var(--color-neutral-1700);--color-accent-neutral-contrast: var(--color-neutral-1450);--color-accent-neutral-default: var(--color-neutral-900);--color-accent-neutral-disabled: var(--color-neutral-1300);--color-accent-neutral-hover: var(--color-neutral-300);--color-accent-neutral-neutral: var(--color-neutral-600);--color-accent-neutral-on-surface: var(--color-neutral-100);--color-accent-neutral-pressed: var(--color-neutral-600);--color-accent-neutral-tooltip: var(--color-neutral-1100);--color-accent-neutral-white: var(--color-neutral-100);--color-accent-primary-contrast: var(--color-primary-1300);--color-accent-primary-dark: var(--color-primary-1100);--color-accent-primary-default: var(--color-primary-600);--color-accent-primary-hover: var(--color-neutral-1450);--color-accent-primary-light: var(--color-primary-500);--color-accent-primary-lighter: var(--color-primary-300);--color-accent-primary-on-default: var(--color-primary-600);--color-accent-primary-on-hover: var(--color-primary-400);--color-accent-primary-on-pressed: var(--color-neutral-200);--color-accent-primary-pressed: var(--color-primary-800);--color-accent-shadow-default: var(--color-extra-shadow);--color-accent-success-contrast: var(--color-green-1300);--color-accent-success-default: var(--color-green-600);--color-accent-success-hover: var(--color-green-500);--color-accent-success-light: var(--color-green-400);--color-accent-success-lighter: var(--color-green-300);--color-accent-success-pressed: var(--color-green-1000);--color-accent-surface-elevation-1: var(--color-neutral-1600);--color-accent-surface-elevation-2: var(--color-neutral-1500);--color-accent-surface-elevation-3: var(--color-neutral-1400);--color-accent-surface-elevation-answer: var(--color-neutral-1450);--color-accent-surface-surface: var(--color-neutral-1700);--color-accent-toast-error: var(--color-scarlet-300);--color-accent-toast-info: var(--color-azure-300);--color-accent-toast-neutral: var(--color-neutral-1400);--color-accent-toast-success: var(--color-chateau-300);--color-accent-toast-warning: var(--color-ember-300);--color-accent-warning-contrast: var(--color-yellow-1300);--color-accent-warning-default: var(--color-yellow-600);--color-accent-warning-hover: var(--color-yellow-400);--color-accent-warning-light: var(--color-yellow-400);--color-accent-warning-lighter: var(--color-yellow-300);--color-accent-warning-pressed: var(--color-yellow-1000);--color-border-branding-surface: var(--color-neutral-1700);--color-border-error-dark: var(--color-red-1300);--color-border-error-default: var(--color-red-600);--color-border-error-hover: var(--color-red-500);--color-border-error-light: var(--color-red-500);--color-border-error-lighter: var(--color-red-300);--color-border-error-pressed: var(--color-red-800);--color-border-item-hover: var(--color-neutral-1050);--color-border-item-pressed: var(--color-primary-900);--color-border-item-selected: var(--color-primary-600);--color-border-neutral-black: var(--color-neutral-1700);--color-border-neutral-default: var(--color-neutral-900);--color-border-neutral-disabled: var(--color-neutral-800);--color-border-neutral-hover: var(--color-neutral-300);--color-border-neutral-neutral: var(--color-neutral-600);--color-border-neutral-on-border: var(--color-neutral-100);--color-border-neutral-pressed: var(--color-neutral-400);--color-border-neutral-white: var(--color-neutral-100);--color-border-primary-dark: var(--color-primary-1300);--color-border-primary-default: var(--color-primary-600);--color-border-primary-focused: var(--color-neutral-000);--color-border-primary-hover: var(--color-primary-400);--color-border-primary-light: var(--color-primary-500);--color-border-primary-lighter: var(--color-primary-300);--color-border-primary-on-default: var(--color-primary-600);--color-border-primary-on-hover: var(--color-primary-400);--color-border-primary-on-pressed: var(--color-neutral-400);--color-border-primary-pressed: var(--color-primary-800);--color-border-success-dark: var(--color-green-1300);--color-border-success-default: var(--color-green-600);--color-border-success-hover: var(--color-green-500);--color-border-success-light: var(--color-green-500);--color-border-success-lighter: var(--color-green-300);--color-border-success-pressed: var(--color-green-1000);--color-border-surface-on-elevation-1: var(--color-neutral-1300);--color-border-surface-on-elevation-2: var(--color-neutral-1100);--color-border-surface-on-elevation-3: var(--color-neutral-900);--color-border-surface-on-surface: var(--color-neutral-1200);--color-border-warning-dark: var(--color-yellow-1300);--color-border-warning-default: var(--color-yellow-600);--color-border-warning-hover: var(--color-yellow-400);--color-border-warning-light: var(--color-yellow-400);--color-border-warning-lighter: var(--color-yellow-300);--color-border-warning-pressed: var(--color-yellow-1000);--color-component-button-suggestion-accent-default: var(--color-neutral-1700);--color-component-button-suggestion-accent-hover: var(--color-neutral-1500);--color-component-button-suggestion-accent-pressed: var(--color-neutral-1600);--color-component-button-suggestion-accent-selected: var(--color-neutral-1700);--color-component-button-suggestion-border-default: var(--color-neutral-1450);--color-component-button-suggestion-border-hover: var(--color-neutral-1100);--color-component-button-suggestion-border-pressed: var(--color-neutral-1100);--color-component-button-suggestion-border-selected: var(--color-primary-600);--color-icon-branding-surface: var(--color-neutral-1800);--color-icon-error-default: var(--color-red-600);--color-icon-error-hover: var(--color-red-500);--color-icon-error-pressed: var(--color-red-800);--color-icon-neutral-black: var(--color-neutral-1700);--color-icon-neutral-default: var(--color-neutral-200);--color-icon-neutral-disabled: var(--color-neutral-800);--color-icon-neutral-hover: var(--color-neutral-300);--color-icon-neutral-neutral: var(--color-neutral-400);--color-icon-neutral-on-default: var(--color-neutral-200);--color-icon-neutral-on-disabled: var(--color-neutral-600);--color-icon-neutral-on-icon: var(--color-neutral-1700);--color-icon-neutral-on-pressed: var(--color-neutral-400);--color-icon-neutral-pressed: var(--color-neutral-400);--color-icon-neutral-white: var(--color-neutral-100);--color-icon-primary-default: var(--color-primary-600);--color-icon-primary-hover: var(--color-primary-400);--color-icon-primary-on-default: var(--color-primary-600);--color-icon-primary-on-hover: var(--color-primary-400);--color-icon-primary-on-pressed: var(--color-primary-500);--color-icon-primary-pressed: var(--color-primary-800);--color-icon-success-default: var(--color-green-600);--color-icon-success-hover: var(--color-green-500);--color-icon-success-pressed: var(--color-green-1000);--color-icon-warning-default: var(--color-yellow-600);--color-icon-warning-hover: var(--color-yellow-400);--color-icon-warning-pressed: var(--color-yellow-1000);--color-text-branding-surface: var(--color-neutral-1800);--color-text-error-default: var(--color-red-600);--color-text-error-hover: var(--color-red-500);--color-text-error-pressed: var(--color-red-800);--color-text-neutral-black: var(--color-neutral-1700);--color-text-neutral-default: var(--color-neutral-200);--color-text-neutral-disabled: var(--color-neutral-800);--color-text-neutral-hover: var(--color-neutral-300);--color-text-neutral-neutral: var(--color-neutral-400);--color-text-neutral-on-default: var(--color-neutral-200);--color-text-neutral-on-disabled: var(--color-neutral-600);--color-text-neutral-on-pressed: var(--color-neutral-400);--color-text-neutral-on-text: var(--color-neutral-1700);--color-text-neutral-pressed: var(--color-neutral-400);--color-text-neutral-white: var(--color-neutral-100);--color-text-primary-default: var(--color-primary-600);--color-text-primary-hover: var(--color-primary-400);--color-text-primary-on-default: var(--color-primary-600);--color-text-primary-on-hover: var(--color-primary-400);--color-text-primary-on-pressed: var(--color-primary-500);--color-text-primary-pressed: var(--color-primary-800);--color-text-success-default: var(--color-green-600);--color-text-success-hover: var(--color-green-500);--color-text-success-pressed: var(--color-green-1000);--color-text-warning-default: var(--color-yellow-600);--color-text-warning-hover: var(--color-yellow-400);--color-text-warning-pressed: var(--color-yellow-1000)}:where(:root.light) .theme-mercury,.theme-mercury-light{color-scheme:light;--color-accent-backdrop-default: var(--color-extra-opacity);--color-accent-branding-surface: var(--color-neutral-1800);--color-accent-error-contrast: var(--color-scarlet-50);--color-accent-error-default: var(--color-scarlet-450);--color-accent-error-hover: var(--color-scarlet-500);--color-accent-error-light: var(--color-scarlet-300);--color-accent-error-lighter: var(--color-scarlet-200);--color-accent-error-pressed: var(--color-scarlet-700);--color-accent-gradient-end: var(--color-extra-purple);--color-accent-gradient-middle: var(--color-extra-berry);--color-accent-gradient-start: var(--color-extra-sky);--color-accent-item-hover: var(--color-azure-200-90);--color-accent-item-pressed: var(--color-azure-300);--color-accent-item-selected: var(--color-azure-300-40);--color-accent-neutral-black: var(--color-primary-1300);--color-accent-neutral-contrast: var(--color-neutral-500);--color-accent-neutral-default: var(--color-neutral-700);--color-accent-neutral-disabled: var(--color-neutral-400);--color-accent-neutral-hover: var(--color-neutral-1550);--color-accent-neutral-neutral: var(--color-neutral-900);--color-accent-neutral-on-surface: var(--color-primary-1300);--color-accent-neutral-pressed: var(--color-neutral-200);--color-accent-neutral-tooltip: var(--color-neutral-1800);--color-accent-neutral-white: var(--color-neutral-100);--color-accent-primary-contrast: var(--color-primary-100);--color-accent-primary-dark: var(--color-azure-800);--color-accent-primary-default: var(--color-azure-600);--color-accent-primary-hover: var(--color-azure-300);--color-accent-primary-light: var(--color-azure-100);--color-accent-primary-lighter: var(--color-azure-300);--color-accent-primary-on-default: var(--color-azure-300);--color-accent-primary-on-hover: var(--color-azure-800);--color-accent-primary-on-pressed: var(--color-neutral-300);--color-accent-primary-pressed: var(--color-azure-1000);--color-accent-shadow-default: var(--color-extra-shadow);--color-accent-success-contrast: var(--color-chateau-50);--color-accent-success-default: var(--color-chateau-500);--color-accent-success-hover: var(--color-chateau-800);--color-accent-success-light: var(--color-chateau-400);--color-accent-success-lighter: var(--color-chateau-200);--color-accent-success-pressed: var(--color-chateau-900);--color-accent-surface-elevation-1: var(--color-lilac-200);--color-accent-surface-elevation-2: var(--color-lilac-250);--color-accent-surface-elevation-3: var(--color-lilac-400);--color-accent-surface-elevation-answer: var(--color-lilac-600);--color-accent-surface-surface: var(--color-lilac-50);--color-accent-toast-error: var(--color-scarlet-300);--color-accent-toast-info: var(--color-azure-300);--color-accent-toast-neutral: var(--color-neutral-500);--color-accent-toast-success: var(--color-chateau-300);--color-accent-toast-warning: var(--color-ember-300);--color-accent-warning-contrast: var(--color-ember-50);--color-accent-warning-default: var(--color-ember-400);--color-accent-warning-hover: var(--color-ember-600);--color-accent-warning-light: var(--color-ember-300);--color-accent-warning-lighter: var(--color-ember-200);--color-accent-warning-pressed: var(--color-ember-800);--color-border-branding-surface: var(--color-neutral-1400);--color-border-error-dark: var(--color-scarlet-200);--color-border-error-default: var(--color-scarlet-450);--color-border-error-hover: var(--color-scarlet-500);--color-border-error-light: var(--color-scarlet-300);--color-border-error-lighter: var(--color-scarlet-200);--color-border-error-pressed: var(--color-scarlet-700);--color-border-item-hover: var(--color-azure-200);--color-border-item-pressed: var(--color-azure-300);--color-border-item-selected: var(--color-azure-600);--color-border-neutral-black: var(--color-neutral-1700);--color-border-neutral-default: var(--color-neutral-700);--color-border-neutral-disabled: var(--color-neutral-700);--color-border-neutral-hover: var(--color-neutral-1550);--color-border-neutral-neutral: var(--color-neutral-900);--color-border-neutral-on-border: var(--color-primary-1300);--color-border-neutral-pressed: var(--color-neutral-1500);--color-border-neutral-white: var(--color-neutral-100);--color-border-primary-dark: var(--color-azure-900);--color-border-primary-default: var(--color-azure-600);--color-border-primary-focused: var(--color-azure-900);--color-border-primary-hover: var(--color-azure-400);--color-border-primary-light: var(--color-azure-100);--color-border-primary-lighter: var(--color-azure-50);--color-border-primary-on-default: var(--color-azure-300);--color-border-primary-on-hover: var(--color-azure-800);--color-border-primary-on-pressed: var(--color-neutral-300);--color-border-primary-pressed: var(--color-azure-700);--color-border-success-dark: var(--color-chateau-50);--color-border-success-default: var(--color-chateau-500);--color-border-success-hover: var(--color-chateau-800);--color-border-success-light: var(--color-chateau-400);--color-border-success-lighter: var(--color-chateau-200);--color-border-success-pressed: var(--color-chateau-900);--color-border-surface-on-elevation-1: var(--color-lilac-400);--color-border-surface-on-elevation-2: var(--color-lilac-500);--color-border-surface-on-elevation-3: var(--color-lilac-600);--color-border-surface-on-surface: var(--color-lilac-300);--color-border-warning-dark: var(--color-ember-200);--color-border-warning-default: var(--color-ember-400);--color-border-warning-hover: var(--color-ember-600);--color-border-warning-light: var(--color-ember-300);--color-border-warning-lighter: var(--color-ember-200);--color-border-warning-pressed: var(--color-ember-800);--color-component-button-suggestion-accent-default: var(--color-neutral-300);--color-component-button-suggestion-accent-hover: var(--color-neutral-400);--color-component-button-suggestion-accent-pressed: var(--color-neutral-500);--color-component-button-suggestion-accent-selected: var(--color-neutral-300);--color-component-button-suggestion-border-default: var(--color-neutral-500);--color-component-button-suggestion-border-hover: var(--color-neutral-600);--color-component-button-suggestion-border-pressed: var(--color-neutral-600);--color-component-button-suggestion-border-selected: var(--color-azure-600);--color-icon-branding-surface: var(--color-neutral-100);--color-icon-error-default: var(--color-scarlet-800);--color-icon-error-hover: var(--color-scarlet-500);--color-icon-error-pressed: var(--color-scarlet-700);--color-icon-neutral-black: var(--color-neutral-1700);--color-icon-neutral-default: var(--color-neutral-1400);--color-icon-neutral-disabled: var(--color-neutral-800);--color-icon-neutral-hover: var(--color-neutral-1550);--color-icon-neutral-neutral: var(--color-neutral-900);--color-icon-neutral-on-default: var(--color-neutral-200);--color-icon-neutral-on-disabled: var(--color-neutral-1000);--color-icon-neutral-on-icon: var(--color-neutral-100);--color-icon-neutral-on-pressed: var(--color-neutral-400);--color-icon-neutral-pressed: var(--color-neutral-1450);--color-icon-neutral-white: var(--color-neutral-100);--color-icon-primary-default: var(--color-azure-600);--color-icon-primary-hover: var(--color-azure-400);--color-icon-primary-on-default: var(--color-azure-900);--color-icon-primary-on-hover: var(--color-azure-800);--color-icon-primary-on-pressed: var(--color-azure-400);--color-icon-primary-pressed: var(--color-azure-750);--color-icon-success-default: var(--color-chateau-800);--color-icon-success-hover: var(--color-chateau-700);--color-icon-success-pressed: var(--color-chateau-900);--color-icon-warning-default: var(--color-ember-800);--color-icon-warning-hover: var(--color-ember-600);--color-icon-warning-pressed: var(--color-ember-900);--color-text-branding-surface: var(--color-neutral-100);--color-text-error-default: var(--color-scarlet-800);--color-text-error-hover: var(--color-scarlet-500);--color-text-error-pressed: var(--color-scarlet-700);--color-text-neutral-black: var(--color-neutral-1700);--color-text-neutral-default: var(--color-neutral-1400);--color-text-neutral-disabled: var(--color-neutral-800);--color-text-neutral-hover: var(--color-neutral-1550);--color-text-neutral-neutral: var(--color-neutral-900);--color-text-neutral-on-default: var(--color-neutral-200);--color-text-neutral-on-disabled: var(--color-neutral-1000);--color-text-neutral-on-pressed: var(--color-neutral-400);--color-text-neutral-on-text: var(--color-neutral-200);--color-text-neutral-pressed: var(--color-neutral-1550);--color-text-neutral-white: var(--color-neutral-100);--color-text-primary-default: var(--color-azure-600);--color-text-primary-hover: var(--color-azure-400);--color-text-primary-on-default: var(--color-azure-900);--color-text-primary-on-hover: var(--color-azure-800);--color-text-primary-on-pressed: var(--color-azure-400);--color-text-primary-pressed: var(--color-azure-750);--color-text-success-default: var(--color-chateau-800);--color-text-success-hover: var(--color-chateau-700);--color-text-success-pressed: var(--color-chateau-900);--color-text-warning-default: var(--color-ember-800);--color-text-warning-hover: var(--color-ember-600);--color-text-warning-pressed: var(--color-ember-800)}
package/dist/bundles/css/utils/form--full.css CHANGED
@@ -1 +1 @@
1
- .label,.radio-group::part(radio__label),.combo-box,.combo-box::part(group__header),.checkbox::part(label),.input,.combo-box[part=ch-combo-box-render--placeholder],.input[part*=ch-edit--empty-value],.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-tertiary{font-family:var(--font-family-body)}.label,.radio-group::part(radio__label),.combo-box,.combo-box::part(group__header),.checkbox::part(label),.input,.combo-box[part=ch-combo-box-render--placeholder],.input[part*=ch-edit--empty-value],.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-tertiary{font-size:var(--font-size-body-m);line-height:round(1em*var(--line-height-relaxed),1px)}.combo-box,.input{font-weight:var(--font-style-regular)}.label,.radio-group::part(radio__label),.combo-box::part(group__header),.checkbox::part(label),.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-tertiary{font-weight:var(--font-style-semi-bold)}.combo-box[part=ch-combo-box-render--placeholder],.input[part*=ch-edit--empty-value]{font-weight:var(--font-style-regular);font-style:italic}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.button-tertiary,.button-secondary,.button-primary,.button-primary-destructive,.button-primary-success{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;border-width:var(--control-border-width);border-style:var(--control-border-style);border-color:var(--control-border-color);border-radius:var(--control-border-radius);box-sizing:border-box;background-color:var(--button-background-color);color:var(--button-color)}.button-primary:focus-visible,.button-primary-destructive:focus-visible,.button-primary-success:focus-visible,.button-secondary:focus-visible,.button-tertiary:focus-visible{outline:var(--focus-outline-width) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}.button-primary,.button-primary-destructive,.button-primary-success{padding-block:var(--control-padding-block);padding-inline:var(--control-padding-inline);--button-background-color: var(--color-accent-primary-default);--button-color: var(--color-text-neutral-on-text);--control-border-color: var(--button-background-color)}.button-primary:hover{--button-background-color: var(--color-accent-item-hover);--button-color: var(--color-text-primary-on-hover)}.button-primary:active{--button-background-color: var(--color-accent-primary-pressed);--button-color: var(--color-text-neutral-on-pressed)}.button-primary:disabled,.button-primary-destructive:disabled,.button-primary-success:disabled{--button-background-color: var(--color-accent-neutral-disabled);--button-color: var(--color-text-neutral-on-disabled)}.button-primary-destructive{--button-background-color: var(--color-accent-error-default);--button-color: var(--color-text-neutral-on-text)}.button-primary-destructive:hover{--button-background-color: var(--color-accent-error-hover);--button-color: var(--color-text-neutral-on-text)}.button-primary-destructive:active{--button-background-color: var(--color-accent-error-pressed);--button-color: var(--color-text-neutral-default)}.button-primary-success{--button-background-color: var(--color-accent-success-default);--button-color: var(--color-text-neutral-on-text)}.button-primary-success:hover{--button-background-color: var(--color-accent-success-hover);--button-color: var(--color-text-neutral-on-text)}.button-primary-success:active{--button-background-color: var(--color-accent-success-pressed);--button-color: var(--color-text-neutral-default)}.button-secondary{padding-block:var(--control-padding-block);padding-inline:var(--control-padding-inline);--button-background-color: transparent;--button-color: var(--color-text-neutral-default);--control-border-color: var(--color-border-neutral-default)}.button-secondary:hover{--button-color: var(--color-text-primary-hover);--control-border-color: var(--color-border-primary-hover)}.button-secondary:active{--control-border-color: var(--color-border-primary-pressed);--button-color: var(--color-text-primary-pressed)}.button-secondary:disabled{--button-color: var(--color-text-neutral-disabled);--control-border-color: var(--color-border-neutral-disabled)}.button-tertiary{padding-block:var(--control-padding-block);--button-background-color: transparent;--control-border-color: transparent;--button-color: var(--color-text-primary-default)}.button-tertiary:hover{--button-color: var(--color-text-primary-hover)}.button-tertiary:active{--button-color: var(--color-text-primary-pressed)}.button-tertiary:disabled{--button-color: var(--color-text-neutral-disabled)}.buttons-spacer{display:flex;gap:var(--size-8)}.field{display:grid}.field-group,.field-group-inline{--spacing-body-block-start: var(--size-16);--spacing-body-block-end: var(--size-16);--spacing-body-inline-start: var(--size-16);--spacing-body-inline-end: var(--size-16);row-gap:var(--field-group-row-gap);column-gap:var(--field-group-column-gap)}.field-group{display:grid}.field-group-inline{display:flex;flex-wrap:wrap}.field-group-justified-start,.field-group-justified-end{display:grid;column-gap:var(--field-column-gap);row-gap:var(--field-group-row-gap);grid-template-columns:max-content auto}.field-block{row-gap:var(--field-row-gap);grid-template-rows:max-content 1fr}.field-inline{column-gap:var(--field-column-gap);grid-template-columns:max-content 1fr}.field-inline>.label,.field-group-justified-start>.label,.field-group-justified-end>.label{padding-block-start:var(--field-inline-label-space-block-start)}.field-group-justified-end>.label{text-align:end}.button-icon-only{padding:calc((var(--control-block-size) - 2*var(--control-border-width) - var(--icon-box-md))/2);border-width:var(--control-border-width);border-style:var(--control-border-style);border-color:var(--control-border-color);border-radius:var(--control-border-radius)}.button-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--size-8)}.input{--ch-edit-gap: var(--control-icon-gap);--ch-edit__image-size: var(--icon-box-md);--ch-placeholder-color: var(--color-text-neutral-neutral);border-width:var(--control-border-width);border-style:var(--control-border-style);border-color:var(--control-border-color);border-radius:var(--control-border-radius);background-color:var(--control-bg-color);color:var(--control-color);padding-block:var(--control-padding-block);padding-inline:var(--control-padding-inline)}.input:focus{outline:var(--focus-outline-width) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}.input:hover{--control-border-color: var(--control-border-color-hover);--control-color: var(--control-color-hover)}.input:disabled{--control-bg-color: var(--control-background-color-disabled);--control-border-color: var(--control-border-color-disabled);--control-color: var(--control-color-disabled);--ch-placeholder-color: var(--control-placeholder-color--disabled)}.checkbox{--ch-checkbox__container-size: var(--control-tiny-size);--ch-checkbox__option-size: var(--control-tiny-option-checked-size);--ch-checkbox__image-size: var(--icon-box-md);gap:var(--label-gap-inline)}.checkbox:hover{--control-border-color: var(--control-border-color-hover)}.checkbox::part(input disabled){--control-border-color: var(--control-border-color-disabled)}.checkbox:focus{outline:var(--focus-outline-width) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}.checkbox::part(input){border-width:var(--control-border-width);border-style:var(--control-border-style);border-color:var(--control-border-color);border-radius:var(--control-tiny-border-radius)}.checkbox::part(input checked){--control-border-color: var(--control-border-color-checked)}.checkbox::part(option){background-color:var(--control-tiny-option-color)}.checkbox::part(option indeterminate){block-size:var(--size-2);--control-tiny-option-color: var(--control-tiny-option-color-indeterminate)}.checkbox::part(option disabled){--control-tiny-option-color: var(--control-tiny-option-color-disabled)}.checkbox::part(label){color:var(--label-color)}.checkbox:hover{--label-color: var(--label-color-hover)}.checkbox::part(label disabled){--label-color: var(--label-color-disabled)}.combo-box{--ch-combo-box-separation-y: var(--size-2);--ch-combo-box-item-gap: var(--size-8);--ch-combo-box-item__image-size: var(--icon-box-md);--ch-combo-box-item__background-image-size: 100%;--ch-combo-box__picker-size: 18px;--ch-combo-box-group__expandable-button-size: var(--size-16);--ch-combo-box-group__expandable-button-image-size: var(--size-12);--ch-combo-box__picker-color: var(--color-icon-neutral-default);--ch-combo-box__picker-collapsed: var( --icon__system_chevron-small-down_interactive--enabled );--ch-combo-box__picker-expanded: var( --icon__system_chevron-small-down_interactive--enabled );--ch-combo-box__popover-max-block-size: var(--items-container-max-block-size);border-width:var(--control-border-width);border-style:var(--control-border-style);border-color:var(--control-border-color);border-radius:var(--control-border-radius);background-color:var(--control-bg-color);color:var(--control-color);padding-block:var(--control-padding-block);padding-inline:var(--control-padding-inline);padding-inline-end:6px}.combo-box:hover{--ch-combo-box__picker-color: var(--color-icon-primary-hover);--control-border-color: var(--control-border-color-hover);--control-color: var(--control-color-hover)}.combo-box:focus{outline:var(--focus-outline-width) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}.combo-box.ch-disabled{--ch-combo-box__picker-color: var(--color-icon-neutral-on-disabled);--control-bg-color: var(--control-background-color-disabled);--control-border-color: var(--control-border-color-disabled);--control-color: var(--control-color-disabled);--ch-placeholder-color: var(--control-placeholder-color--disabled)}.combo-box.ch-combo-box--expanded::after{transform:rotate(180deg)}.combo-box-error{--control-border-color: var(--control-border-color-error);--control-color: var(--control-color-error)}.combo-box::part(window){border-style:var(--items-container-border-style);border-width:var(--items-container-border-width);border-radius:var(--items-container-border-radius);background-color:var(--elevation-background-color, var(--items-container-bg-color));border-color:var(--elevation-border-color, var(--items-container-border-color));padding-block:var(--items-container-padding-block);padding-inline:var(--items-container-padding-inline);gap:var(--items-container-gap);box-shadow:var(--box-shadow);font-style:normal}.combo-box::part(group__header){background-color:var(--item-bg-color);border-color:var(--item-border-color);color:var(--item-color);padding-block:var(--item-padding-block);padding-inline:var(--item-padding-inline)}.combo-box::part(group__header expandable){background-color:var(--item-bg-color);border-color:var(--item-border-color);color:var(--item-color);padding-block:var(--item-padding-block);padding-inline:var(--item-padding-inline);border-radius:var(--item-border-radius)}.combo-box::part(group__header expandable):hover{--item-color: var(--color-text-primary-hover)}.combo-box::part(group__header expandable):active{--item-bg-color: var(--item-bg-color-pressed);--item-border-color: var(--item-border-color-pressed);--item-color: var(--item-color-pressed)}.combo-box::part(group__header disabled){--item-bg-color: var(--item-bg-color--disabled);--item-border-color: var(--item-border-color-disabled);--item-color: var(--item-color-disabled)}.combo-box::part(group){gap:var(--items-container-gap)}.combo-box::part(group__content){gap:var(--items-container-gap)}.combo-box::part(item){background-color:var(--item-bg-color);border-color:var(--item-border-color);color:var(--item-color);border-radius:var(--item-border-radius);padding-block:var(--item-padding-block);padding-inline:var(--item-padding-inline)}.combo-box::part(item nested){padding-inline-start:calc(var(--ch-combo-box-item-gap) + var(--ch-combo-box-group__expandable-button-size) + var(--item-padding-inline))}.combo-box::part(item selected){--item-bg-color: var(--item-bg-color-selected);--item-border-color: var(--item-border-color-selected);--item-color: var(--item-color-selected)}.combo-box::part(item):active{--item-bg-color: var(--item-bg-color-pressed);--item-border-color: var(--item-border-color-pressed);--item-color: var(--item-color-pressed)}.combo-box::part(item disabled){--item-bg-color: var(--item-bg-color--disabled);--item-border-color: var(--item-border-color-disabled);--item-color: var(--item-color-disabled)}.icon-sm{--ch-image-size: var(--icon-box-sm);--ch-image-background-size: var(--icon-size-sm)}.icon-md{--ch-image-size: var(--icon-box-md);--ch-image-background-size: var(--icon-size-md)}.radio-group{--ch-radio-group__radio-container-size: var(--control-tiny-size);--ch-radio-group__radio-option-size: calc(var(--size-4) * 1.5);gap:var(--controls-container-row-gap)}.radio-group::part(radio-item){gap:var(--label-gap-inline)}.radio-group::part(radio__label){color:var(--label-color)}.radio-group::part(radio-item):hover{--label-color: var(--label-color-hover);--control-border-color: var(--control-border-color-hover)}.radio-group::part(radio__container){border-width:var(--control-border-width);border-style:var(--control-border-style);border-color:var(--control-border-color);border-radius:var(--control-tiny-border-radius);--control-tiny-border-radius: 50%;flex-shrink:0}.radio-group::part(radio__container):focus-within{outline:var(--focus-outline-width) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}.radio-group::part(radio__container checked){color:var(--control-tiny-option-color)}.radio-group::part(radio__label disabled){--label-color: var(--label-color-disabled)}.slider{--ch-slider-track-block-size: var(--slider-track-block-size);--ch-slider-track__selected-background-color: var( --slider-track-bg-color-selected );--ch-slider-track__unselected-background-color: var( --slider-track-bg-color-unselected );--ch-slider-thumb-background-color: var(--color-icon-neutral-default);--ch-slider-thumb-size: var(--slider-thumb-size);--slider-track-block-size: var(--size-4);--slider-track-bg-color-selected: var(--color-accent-primary-default);--slider-track-bg-color-unselected: var(--color-accent-neutral-default);--slider-track-bg-color-selected-disabled: var( --color-accent-neutral-disabled );--slider-track-bg-color-unselected-disabled: var( --color-accent-neutral-disabled );--slider-thumb-size: var(--size-12)}.slider:disabled{--ch-slider-track__selected-background-color: var( --slider-track-bg-color-selected-disabled );--ch-slider-track__unselected-background-color: var( --slider-track-bg-color-unselected-disabled )}.slider::part(track){border-radius:calc(var(--ch-slider-track-block-size)/2)}.slider:hover{--ch-slider-thumb-background-color: var(--color-accent-primary-pressed)}.slider::part(thumb disabled){--ch-slider-thumb-background-color: var(--color-border-neutral-disabled)}.slider:active::part(thumb),.slider:focus::part(thumb){--ch-slider-thumb-background-color: var(--color-accent-primary-pressed);outline:var(--focus-outline-width) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}:where(button,a){all:unset;display:inline-flex;align-items:center;user-select:none;touch-action:manipulation;cursor:pointer}button:disabled{pointer-events:none}.label{color:var(--label-color)}.label--disabled{--label-color: var(--label-color-disabled)}.icon-size-sm{content:"";display:block;inline-size:var(--icon-box-sm);block-size:var(--icon-box-sm);background:no-repeat center/var(--icon-size-sm) var(--icon-path)}.icon-size-md{content:"";display:block;inline-size:var(--icon-box-md);block-size:var(--icon-box-md);background:no-repeat center/var(--icon-size-md) var(--icon-path)}.icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--control-icon-gap)}.checkbox-error::part(input){--control-border-color: var(--control-border-color-error);--control-color: var(--control-color-error)}.combo-box[part=ch-combo-box-render--placeholder]{color:var(--color-text-neutral-default)}.input[part*=ch-edit--empty-value]{color:var(--color-text-neutral-default)}.input-error{--control-border-color: var(--control-border-color-error);--control-color: var(--control-color-error)}.radio-group::part(radio__container checked){border-color:var(--color-border-primary-default)}
1
+ .label,.radio-group::part(radio__label),.combo-box,.combo-box::part(group__header),.checkbox::part(label),.input,.combo-box[part=ch-combo-box-render--placeholder],.input[part*=ch-edit--empty-value],.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-tertiary{font-family:var(--font-family-body)}.label,.radio-group::part(radio__label),.combo-box,.combo-box::part(group__header),.checkbox::part(label),.input,.combo-box[part=ch-combo-box-render--placeholder],.input[part*=ch-edit--empty-value],.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-tertiary{font-size:var(--font-size-body-m);line-height:round(1em*var(--line-height-relaxed),1px)}.combo-box,.input{font-weight:var(--font-style-regular)}.label,.radio-group::part(radio__label),.combo-box::part(group__header),.checkbox::part(label),.button-primary,.button-primary-destructive,.button-primary-success,.button-secondary,.button-tertiary{font-weight:var(--font-style-semi-bold)}.combo-box[part=ch-combo-box-render--placeholder],.input[part*=ch-edit--empty-value]{font-weight:var(--font-style-regular);font-style:italic}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.button-tertiary,.button-secondary,.button-primary,.button-primary-destructive,.button-primary-success{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;border:var(--control-border-width) solid rgba(0,0,0,0);border-radius:var(--control-border-radius);box-sizing:border-box}.button-primary:focus-visible,.button-primary-destructive:focus-visible,.button-primary-success:focus-visible,.button-secondary:focus-visible,.button-tertiary:focus-visible{outline:var(--border-width-focus) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}.button-primary,.button-primary-destructive,.button-primary-success{padding-block:var(--control-padding-block);padding-inline:var(--control-padding-inline);background-color:var(--color-accent-primary-default);border-color:var(--color-accent-primary-default);color:var(--color-text-neutral-on-text)}.button-primary:hover{background-color:var(--color-accent-item-hover);border-color:var(--color-accent-item-hover);color:var(--color-text-primary-on-hover)}.button-primary:active{background-color:var(--color-accent-primary-pressed);border-color:var(--color-accent-primary-pressed);color:var(--color-text-neutral-on-pressed)}.button-primary:disabled,.button-primary-destructive:disabled,.button-primary-success:disabled{background-color:var(--color-accent-neutral-disabled);border-color:var(--color-accent-neutral-disabled);color:var(--color-text-neutral-on-disabled)}.button-primary-destructive{background-color:var(--color-accent-error-default);border-color:var(--color-accent-error-default);color:var(--color-text-neutral-on-text)}.button-primary-destructive:hover{background-color:var(--color-accent-error-hover);border-color:var(--color-accent-error-hover);color:var(--color-text-neutral-on-text)}.button-primary-destructive:active{background-color:var(--color-accent-error-pressed);border-color:var(--color-accent-error-pressed);color:var(--color-text-neutral-on-pressed)}.button-primary-success{background-color:var(--color-accent-success-default);border-color:var(--color-accent-success-default);color:var(--color-text-neutral-on-text)}.button-primary-success:hover{background-color:var(--color-accent-success-hover);border-color:var(--color-accent-success-hover);color:var(--color-text-neutral-on-text)}.button-primary-success:active{background-color:var(--color-accent-success-pressed);border-color:var(--color-accent-success-pressed);color:var(--color-text-neutral-on-pressed)}.button-secondary{padding-block:var(--control-padding-block);padding-inline:var(--control-padding-inline);background-color:rgba(0,0,0,0);border-color:var(--elevation-border-color, var(--color-border-neutral-default));color:var(--color-text-neutral-default)}.button-secondary:hover{border-color:var(--color-border-primary-hover);color:var(--color-text-primary-hover)}.button-secondary:active{border-color:var(--color-border-primary-pressed);color:var(--color-text-primary-pressed)}.button-secondary:disabled{border-color:var(--color-border-neutral-disabled);color:var(--color-text-neutral-disabled)}.button-tertiary{padding-block:var(--control-padding-block);background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--color-text-primary-default)}.button-tertiary:hover{color:var(--color-text-primary-hover)}.button-tertiary:active{color:var(--color-text-primary-pressed)}.button-tertiary:disabled{color:var(--color-text-neutral-disabled)}.buttons-spacer{display:flex;gap:var(--spacing-gap-m)}.field{display:grid}.field-group,.field-group-inline{--spacing-body-block-start: var(--spacing-padding-xl);--spacing-body-block-end: var(--spacing-padding-xl);--spacing-body-inline-start: var(--spacing-padding-xl);--spacing-body-inline-end: var(--spacing-padding-xl);row-gap:var(--spacing-gap-m);column-gap:var(--spacing-gap-xl)}.field-group{display:grid}.field-group-inline{display:flex;flex-wrap:wrap}.field-group-justified-start,.field-group-justified-end{display:grid;column-gap:var(--spacing-gap-m);row-gap:var(--spacing-gap-m);grid-template-columns:max-content auto}.field-block{row-gap:var(--spacing-gap-xs);grid-template-rows:max-content 1fr}.field-inline{column-gap:var(--spacing-gap-m);grid-template-columns:max-content 1fr}.field-inline>.label,.field-group-justified-start>.label,.field-group-justified-end>.label{padding-block-start:var(--spacing-padding-s)}.field-group-justified-end>.label{text-align:end}.button-icon-only{padding:calc((var(--control-block-size) - 2*var(--control-border-width) - var(--icon-m))/2)}.button-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-xs)}.input{--ch-edit-gap: var(--spacing-gap-m);--ch-edit__image-size: var(--icon-m);border-width:var(--control-border-width);border-style:solid;border-color:var(--control-border-color);border-radius:var(--control-border-radius);background-color:var(--control-bg-color);color:var(--color-text-neutral-default);padding-block:var(--control-padding-block);padding-inline:var(--control-padding-inline)}.input:focus{outline:var(--border-width-focus) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}.input:hover{--control-border-color: var(--color-border-primary-hover);color:var(--color-text-primary-hover)}.input:disabled{--control-bg-color: var(--color-accent-neutral-disabled);--control-border-color: var(--color-border-neutral-disabled);color:var(--color-text-neutral-on-disabled);--ch-placeholder-color: var(--color-text-neutral-on-disabled)}.input[part*=ch-edit--empty-value]{--ch-placeholder-color: var(--color-text-neutral-neutral)}.checkbox{--ch-checkbox__container-size: var(--size-16);--ch-checkbox__option-size: calc(var(--size-16) / 2);--ch-checkbox__image-size: var(--icon-xs);gap:var(--spacing-gap-m)}.checkbox:hover{--control-border-color: var(--color-border-primary-hover)}.checkbox::part(input disabled){--control-border-color: var(--color-border-neutral-disabled)}.checkbox::part(input){border-width:var(--control-border-width);border-style:solid;border-color:var(--control-border-color);border-radius:var(--border-radius-xxs)}.checkbox::part(input checked){--control-border-color: var(--color-border-primary-default)}.checkbox::part(input):focus{outline:var(--border-width-focus) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}.checkbox::part(option){background-color:var(--color-accent-neutral-on-surface)}.checkbox::part(option indeterminate){block-size:var(--size-2);background-color:var(--color-border-primary-default)}.checkbox::part(option disabled){background-color:var(--color-icon-neutral-disabled)}.checkbox::part(label){color:var(--color-text-neutral-default)}.checkbox:hover{color:var(--color-text-primary-hover)}.checkbox::part(label disabled){color:var(--color-text-neutral-disabled)}.combo-box{--ch-combo-box-separation-y: var(--size-2);--ch-combo-box-item-gap: var(--spacing-gap-m);--ch-combo-box-item__image-size: var(--icon-s);--ch-combo-box-item__background-image-size: 100%;--ch-combo-box__picker-size: var(--icon-m);--ch-combo-box-group__expandable-button-size: var(--icon-s);--ch-combo-box-group__expandable-button-image-size: 100%;--ch-combo-box__picker-color: var(--color-icon-neutral-default);--ch-combo-box__picker-collapsed: var( --icon__system_chevron-small-down_interactive--enabled );--ch-combo-box__picker-expanded: var( --icon__system_chevron-small-down_interactive--enabled );--ch-combo-box__popover-max-block-size: 300px;border-width:var(--control-border-width);border-style:solid;border-color:var(--control-border-color);border-radius:var(--control-border-radius);background-color:var(--control-bg-color);color:var(--color-text-neutral-default);padding-block:var(--control-padding-block);padding-inline:var(--control-padding-inline);padding-inline-end:6px}.combo-box:hover{--ch-combo-box__picker-color: var(--color-icon-primary-hover);--control-border-color: var(--color-border-primary-hover);color:var(--color-text-primary-hover)}.combo-box:focus{outline:var(--border-width-focus) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}.combo-box.ch-disabled{--ch-combo-box__picker-color: var(--color-icon-neutral-on-disabled);--control-bg-color: var(--color-accent-neutral-disabled);--control-border-color: var(--color-border-neutral-disabled);color:var(--color-text-neutral-on-disabled);--ch-placeholder-color: var(--color-text-neutral-on-disabled)}.combo-box.ch-combo-box--expanded::after{transform:rotate(180deg)}.combo-box-error{--control-border-color: var(--color-border-error-default);color:var(--color-text-neutral-default)}.combo-box::part(window){border-style:solid;border-width:var(--size-1);border-radius:var(--border-radius-s);background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));border-color:var(--elevation-border-color, var(--color-border-surface-on-elevation-1));padding-block:var(--spacing-padding-m);padding-inline:var(--spacing-padding-m);gap:var(--spacing-gap-none);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);font-style:normal}.combo-box::part(group__header){background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--color-text-neutral-default);padding-block:var(--spacing-padding-xs);padding-inline:var(--spacing-padding-m)}.combo-box::part(group__header expandable){background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--color-text-neutral-default);padding-block:var(--spacing-padding-xs);padding-inline:var(--spacing-padding-m);border-radius:var(--border-radius-s)}.combo-box::part(group__header expandable):hover{color:var(--color-text-primary-hover)}.combo-box::part(group__header expandable):active{background-color:var(--color-accent-item-pressed);border-color:rgba(0,0,0,0);color:var(--color-text-neutral-pressed)}.combo-box::part(group__header disabled){background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--color-text-neutral-disabled)}.combo-box::part(group){gap:var(--spacing-gap-none)}.combo-box::part(group__content){gap:var(--spacing-gap-none)}.combo-box::part(item){background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--color-text-neutral-default);border-radius:var(--border-radius-s);padding-block:var(--spacing-padding-xs);padding-inline:var(--spacing-padding-m)}.combo-box::part(item nested){padding-inline-start:calc(var(--ch-combo-box-item-gap) + var(--ch-combo-box-group__expandable-button-size) + var(--spacing-padding-m))}.combo-box::part(item selected){background-color:var(--color-accent-item-selected);border-color:rgba(0,0,0,0);color:var(--color-text-neutral-default)}.combo-box::part(item):active{background-color:var(--color-accent-item-pressed);border-color:rgba(0,0,0,0);color:var(--color-text-neutral-pressed)}.combo-box::part(item disabled){background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--color-text-neutral-disabled)}.icon-xs{--ch-image-size: var(--icon-xs);--ch-image-background-size: 100%}.icon-s{--ch-image-size: var(--icon-s);--ch-image-background-size: 100%}.icon-m{--ch-image-size: var(--icon-m);--ch-image-background-size: 100%}.icon-l{--ch-image-size: var(--icon-l);--ch-image-background-size: 100%}.icon-xl{--ch-image-size: var(--icon-xl);--ch-image-background-size: 100%}.icon-xxl{--ch-image-size: var(--icon-xxl);--ch-image-background-size: 100%}.radio-group{--ch-radio-group__radio-container-size: var(--size-16);--ch-radio-group__radio-option-size: calc(var(--size-4) * 1.5);gap:var(--spacing-gap-xl)}.radio-group::part(radio-item){gap:var(--spacing-gap-m)}.radio-group::part(radio__label){color:var(--color-text-neutral-default)}.radio-group::part(radio-item):hover{color:var(--color-text-primary-hover);--control-border-color: var(--color-border-primary-hover)}.radio-group::part(radio__container){border-width:var(--control-border-width);border-style:solid;border-color:var(--control-border-color);border-radius:var(--border-radius-xxs);border-radius:50%;flex-shrink:0}.radio-group::part(radio__container):focus-within{outline:var(--border-width-focus) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}.radio-group::part(radio__container checked){color:var(--color-accent-neutral-on-surface)}.radio-group::part(radio__label disabled){color:var(--color-text-neutral-disabled)}.slider{--ch-slider-track-block-size: var(--slider-track-block-size);--ch-slider-track__selected-background-color: var( --slider-track-bg-color-selected );--ch-slider-track__unselected-background-color: var( --slider-track-bg-color-unselected );--ch-slider-thumb-background-color: var(--color-icon-neutral-default);--ch-slider-thumb-size: var(--slider-thumb-size);--slider-track-block-size: var(--size-4);--slider-track-bg-color-selected: var(--color-accent-primary-default);--slider-track-bg-color-unselected: var(--color-accent-neutral-default);--slider-track-bg-color-selected-disabled: var( --color-accent-neutral-disabled );--slider-track-bg-color-unselected-disabled: var( --color-accent-neutral-disabled );--slider-thumb-size: var(--size-12)}.slider:disabled{--ch-slider-track__selected-background-color: var( --slider-track-bg-color-selected-disabled );--ch-slider-track__unselected-background-color: var( --slider-track-bg-color-unselected-disabled )}.slider::part(track){border-radius:calc(var(--ch-slider-track-block-size)/2)}.slider:hover{--ch-slider-thumb-background-color: var(--color-accent-primary-pressed)}.slider::part(thumb disabled){--ch-slider-thumb-background-color: var(--color-border-neutral-disabled)}.slider:active::part(thumb),.slider:focus::part(thumb){--ch-slider-thumb-background-color: var(--color-accent-primary-pressed);outline:var(--border-width-focus) solid var(--color-border-primary-focused);outline-offset:calc(var(--size-2)*-1)}:where(button,a){all:unset;display:inline-flex;align-items:center;user-select:none;touch-action:manipulation;cursor:pointer}button:disabled{pointer-events:none}.label{color:var(--color-text-neutral-default)}.label--disabled{color:var(--color-text-neutral-disabled)}.checkbox-error::part(input){--control-border-color: var(--color-border-error-default);color:var(--color-text-neutral-default)}.combo-box[part=ch-combo-box-render--placeholder]{--ch-placeholder-color: var(--color-text-neutral-neutral)}.input-error{--control-border-color: var(--color-border-error-default);color:var(--color-text-neutral-default)}.radio-group::part(radio__container checked){border-color:var(--color-border-primary-default)}
package/dist/bundles/css/utils/form.css CHANGED
@@ -1 +1 @@
1
- .label{font-family:var(--font-family-body)}.label{font-size:var(--font-size-body-m);line-height:round(1em*var(--line-height-relaxed),1px)}.label{font-weight:var(--font-style-semi-bold)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.field{display:grid}.field-group,.field-group-inline{--spacing-body-block-start: var(--size-16);--spacing-body-block-end: var(--size-16);--spacing-body-inline-start: var(--size-16);--spacing-body-inline-end: var(--size-16);row-gap:var(--field-group-row-gap);column-gap:var(--field-group-column-gap)}.field-group{display:grid}.field-group-inline{display:flex;flex-wrap:wrap}.field-group-justified-start,.field-group-justified-end{display:grid;column-gap:var(--field-column-gap);row-gap:var(--field-group-row-gap);grid-template-columns:max-content auto}.field-block{row-gap:var(--field-row-gap);grid-template-rows:max-content 1fr}.field-inline{column-gap:var(--field-column-gap);grid-template-columns:max-content 1fr}.field-inline>.label,.field-group-justified-start>.label,.field-group-justified-end>.label{padding-block-start:var(--field-inline-label-space-block-start)}.field-group-justified-end>.label{text-align:end}.label{color:var(--label-color)}.label--disabled{--label-color: var(--label-color-disabled)}
1
+ .label{font-family:var(--font-family-body)}.label{font-size:var(--font-size-body-m);line-height:round(1em*var(--line-height-relaxed),1px)}.label{font-weight:var(--font-style-semi-bold)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.field{display:grid}.field-group,.field-group-inline{--spacing-body-block-start: var(--spacing-padding-xl);--spacing-body-block-end: var(--spacing-padding-xl);--spacing-body-inline-start: var(--spacing-padding-xl);--spacing-body-inline-end: var(--spacing-padding-xl);row-gap:var(--spacing-gap-m);column-gap:var(--spacing-gap-xl)}.field-group{display:grid}.field-group-inline{display:flex;flex-wrap:wrap}.field-group-justified-start,.field-group-justified-end{display:grid;column-gap:var(--spacing-gap-m);row-gap:var(--spacing-gap-m);grid-template-columns:max-content auto}.field-block{row-gap:var(--spacing-gap-xs);grid-template-rows:max-content 1fr}.field-inline{column-gap:var(--spacing-gap-m);grid-template-columns:max-content 1fr}.field-inline>.label,.field-group-justified-start>.label,.field-group-justified-end>.label{padding-block-start:var(--spacing-padding-s)}.field-group-justified-end>.label{text-align:end}.label{color:var(--color-text-neutral-default)}.label--disabled{color:var(--color-text-neutral-disabled)}
package/dist/bundles/css/utils/layout.css CHANGED
@@ -1 +1 @@
1
- @keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.layout{--spacing-body-block-start: var(--size-16);--spacing-body-block-end: var(--size-16);--spacing-body-inline-start: var(--size-24);--spacing-body-inline-end: var(--size-24);display:grid;gap:var(--size-16)}.layout__panel{display:grid}.layout--cols-1{grid-template-rows:1fr;grid-template-columns:1fr}.layout--cols-2{grid-template-rows:1fr;grid-template-columns:repeat(2, 1fr)}.layout--cols-3{grid-template-rows:1fr;grid-template-columns:repeat(3, 1fr)}.layout--cols-4{grid-template-rows:1fr;grid-template-columns:repeat(4, 1fr)}.layout--cols-1-2{grid-template-rows:1fr;grid-template-columns:1fr 2fr}.layout--cols-2-1{grid-template-rows:1fr;grid-template-columns:2fr 1fr}.dialog-footer,.dialog-footer-with-border{--dialog-footer-justify-content: end;padding-block-start:var(--size-8);display:flex;justify-content:var(--dialog-footer-justify-content);align-items:center}.dialog-footer-start{--dialog-footer-justify-content: start}.dialog-footer-center{--dialog-footer-justify-content: center}.dialog-footer-space-between{--dialog-footer-justify-content: space-between}.dialog-footer-with-border{border-block-start:var(--size-1) solid var(--color-border-surface-on-elevation-1)}.dialog-header,.dialog-header-with-border{padding-block-end:var(--size-16)}.dialog-header-with-border{border-block-end:var(--size-1) solid var(--color-border-surface-on-elevation-1)}
1
+ @keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.layout{--spacing-body-block-start: var(--spacing-padding-xl);--spacing-body-block-end: var(--spacing-padding-xl);--spacing-body-inline-start: var(--spacing-padding-xxl);--spacing-body-inline-end: var(--spacing-padding-xxl);display:grid;gap:var(--spacing-gap-xl)}.layout__panel{display:grid}.layout--cols-1{grid-template-rows:1fr;grid-template-columns:1fr}.layout--cols-2{grid-template-rows:1fr;grid-template-columns:repeat(2, 1fr)}.layout--cols-3{grid-template-rows:1fr;grid-template-columns:repeat(3, 1fr)}.layout--cols-4{grid-template-rows:1fr;grid-template-columns:repeat(4, 1fr)}.layout--cols-1-2{grid-template-rows:1fr;grid-template-columns:1fr 2fr}.layout--cols-2-1{grid-template-rows:1fr;grid-template-columns:2fr 1fr}.dialog-footer,.dialog-footer-with-border{--dialog-footer-justify-content: end;padding-block-start:var(--spacing-padding-m);display:flex;justify-content:var(--dialog-footer-justify-content);align-items:center}.dialog-footer-start{--dialog-footer-justify-content: start}.dialog-footer-center{--dialog-footer-justify-content: center}.dialog-footer-space-between{--dialog-footer-justify-content: space-between}.dialog-footer-with-border{border-block-start:var(--size-1) solid var(--color-border-surface-on-elevation-1)}.dialog-header,.dialog-header-with-border{padding-block-end:var(--spacing-padding-xl)}.dialog-header-with-border{border-block-end:var(--size-1) solid var(--color-border-surface-on-elevation-1)}