@salesforce/ui-theme-manager 11.66.4 → 11.67.0

package/dist/authoring/react/styles.css

@@ -1 +1 @@
-:where(:root,:host){--tm-color-foreground: #181818;--tm-color-foreground-secondary: #444444;--tm-color-background: #ffffff;--tm-color-border: rgba(128, 128, 128, .2);--tm-color-input-background: #f9f9f9;--tm-color-input-border: rgba(128, 128, 128, .3);--tm-color-focus-border: #0176d3;--tm-color-hover-background: #f3f3f3;--tm-color-selected-background: #e0f0ff;--tm-button-primary-bg: #0176d3;--tm-button-primary-text: #ffffff;--tm-button-secondary-bg: #f3f3f3;--tm-button-secondary-text: #181818;--tm-badge-background: #e0e0e0;--tm-badge-foreground: #181818;--tm-font-family: system-ui, -apple-system, sans-serif;--tm-font-size-title: 14px;--tm-font-size-body: 12px;--tm-font-size-label: 11px;--tm-font-size-small: 10px;--tm-font-weight-normal: 400;--tm-font-weight-semibold: 600;--tm-spacing-xs: 3px;--tm-spacing-sm: 6px;--tm-spacing-md: 8px;--tm-spacing-lg: 12px;--tm-spacing-xl: 16px;--tm-radius-sm: 3px;--tm-radius-md: 4px}*{box-sizing:border-box}.tm-panel-root{font-family:var(--tm-font-family);font-size:var(--tm-font-size-body);color:var(--tm-color-foreground);background:var(--tm-color-background);padding:var(--tm-spacing-lg);line-height:1.4;display:flex;flex-direction:column;gap:var(--tm-spacing-xl);height:auto;overflow:visible}.tm-panel-header{display:flex;flex-direction:column;gap:var(--tm-spacing-md);padding-bottom:var(--tm-spacing-lg);border-bottom:1px solid var(--tm-color-border);flex-shrink:0}.tm-panel-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--tm-spacing-md);flex-wrap:wrap}.tm-panel-title{font-size:var(--tm-font-size-title);font-weight:var(--tm-font-weight-semibold);margin:0}.tm-panel-header>.tm-btn-primary{width:100%}.tm-btn-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;border-radius:var(--tm-radius-sm);background:var(--tm-button-primary-bg);color:var(--tm-button-primary-text);border:none;cursor:pointer}.tm-btn-icon:hover{opacity:.9}.tm-search-box{display:flex;flex-direction:column;gap:var(--tm-spacing-xs)}.tm-search-row{display:flex;gap:var(--tm-spacing-sm);align-items:center}.tm-search-input{flex:1;padding:5px 8px;border:1px solid var(--tm-color-input-border);background:var(--tm-color-input-background);color:var(--tm-color-foreground);border-radius:var(--tm-radius-sm);font-size:var(--tm-font-size-body);outline:none}.tm-search-input:focus{border-color:var(--tm-color-focus-border)}.tm-search-button{flex-shrink:0;width:auto;white-space:nowrap}.tm-search-button:disabled{opacity:.5;cursor:not-allowed}.tm-search-hint{font-size:var(--tm-font-size-small);color:var(--tm-color-foreground-secondary);padding-left:var(--tm-spacing-sm)}.tm-gallery{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--tm-spacing-sm)}.tm-gallery::-webkit-scrollbar{width:5px}.tm-gallery::-webkit-scrollbar-thumb{background:var(--tm-color-border);border-radius:var(--tm-radius-sm)}.tm-gallery-empty{padding:var(--tm-spacing-md);color:var(--tm-color-foreground-secondary);font-size:var(--tm-font-size-label);text-align:center}.tm-theme-card{padding:var(--tm-spacing-md);border:1px solid var(--tm-color-border);border-radius:var(--tm-radius-md);cursor:pointer;transition:border-color .15s}.tm-theme-card:hover{border-color:var(--tm-color-focus-border)}.tm-theme-card.active{border-color:var(--tm-button-primary-bg);background:var(--tm-color-selected-background)}.tm-swatches{display:flex;gap:var(--tm-spacing-xs);margin-bottom:5px}.tm-swatch{width:22px;height:14px;border-radius:2px;border:1px solid rgba(128,128,128,.15)}.tm-card-info{display:flex;flex-direction:column}.tm-card-label{font-size:var(--tm-font-size-label);font-weight:var(--tm-font-weight-semibold)}.tm-card-desc{font-size:var(--tm-font-size-small);color:var(--tm-color-foreground-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-btn{border:none;border-radius:var(--tm-radius-sm);padding:5px 10px;font-size:var(--tm-font-size-label);cursor:pointer;font-weight:var(--tm-font-weight-normal);transition:opacity .15s}.tm-btn-primary{background:var(--tm-button-primary-bg);color:var(--tm-button-primary-text)}.tm-btn-primary:hover{opacity:.9}.tm-btn-secondary{background:var(--tm-button-secondary-bg);color:var(--tm-button-secondary-text)}.tm-btn-secondary:hover{opacity:.8}.tm-panel-content{display:flex;flex-direction:column;gap:var(--tm-spacing-xl);flex:1;overflow:visible;min-height:0}.tm-section{display:flex;flex-direction:column;gap:var(--tm-spacing-md);padding-bottom:var(--tm-spacing-lg);border-bottom:1px solid var(--tm-color-border)}.tm-section-title{font-size:var(--tm-font-size-small);font-weight:var(--tm-font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--tm-color-foreground-secondary)}.tm-field{display:flex;align-items:center;gap:var(--tm-spacing-sm)}.tm-field-label{font-size:var(--tm-font-size-label);min-width:75px;color:var(--tm-color-foreground)}.tm-color-input{width:28px;height:22px;border:1px solid var(--tm-color-input-border);border-radius:var(--tm-radius-sm);padding:1px;cursor:pointer;background:none}.tm-text-input{flex:1;padding:3px 6px;border:1px solid var(--tm-color-input-border);background:var(--tm-color-input-background);color:var(--tm-color-foreground);border-radius:var(--tm-radius-sm);font-size:var(--tm-font-size-label);outline:none}.tm-text-input:focus{border-color:var(--tm-color-focus-border)}.tm-readonly-input{color:var(--tm-color-foreground-secondary);cursor:default;text-overflow:ellipsis}.tm-readonly-input:focus{border-color:var(--tm-color-input-border)}.tm-select{flex:1;padding:3px 6px;border:1px solid var(--tm-color-input-border);background:var(--tm-color-input-background);color:var(--tm-color-foreground);border-radius:var(--tm-radius-sm);font-size:var(--tm-font-size-label);outline:none}.tm-select:focus{border-color:var(--tm-color-focus-border)}.tm-range{flex:1;accent-color:var(--tm-button-primary-bg)}.tm-scale-table{width:100%;border-collapse:collapse;font-size:var(--tm-font-size-label)}.tm-scale-table th,.tm-scale-table td{text-align:left;padding:var(--tm-spacing-sm);border-bottom:1px solid var(--tm-color-border);vertical-align:middle}.tm-scale-table thead th{color:var(--tm-color-foreground-secondary);font-weight:var(--tm-font-weight-semibold);white-space:nowrap}.tm-scale-name{font-weight:var(--tm-font-weight-normal);color:var(--tm-color-foreground);white-space:nowrap}.tm-scale-static{color:var(--tm-color-foreground-secondary)}.tm-scale-input{width:64px;padding:3px 6px;border:1px solid var(--tm-color-input-border);background:var(--tm-color-input-background);color:var(--tm-color-foreground);border-radius:var(--tm-radius-sm);font-size:var(--tm-font-size-label);outline:none}.tm-scale-input:focus{border-color:var(--tm-color-focus-border)}.tm-scale-example{width:40%;line-height:1;color:var(--tm-color-foreground);overflow:hidden}.tm-scale-example>span{display:inline-block;max-width:100%;overflow:hidden}.tm-border-weight-example{width:44px;height:24px;border:1px solid var(--tm-color-border);border-top-color:var(--tm-color-foreground);background:var(--tm-color-input-background)}.tm-border-radius-example{width:36px;height:36px;border:2px solid var(--tm-color-foreground);background:var(--tm-color-input-background)}.tm-border-group{display:flex;flex-direction:column;gap:var(--tm-spacing-sm)}.tm-range-val{font-size:var(--tm-font-size-small);min-width:28px;text-align:right;color:var(--tm-color-foreground-secondary)}.tm-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;min-width:0}.tm-color-field{position:relative;display:flex;flex-direction:column;gap:var(--tm-spacing-xs)}.tm-color-link-btn{position:absolute;top:0;right:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--tm-radius-sm);background:transparent;color:var(--tm-color-foreground-secondary);cursor:pointer}.tm-color-link-btn:hover{background:var(--tm-color-hover-background);color:var(--tm-color-focus-border)}.tm-color-unified-controls{display:flex;flex-direction:column;gap:var(--tm-spacing-xs);padding:var(--tm-spacing-sm);border:1px solid var(--tm-color-input-border);border-radius:var(--tm-radius-md);background:var(--tm-color-input-background);width:100%;min-width:0}.tm-color-picker-row{display:flex;align-items:center;gap:var(--tm-spacing-sm);min-width:0}.tm-color-preview{width:60px;height:22px;border-radius:var(--tm-radius-sm);border:1px solid var(--tm-color-input-border);flex-shrink:0}.tm-color-hex{display:flex;align-items:center;gap:var(--tm-spacing-sm);font-size:var(--tm-font-size-label);min-width:0}.tm-color-opacity{display:flex;flex-direction:column;gap:var(--tm-spacing-xs);font-size:var(--tm-font-size-label);min-width:0}.tm-color-opacity-header{display:flex;align-items:center;justify-content:space-between;gap:var(--tm-spacing-sm)}.tm-opacity-label,.tm-hex-label{min-width:50px;color:var(--tm-color-foreground-secondary)}.tm-opacity-slider{accent-color:var(--tm-button-primary-bg);width:100%;min-width:0}.tm-opacity-value{min-width:35px;text-align:right;font-size:var(--tm-font-size-small);color:var(--tm-color-foreground-secondary)}.tm-hex-input{flex:1;padding:3px 6px;border:1px solid var(--tm-color-input-border);background:var(--tm-color-background);color:var(--tm-color-foreground);border-radius:var(--tm-radius-sm);font-size:var(--tm-font-size-label);outline:none;font-family:monospace;width:100%;min-width:0}.tm-hex-input:focus{border-color:var(--tm-color-focus-border)}.tm-hex-input:invalid{border-color:#d0021b}.tm-density-group{display:flex;border:1px solid var(--tm-color-input-border);border-radius:var(--tm-radius-sm);overflow:hidden;flex:1}.tm-density-btn{flex:1;padding:3px 6px;border:none;font-size:var(--tm-font-size-small);background:var(--tm-color-input-background);color:var(--tm-color-foreground);cursor:pointer;border-right:1px solid var(--tm-color-input-border)}.tm-density-btn:last-child{border-right:none}.tm-density-btn.active{background:var(--tm-button-primary-bg);color:var(--tm-button-primary-text)}.tm-comp-item{padding:var(--tm-spacing-md) 0;border-bottom:1px solid rgba(128,128,128,.1)}.tm-comp-item:last-child{border-bottom:none}.tm-comp-header{display:flex;align-items:center;gap:var(--tm-spacing-sm);margin-bottom:4px}.tm-comp-name{font-size:var(--tm-font-size-label);font-weight:var(--tm-font-weight-normal)}.tm-comp-badge{font-size:9px;padding:1px 5px;border-radius:var(--tm-radius-sm);background:var(--tm-badge-background);color:var(--tm-badge-foreground)}.tm-toggle-row{display:flex;align-items:center;gap:var(--tm-spacing-sm);font-size:var(--tm-font-size-small);cursor:pointer;color:var(--tm-color-foreground-secondary)}.tm-toggle-row input{accent-color:var(--tm-button-primary-bg)}.tm-comp-overrides{margin-top:var(--tm-spacing-sm);padding:var(--tm-spacing-md);border-radius:var(--tm-radius-sm);background:var(--tm-color-input-background);border:1px solid var(--tm-color-input-border);display:flex;flex-direction:column;gap:var(--tm-spacing-sm)}.tm-tab-switcher{display:flex;gap:0;border-bottom:1px solid var(--tm-color-border)}.tm-tab{flex:1;padding:var(--tm-spacing-md) var(--tm-spacing-lg);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--tm-color-foreground-secondary);font-family:var(--tm-font-family);font-size:var(--tm-font-size-body);font-weight:var(--tm-font-weight-normal);cursor:pointer;transition:all .15s ease}.tm-tab:hover{background:var(--tm-color-hover-background)}.tm-tab-active{color:var(--tm-color-foreground);font-weight:var(--tm-font-weight-semibold);border-bottom-color:var(--tm-button-primary-bg)}.tm-section-tabs{margin-bottom:var(--tm-spacing-md)}.tm-button-group{border:1px solid var(--tm-color-border);border-radius:var(--tm-radius-sm);overflow:hidden}.tm-button-group+.tm-button-group{margin-top:var(--tm-spacing-sm)}.tm-button-group-header{display:flex;align-items:center;gap:var(--tm-spacing-sm);width:100%;padding:var(--tm-spacing-sm) var(--tm-spacing-md);background:transparent;border:none;color:var(--tm-color-foreground);font-family:var(--tm-font-family);font-size:var(--tm-font-size-label);font-weight:var(--tm-font-weight-semibold);text-align:left;cursor:pointer}.tm-button-group-header:hover{background:var(--tm-color-hover-background)}.tm-button-group-chevron{flex-shrink:0;font-size:.75em;color:var(--tm-color-foreground-secondary)}.tm-button-group-name{flex:1}.tm-button-group-swatches{display:flex;gap:var(--tm-spacing-xs)}.tm-button-group-swatch{width:14px;height:14px;border-radius:var(--tm-radius-sm);border:1px solid var(--tm-color-border)}.tm-button-group .tm-color-grid{padding:0 var(--tm-spacing-md) var(--tm-spacing-md)}.tm-local-header{display:flex;justify-content:flex-end;align-items:center;padding:var(--tm-spacing-sm) 0}.tm-refresh-button{padding:var(--tm-spacing-xs) var(--tm-spacing-md);font-size:var(--tm-font-size-label)}.tm-empty-state{padding:var(--tm-spacing-xl);text-align:center;color:var(--tm-color-foreground-secondary);font-size:var(--tm-font-size-body)}.tm-save-bar{display:flex;align-items:center;gap:var(--tm-spacing-sm);flex-shrink:0;margin-left:auto}.tm-save-bar .tm-btn{flex:0 0 auto;white-space:nowrap}
+:where(:root,:host){--tm-color-foreground: #181818;--tm-color-foreground-secondary: #444444;--tm-color-background: #ffffff;--tm-color-border: rgba(128, 128, 128, .2);--tm-color-input-background: #f9f9f9;--tm-color-input-border: rgba(128, 128, 128, .3);--tm-color-focus-border: #0176d3;--tm-color-hover-background: #f3f3f3;--tm-color-selected-background: #e0f0ff;--tm-button-primary-bg: #0176d3;--tm-button-primary-text: #ffffff;--tm-button-secondary-bg: #f3f3f3;--tm-button-secondary-text: #181818;--tm-badge-background: #e0e0e0;--tm-badge-foreground: #181818;--tm-font-family: system-ui, -apple-system, sans-serif;--tm-font-size-title: 14px;--tm-font-size-body: 12px;--tm-font-size-label: 11px;--tm-font-size-small: 10px;--tm-font-weight-normal: 400;--tm-font-weight-semibold: 600;--tm-spacing-xs: 3px;--tm-spacing-sm: 6px;--tm-spacing-md: 8px;--tm-spacing-lg: 12px;--tm-spacing-xl: 16px;--tm-radius-sm: 3px;--tm-radius-md: 4px}*{box-sizing:border-box}.tm-panel-root{font-family:var(--tm-font-family);font-size:var(--tm-font-size-body);color:var(--tm-color-foreground);background:var(--tm-color-background);padding:var(--tm-spacing-lg);line-height:1.4;display:flex;flex-direction:column;gap:var(--tm-spacing-xl);height:auto;overflow:visible}.tm-panel-header{display:flex;flex-direction:column;gap:var(--tm-spacing-md);padding-bottom:var(--tm-spacing-lg);border-bottom:1px solid var(--tm-color-border);flex-shrink:0}.tm-panel-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--tm-spacing-md);flex-wrap:wrap}.tm-panel-title{font-size:var(--tm-font-size-title);font-weight:var(--tm-font-weight-semibold);margin:0}.tm-panel-header>.tm-btn-primary{width:100%}.tm-btn-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;border-radius:var(--tm-radius-sm);background:var(--tm-button-primary-bg);color:var(--tm-button-primary-text);border:none;cursor:pointer}.tm-btn-icon:hover{opacity:.9}.tm-search-box{display:flex;flex-direction:column;gap:var(--tm-spacing-xs)}.tm-search-row{display:flex;gap:var(--tm-spacing-sm);align-items:center}.tm-search-input{flex:1;padding:5px 8px;border:1px solid var(--tm-color-input-border);background:var(--tm-color-input-background);color:var(--tm-color-foreground);border-radius:var(--tm-radius-sm);font-size:var(--tm-font-size-body);outline:none}.tm-search-input:focus{border-color:var(--tm-color-focus-border)}.tm-search-button{flex-shrink:0;width:auto;white-space:nowrap}.tm-search-button:disabled{opacity:.5;cursor:not-allowed}.tm-search-hint{font-size:var(--tm-font-size-small);color:var(--tm-color-foreground-secondary);padding-left:var(--tm-spacing-sm)}.tm-gallery{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--tm-spacing-sm)}.tm-gallery::-webkit-scrollbar{width:5px}.tm-gallery::-webkit-scrollbar-thumb{background:var(--tm-color-border);border-radius:var(--tm-radius-sm)}.tm-gallery-empty{padding:var(--tm-spacing-md);color:var(--tm-color-foreground-secondary);font-size:var(--tm-font-size-label);text-align:center}.tm-gallery-error-message{margin:0 0 var(--tm-spacing-sm)}.tm-gallery-error-help{margin:0}.tm-gallery-error-help a{color:var(--tm-color-primary, var(--tm-color-foreground));text-decoration:underline}.tm-theme-card{padding:var(--tm-spacing-md);border:1px solid var(--tm-color-border);border-radius:var(--tm-radius-md);cursor:pointer;transition:border-color .15s}.tm-theme-card:hover{border-color:var(--tm-color-focus-border)}.tm-theme-card.active{border-color:var(--tm-button-primary-bg);background:var(--tm-color-selected-background)}.tm-swatches{display:flex;gap:var(--tm-spacing-xs);margin-bottom:5px}.tm-swatch{width:22px;height:14px;border-radius:2px;border:1px solid rgba(128,128,128,.15)}.tm-card-info{display:flex;flex-direction:column}.tm-card-label{font-size:var(--tm-font-size-label);font-weight:var(--tm-font-weight-semibold)}.tm-card-desc{font-size:var(--tm-font-size-small);color:var(--tm-color-foreground-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-btn{border:none;border-radius:var(--tm-radius-sm);padding:5px 10px;font-size:var(--tm-font-size-label);cursor:pointer;font-weight:var(--tm-font-weight-normal);transition:opacity .15s}.tm-btn-primary{background:var(--tm-button-primary-bg);color:var(--tm-button-primary-text)}.tm-btn-primary:hover{opacity:.9}.tm-btn-secondary{background:var(--tm-button-secondary-bg);color:var(--tm-button-secondary-text)}.tm-btn-secondary:hover{opacity:.8}.tm-panel-content{display:flex;flex-direction:column;gap:var(--tm-spacing-xl);flex:1;overflow:visible;min-height:0}.tm-section{display:flex;flex-direction:column;gap:var(--tm-spacing-md);padding-bottom:var(--tm-spacing-lg);border-bottom:1px solid var(--tm-color-border)}.tm-section-title{font-size:var(--tm-font-size-small);font-weight:var(--tm-font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--tm-color-foreground-secondary)}.tm-field{display:flex;align-items:center;gap:var(--tm-spacing-sm)}.tm-field-label{font-size:var(--tm-font-size-label);min-width:75px;color:var(--tm-color-foreground)}.tm-color-input{width:28px;height:22px;border:1px solid var(--tm-color-input-border);border-radius:var(--tm-radius-sm);padding:1px;cursor:pointer;background:none}.tm-text-input{flex:1;padding:3px 6px;border:1px solid var(--tm-color-input-border);background:var(--tm-color-input-background);color:var(--tm-color-foreground);border-radius:var(--tm-radius-sm);font-size:var(--tm-font-size-label);outline:none}.tm-text-input:focus{border-color:var(--tm-color-focus-border)}.tm-select{flex:1;padding:3px 6px;border:1px solid var(--tm-color-input-border);background:var(--tm-color-input-background);color:var(--tm-color-foreground);border-radius:var(--tm-radius-sm);font-size:var(--tm-font-size-label);outline:none}.tm-select:focus{border-color:var(--tm-color-focus-border)}.tm-scale-table{width:100%;border-collapse:collapse;font-size:var(--tm-font-size-label)}.tm-scale-table th,.tm-scale-table td{text-align:left;padding:var(--tm-spacing-sm);border-bottom:1px solid var(--tm-color-border);vertical-align:middle}.tm-scale-table thead th{color:var(--tm-color-foreground-secondary);font-weight:var(--tm-font-weight-semibold);white-space:nowrap}.tm-scale-name{font-weight:var(--tm-font-weight-normal);color:var(--tm-color-foreground);white-space:nowrap}.tm-scale-static{color:var(--tm-color-foreground-secondary)}.tm-scale-input{width:64px;padding:3px 6px;border:1px solid var(--tm-color-input-border);background:var(--tm-color-input-background);color:var(--tm-color-foreground);border-radius:var(--tm-radius-sm);font-size:var(--tm-font-size-label);outline:none}.tm-scale-input:focus{border-color:var(--tm-color-focus-border)}.tm-scale-example{width:40%;line-height:1;color:var(--tm-color-foreground);overflow:hidden}.tm-scale-example>span{display:inline-block;max-width:100%;overflow:hidden}.tm-border-weight-example{width:44px;height:24px;border:1px solid var(--tm-color-border);border-top-color:var(--tm-color-foreground);background:var(--tm-color-input-background)}.tm-border-radius-example{width:36px;height:36px;border:2px solid var(--tm-color-foreground);background:var(--tm-color-input-background)}.tm-border-group{display:flex;flex-direction:column;gap:var(--tm-spacing-sm)}.tm-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;min-width:0}.tm-color-field{position:relative;display:flex;flex-direction:column;gap:var(--tm-spacing-xs)}.tm-color-link-btn{position:absolute;top:0;right:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--tm-radius-sm);background:transparent;color:var(--tm-color-foreground-secondary);cursor:pointer}.tm-color-link-btn:hover{background:var(--tm-color-hover-background);color:var(--tm-color-focus-border)}.tm-color-unified-controls{display:flex;flex-direction:column;gap:var(--tm-spacing-xs);padding:var(--tm-spacing-sm);border:1px solid var(--tm-color-input-border);border-radius:var(--tm-radius-md);background:var(--tm-color-input-background);width:100%;min-width:0}.tm-color-picker-row{display:flex;align-items:center;gap:var(--tm-spacing-sm);min-width:0}.tm-color-preview{width:60px;height:22px;border-radius:var(--tm-radius-sm);border:1px solid var(--tm-color-input-border);flex-shrink:0}.tm-color-hex{display:flex;align-items:center;gap:var(--tm-spacing-sm);font-size:var(--tm-font-size-label);min-width:0}.tm-color-opacity{display:flex;flex-direction:column;gap:var(--tm-spacing-xs);font-size:var(--tm-font-size-label);min-width:0}.tm-color-opacity-header{display:flex;align-items:center;justify-content:space-between;gap:var(--tm-spacing-sm)}.tm-opacity-label,.tm-hex-label{min-width:50px;color:var(--tm-color-foreground-secondary)}.tm-opacity-slider{accent-color:var(--tm-button-primary-bg);width:100%;min-width:0}.tm-opacity-value{min-width:35px;text-align:right;font-size:var(--tm-font-size-small);color:var(--tm-color-foreground-secondary)}.tm-hex-input{flex:1;padding:3px 6px;border:1px solid var(--tm-color-input-border);background:var(--tm-color-background);color:var(--tm-color-foreground);border-radius:var(--tm-radius-sm);font-size:var(--tm-font-size-label);outline:none;font-family:monospace;width:100%;min-width:0}.tm-hex-input:focus{border-color:var(--tm-color-focus-border)}.tm-hex-input:invalid{border-color:#d0021b}.tm-density-group{display:flex;border:1px solid var(--tm-color-input-border);border-radius:var(--tm-radius-sm);overflow:hidden;flex:1}.tm-density-btn{flex:1;padding:3px 6px;border:none;font-size:var(--tm-font-size-small);background:var(--tm-color-input-background);color:var(--tm-color-foreground);cursor:pointer;border-right:1px solid var(--tm-color-input-border)}.tm-density-btn:last-child{border-right:none}.tm-density-btn.active{background:var(--tm-button-primary-bg);color:var(--tm-button-primary-text)}.tm-comp-item{padding:var(--tm-spacing-md) 0;border-bottom:1px solid rgba(128,128,128,.1)}.tm-comp-item:last-child{border-bottom:none}.tm-comp-header{display:flex;align-items:center;gap:var(--tm-spacing-sm);margin-bottom:4px}.tm-comp-name{font-size:var(--tm-font-size-label);font-weight:var(--tm-font-weight-normal)}.tm-comp-badge{font-size:9px;padding:1px 5px;border-radius:var(--tm-radius-sm);background:var(--tm-badge-background);color:var(--tm-badge-foreground)}.tm-toggle-row{display:flex;align-items:center;gap:var(--tm-spacing-sm);font-size:var(--tm-font-size-small);cursor:pointer;color:var(--tm-color-foreground-secondary)}.tm-toggle-row input{accent-color:var(--tm-button-primary-bg)}.tm-comp-overrides{margin-top:var(--tm-spacing-sm);padding:var(--tm-spacing-md);border-radius:var(--tm-radius-sm);background:var(--tm-color-input-background);border:1px solid var(--tm-color-input-border);display:flex;flex-direction:column;gap:var(--tm-spacing-sm)}.tm-tab-switcher{display:flex;gap:0;border-bottom:1px solid var(--tm-color-border)}.tm-tab{flex:1;padding:var(--tm-spacing-md) var(--tm-spacing-lg);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--tm-color-foreground-secondary);font-family:var(--tm-font-family);font-size:var(--tm-font-size-body);font-weight:var(--tm-font-weight-normal);cursor:pointer;transition:all .15s ease}.tm-tab:hover{background:var(--tm-color-hover-background)}.tm-tab-active{color:var(--tm-color-foreground);font-weight:var(--tm-font-weight-semibold);border-bottom-color:var(--tm-button-primary-bg)}.tm-section-tabs{margin-bottom:var(--tm-spacing-md)}.tm-button-group{border:1px solid var(--tm-color-border);border-radius:var(--tm-radius-sm);overflow:hidden}.tm-button-group+.tm-button-group{margin-top:var(--tm-spacing-sm)}.tm-button-group-header{display:flex;align-items:center;gap:var(--tm-spacing-sm);width:100%;padding:var(--tm-spacing-sm) var(--tm-spacing-md);background:transparent;border:none;color:var(--tm-color-foreground);font-family:var(--tm-font-family);font-size:var(--tm-font-size-label);font-weight:var(--tm-font-weight-semibold);text-align:left;cursor:pointer}.tm-button-group-header:hover{background:var(--tm-color-hover-background)}.tm-button-group-chevron{flex-shrink:0;font-size:.75em;color:var(--tm-color-foreground-secondary)}.tm-button-group-name{flex:1}.tm-button-group-swatches{display:flex;gap:var(--tm-spacing-xs)}.tm-button-group-swatch{width:14px;height:14px;border-radius:var(--tm-radius-sm);border:1px solid var(--tm-color-border)}.tm-button-group .tm-color-grid{padding:0 var(--tm-spacing-md) var(--tm-spacing-md)}.tm-local-header{display:flex;justify-content:flex-end;align-items:center;padding:var(--tm-spacing-sm) 0}.tm-refresh-button{padding:var(--tm-spacing-xs) var(--tm-spacing-md);font-size:var(--tm-font-size-label)}.tm-empty-state{padding:var(--tm-spacing-xl);text-align:center;color:var(--tm-color-foreground-secondary);font-size:var(--tm-font-size-body)}.tm-save-bar{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:var(--tm-spacing-sm);flex-shrink:0;margin-left:auto}.tm-save-bar .tm-btn{flex:0 1 auto;max-width:100%;white-space:normal}

package/dist/authoring/web-component/index.d.cts

@@ -26,6 +26,14 @@ export declare class ThemeManagerPanelElement extends HTMLElement {
     set loading(value: boolean);
     get error(): string | undefined;
     set error(value: string | undefined);
+    /**
+     * Optional help URL rendered as a link beneath the error message. Set by a
+     * host for actionable errors (e.g. an org auth failure or no connected org)
+     * so the user can reach official org-authorization docs. Omit for
+     * non-actionable errors.
+     */
+    get errorHelpUrl(): string | undefined;
+    set errorHelpUrl(value: string | undefined);
     /**
      * Whether the panel renders its own Save / Apply bar. Defaults to `true`.
      * Set `false` when the host provides its own Save/Apply chrome (e.g. the
@@ -34,6 +42,13 @@ export declare class ThemeManagerPanelElement extends HTMLElement {
      */
     get showSaveBar(): boolean;
     set showSaveBar(value: boolean);
+    /**
+     * Whether the panel renders its own title. Defaults to `true`. Set `false`
+     * when the host shows the title in its own chrome (e.g. the VS Code extension
+     * renders it in an app-wide header) so the panel doesn't show a duplicate.
+     */
+    get showTitle(): boolean;
+    set showTitle(value: boolean);
     connectedCallback(): void;
     disconnectedCallback(): void;
 }

package/dist/authoring/web-component/index.d.ts

@@ -26,6 +26,14 @@ export declare class ThemeManagerPanelElement extends HTMLElement {
     set loading(value: boolean);
     get error(): string | undefined;
     set error(value: string | undefined);
+    /**
+     * Optional help URL rendered as a link beneath the error message. Set by a
+     * host for actionable errors (e.g. an org auth failure or no connected org)
+     * so the user can reach official org-authorization docs. Omit for
+     * non-actionable errors.
+     */
+    get errorHelpUrl(): string | undefined;
+    set errorHelpUrl(value: string | undefined);
     /**
      * Whether the panel renders its own Save / Apply bar. Defaults to `true`.
      * Set `false` when the host provides its own Save/Apply chrome (e.g. the
@@ -34,6 +42,13 @@ export declare class ThemeManagerPanelElement extends HTMLElement {
      */
     get showSaveBar(): boolean;
     set showSaveBar(value: boolean);
+    /**
+     * Whether the panel renders its own title. Defaults to `true`. Set `false`
+     * when the host shows the title in its own chrome (e.g. the VS Code extension
+     * renders it in an app-wide header) so the panel doesn't show a duplicate.
+     */
+    get showTitle(): boolean;
+    set showTitle(value: boolean);
     connectedCallback(): void;
     disconnectedCallback(): void;
 }

package/dist/authoring/web-component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/authoring/web-component/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAiCH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAsClD,kDAAkD;AAClD,qBAAa,wBAAyB,SAAQ,WAAW;;IAYxD,IAAI,MAAM,IAAI,KAAK,EAAE,CAEpB;IACD,IAAI,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,EAGxB;IAED,IAAI,WAAW,IAAI,KAAK,EAAE,CAEzB;IACD,IAAI,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,EAG7B;IAED,IAAI,aAAa,IAAI,MAAM,CAE1B;IACD,IAAI,aAAa,CAAC,KAAK,EAAE,MAAM,EAG9B;IAED,IAAI,SAAS,IAAI,OAAO,GAAG,KAAK,CAE/B;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,EAGnC;IAED;;;;;;;;OAQG;IACH,IAAI,MAAM,IAAI,OAAO,CAAC,WAAW,CAAC,GAAG,SAAS,CAE7C;IACD,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,SAAS,EAGjD;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAGzB;IAED,IAAI,KAAK,IAAI,MAAM,GAAG,SAAS,CAE9B;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAGlC;IAED;;;;;OAKG;IACH,IAAI,WAAW,IAAI,OAAO,CAEzB;IACD,IAAI,WAAW,CAAC,KAAK,EAAE,OAAO,EAG7B;IAkBD,iBAAiB,IAAI,IAAI;IAkBzB,oBAAoB,IAAI,IAAI;CA+B5B;AASD,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC1D,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/authoring/web-component/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAqCH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAwClD,kDAAkD;AAClD,qBAAa,wBAAyB,SAAQ,WAAW;;IAcxD,IAAI,MAAM,IAAI,KAAK,EAAE,CAEpB;IACD,IAAI,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,EAGxB;IAED,IAAI,WAAW,IAAI,KAAK,EAAE,CAEzB;IACD,IAAI,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,EAG7B;IAED,IAAI,aAAa,IAAI,MAAM,CAE1B;IACD,IAAI,aAAa,CAAC,KAAK,EAAE,MAAM,EAG9B;IAED,IAAI,SAAS,IAAI,OAAO,GAAG,KAAK,CAE/B;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,EAGnC;IAED;;;;;;;;OAQG;IACH,IAAI,MAAM,IAAI,OAAO,CAAC,WAAW,CAAC,GAAG,SAAS,CAE7C;IACD,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,SAAS,EAGjD;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAGzB;IAED,IAAI,KAAK,IAAI,MAAM,GAAG,SAAS,CAE9B;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAGlC;IAED;;;;;OAKG;IACH,IAAI,YAAY,IAAI,MAAM,GAAG,SAAS,CAErC;IACD,IAAI,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAGzC;IAED;;;;;OAKG;IACH,IAAI,WAAW,IAAI,OAAO,CAEzB;IACD,IAAI,WAAW,CAAC,KAAK,EAAE,OAAO,EAG7B;IAED;;;;OAIG;IACH,IAAI,SAAS,IAAI,OAAO,CAEvB;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAG3B;IAkBD,iBAAiB,IAAI,IAAI;IAkBzB,oBAAoB,IAAI,IAAI;CAiC5B;AASD,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC1D,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}