@prolibu-suite/cobalt-core 0.11.5 → 0.11.6

package/custom-elements.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-09-28T18:52:48",
+  "timestamp": "2026-09-30T15:18:14",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.4",
@@ -1434,7 +1434,7 @@
             "references": {
               "AutocompleteOption": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-autocomplete/co-autocomplete.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-autocomplete/co-autocomplete.tsx",
                 "id": "src/components/co-autocomplete/co-autocomplete.tsx::AutocompleteOption"
               }
             }
@@ -2270,7 +2270,7 @@
             "references": {
               "CoAvatarGroupItem": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-avatar-group/co-avatar-group.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-avatar-group/co-avatar-group.tsx",
                 "id": "src/components/co-avatar-group/co-avatar-group.tsx::CoAvatarGroupItem"
               }
             }
@@ -7047,7 +7047,7 @@
             "references": {
               "CheckboxOption": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-checkbox-group/co-checkbox-group.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-checkbox-group/co-checkbox-group.tsx",
                 "id": "src/components/co-checkbox-group/co-checkbox-group.tsx::CheckboxOption"
               }
             }
@@ -8162,7 +8162,7 @@
             "references": {
               "ColorAreaDetail": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-color-area/co-color-area.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-color-area/co-color-area.tsx",
                 "id": "src/components/co-color-area/co-color-area.tsx::ColorAreaDetail"
               }
             }
@@ -8182,7 +8182,7 @@
             "references": {
               "ColorAreaDetail": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-color-area/co-color-area.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-color-area/co-color-area.tsx",
                 "id": "src/components/co-color-area/co-color-area.tsx::ColorAreaDetail"
               }
             }
@@ -8688,7 +8688,7 @@
             "references": {
               "ColorSliderChannel": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-color-slider/co-color-slider.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-color-slider/co-color-slider.tsx",
                 "id": "src/components/co-color-slider/co-color-slider.tsx::ColorSliderChannel"
               }
             }
@@ -9908,7 +9908,7 @@
             "references": {
               "ComboboxOption": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-combobox/co-combobox.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-combobox/co-combobox.tsx",
                 "id": "src/components/co-combobox/co-combobox.tsx::ComboboxOption"
               }
             }
@@ -10617,7 +10617,7 @@
             "references": {
               "CommandItem": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-command-search/co-command-search.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-command-search/co-command-search.tsx",
                 "id": "src/components/co-command-search/co-command-search.tsx::CommandItem"
               }
             }
@@ -11009,7 +11009,7 @@
             "references": {
               "CoDataTableColumn": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-data-table/co-data-table.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-data-table/co-data-table.tsx",
                 "id": "src/components/co-data-table/co-data-table.tsx::CoDataTableColumn"
               }
             }
@@ -15179,7 +15179,7 @@
             "references": {
               "DateRangeValue": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
                 "id": "src/components/co-date-range-picker/co-date-range-picker.tsx::DateRangeValue"
               }
             }
@@ -15255,7 +15255,7 @@
             "references": {
               "DateRangeValue": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
                 "id": "src/components/co-date-range-picker/co-date-range-picker.tsx::DateRangeValue"
               }
             }
@@ -16469,7 +16469,7 @@
             "references": {
               "DocumentFeatures": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-document-editor/co-document-editor.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-document-editor/co-document-editor.tsx",
                 "id": "src/components/co-document-editor/co-document-editor.tsx::DocumentFeatures"
               }
             }
@@ -16652,7 +16652,7 @@
             "references": {
               "DocumentMargins": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-document-editor/co-document-editor.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-document-editor/co-document-editor.tsx",
                 "id": "src/components/co-document-editor/co-document-editor.tsx::DocumentMargins"
               }
             }
@@ -16687,7 +16687,7 @@
             "references": {
               "DocumentPageSize": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-document-editor/co-document-editor.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-document-editor/co-document-editor.tsx",
                 "id": "src/components/co-document-editor/co-document-editor.tsx::DocumentPageSize"
               }
             }
@@ -17164,7 +17164,7 @@
             "references": {
               "DocumentActionDetail": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-document-editor/co-document-editor.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-document-editor/co-document-editor.tsx",
                 "id": "src/components/co-document-editor/co-document-editor.tsx::DocumentActionDetail"
               }
             }
@@ -17219,7 +17219,7 @@
             "references": {
               "DocumentHeaderDetail": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-document-editor/co-document-editor.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-document-editor/co-document-editor.tsx",
                 "id": "src/components/co-document-editor/co-document-editor.tsx::DocumentHeaderDetail"
               }
             }
@@ -30467,7 +30467,7 @@
             "references": {
               "PopoverPlacement": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-popover/co-popover.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-popover/co-popover.tsx",
                 "id": "src/components/co-popover/co-popover.tsx::PopoverPlacement"
               }
             }
@@ -31653,7 +31653,7 @@
             "references": {
               "RadioOption": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-radio-group/co-radio-group.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-radio-group/co-radio-group.tsx",
                 "id": "src/components/co-radio-group/co-radio-group.tsx::RadioOption"
               }
             }
@@ -33454,7 +33454,7 @@
               },
               "RefFieldOption": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-ref-field/co-ref-field.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-ref-field/co-ref-field.tsx",
                 "id": "src/components/co-ref-field/co-ref-field.tsx::RefFieldOption"
               }
             },
@@ -33483,7 +33483,7 @@
             "references": {
               "RefFieldOption": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-ref-field/co-ref-field.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-ref-field/co-ref-field.tsx",
                 "id": "src/components/co-ref-field/co-ref-field.tsx::RefFieldOption"
               }
             }
@@ -33573,7 +33573,7 @@
             "references": {
               "RefFieldOption": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-ref-field/co-ref-field.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-ref-field/co-ref-field.tsx",
                 "id": "src/components/co-ref-field/co-ref-field.tsx::RefFieldOption"
               }
             }
@@ -33621,7 +33621,7 @@
             "references": {
               "RefFieldOption": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-ref-field/co-ref-field.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-ref-field/co-ref-field.tsx",
                 "id": "src/components/co-ref-field/co-ref-field.tsx::RefFieldOption"
               }
             }
@@ -35954,7 +35954,7 @@
             "references": {
               "CoSegment": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-segmented-bar/co-segmented-bar.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-segmented-bar/co-segmented-bar.tsx",
                 "id": "src/components/co-segmented-bar/co-segmented-bar.tsx::CoSegment"
               }
             }
@@ -36494,7 +36494,7 @@
             "references": {
               "SelectOption": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-select/co-select.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-select/co-select.tsx",
                 "id": "src/components/co-select/co-select.tsx::SelectOption"
               }
             }
@@ -37568,7 +37568,7 @@
             "references": {
               "NavigateDetail": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-sidebar-nav/co-sidebar-nav.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-sidebar-nav/co-sidebar-nav.tsx",
                 "id": "src/components/co-sidebar-nav/co-sidebar-nav.tsx::NavigateDetail"
               }
             }
@@ -41104,7 +41104,7 @@
             "references": {
               "CoToastActionsLayout": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-toast/co-toast.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-toast/co-toast.tsx",
                 "id": "src/components/co-toast/co-toast.tsx::CoToastActionsLayout"
               }
             }
@@ -41280,7 +41280,7 @@
             "references": {
               "CoToastVariant": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-toast/co-toast.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-toast/co-toast.tsx",
                 "id": "src/components/co-toast/co-toast.tsx::CoToastVariant"
               }
             }
@@ -42431,6 +42431,40 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "tone",
+          "type": "\"default\" | \"error\"",
+          "complexType": {
+            "original": "'default' | 'error'",
+            "resolved": "\"default\" | \"error\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "tone",
+          "reflectToAttr": false,
+          "docs": "Color tone of the panel (and arrow). `error` = solid `--co-semantic-status-error`\nsurface with white text, for a record/state warning (e.g. \"Inactive\").\nIndependent of `variant`.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'default'"
+            }
+          ],
+          "default": "'default'",
+          "values": [
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "error",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "variant",
           "type": "\"default\" | \"label\"",
@@ -42660,7 +42694,7 @@
             "references": {
               "TransferOption": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-transfer-list/co-transfer-list.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-transfer-list/co-transfer-list.tsx",
                 "id": "src/components/co-transfer-list/co-transfer-list.tsx::TransferOption"
               }
             }
@@ -43090,7 +43124,7 @@
             "references": {
               "TreeItemSelection": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-tree-item/co-tree-item.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-tree-item/co-tree-item.tsx",
                 "id": "src/components/co-tree-item/co-tree-item.tsx::TreeItemSelection"
               }
             }
@@ -43134,7 +43168,7 @@
             "references": {
               "TreeItemSize": {
                 "location": "local",
-                "path": "/Users/agox/worktrees/cobalt-audio-peaks/packages/core/src/components/co-tree-item/co-tree-item.tsx",
+                "path": "/Users/agox/worktrees/cobalt-tooltip-tone/packages/core/src/components/co-tree-item/co-tree-item.tsx",
                 "id": "src/components/co-tree-item/co-tree-item.tsx::TreeItemSize"
               }
             }

package/dist/cjs/co-kbd_2.cjs.entry.js

@@ -181,7 +181,7 @@ const CoKbd = class {
 };
 CoKbd.style = coKbdCss();
 
-const coTooltipCss = () => `:host{display:inline-block;position:relative}.co-tooltip{display:inline-block}.co-tooltip__trigger{display:inline-block}:host([block]){display:block;width:100%;min-width:0}:host([block]) .co-tooltip,:host([block]) .co-tooltip__trigger{display:block;width:100%;min-width:0}.co-tooltip__panel{position:fixed;inset:auto;top:0;left:0;margin:0;border:0;max-height:none;overflow:visible;z-index:10000;visibility:hidden;opacity:0;pointer-events:none;background:var(--co-color-base-negro, #1f1c1b);color:var(--co-color-base-blanco, #fff);font-family:var(--co-font-family-primary, 'Geist', sans-serif);font-size:var(--co-font-size-12, 12px);line-height:1.4;font-weight:400;text-transform:none;letter-spacing:var(--co-font-letter-spacing-body, normal);padding:var(--co-spacing-xs, 4px) var(--co-spacing-sm, 8px);border-radius:var(--co-border-radius-xxs, 4px);box-shadow:0 4px 12px rgba(31, 28, 27, 0.12);white-space:normal;word-wrap:break-word;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tooltip__panel--positioned{visibility:visible;opacity:1}.co-tooltip__panel--closing{visibility:visible;opacity:0;transition:opacity var(--co-motion-duration-instant) var(--co-motion-ease-in),     transform var(--co-motion-duration-instant) var(--co-motion-ease-in)}.co-tooltip__panel--top{transform:translateY(4px)}.co-tooltip__panel--top.co-tooltip__panel--positioned{transform:translateY(0)}.co-tooltip__panel--bottom{transform:translateY(-4px)}.co-tooltip__panel--bottom.co-tooltip__panel--positioned{transform:translateY(0)}.co-tooltip__panel--left{transform:translateX(4px)}.co-tooltip__panel--left.co-tooltip__panel--positioned{transform:translateX(0)}.co-tooltip__panel--right{transform:translateX(-4px)}.co-tooltip__panel--right.co-tooltip__panel--positioned{transform:translateX(0)}.co-tooltip__arrow{position:absolute;width:0;height:0;border:5px solid transparent}.co-tooltip__arrow--top{bottom:-10px;left:50%;transform:translateX(-50%);border-top-color:var(--co-color-base-negro, #1f1c1b);border-bottom:none}.co-tooltip__arrow--bottom{top:-5px;left:50%;transform:translateX(-50%);border-bottom-color:var(--co-color-base-negro, #1f1c1b);border-top:none}.co-tooltip__arrow--left{right:-10px;top:50%;transform:translateY(-50%);border-left-color:var(--co-color-base-negro, #1f1c1b);border-right:none}.co-tooltip__arrow--right{left:-5px;top:50%;transform:translateY(-50%);border-right-color:var(--co-color-base-negro, #1f1c1b);border-left:none}.co-tooltip__content{display:block}.co-tooltip__panel--label{padding:4px 8px;border-radius:var(--co-border-radius-xs, 8px);font-weight:var(--co-font-weight-medium, 500);line-height:1;box-shadow:none}.co-tooltip__panel--label .co-tooltip__arrow{display:none}.co-tooltip__panel--with-shortcut{display:flex;align-items:center;gap:6px}.co-tooltip__panel--with-shortcut:not(.co-tooltip__panel--label){padding-right:10px;}.co-tooltip__panel--label.co-tooltip__panel--with-shortcut{padding-right:4px}`;
+const coTooltipCss = () => `:host{display:inline-block;position:relative}.co-tooltip{display:inline-block}.co-tooltip__trigger{display:inline-block}:host([block]){display:block;width:100%;min-width:0}:host([block]) .co-tooltip,:host([block]) .co-tooltip__trigger{display:block;width:100%;min-width:0}.co-tooltip__panel{position:fixed;inset:auto;top:0;left:0;margin:0;border:0;max-height:none;overflow:visible;z-index:10000;visibility:hidden;opacity:0;pointer-events:none;--co-tooltip-surface:var(--co-color-base-negro, #1f1c1b);background:var(--co-tooltip-surface);color:var(--co-color-base-blanco, #fff);font-family:var(--co-font-family-primary, 'Geist', sans-serif);font-size:var(--co-font-size-12, 12px);line-height:1.4;font-weight:400;text-transform:none;letter-spacing:var(--co-font-letter-spacing-body, normal);padding:var(--co-spacing-xs, 4px) var(--co-spacing-sm, 8px);border-radius:var(--co-border-radius-xxs, 4px);box-shadow:0 4px 12px rgba(31, 28, 27, 0.12);white-space:normal;word-wrap:break-word;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tooltip__panel--positioned{visibility:visible;opacity:1}.co-tooltip__panel--closing{visibility:visible;opacity:0;transition:opacity var(--co-motion-duration-instant) var(--co-motion-ease-in),     transform var(--co-motion-duration-instant) var(--co-motion-ease-in)}.co-tooltip__panel--top{transform:translateY(4px)}.co-tooltip__panel--top.co-tooltip__panel--positioned{transform:translateY(0)}.co-tooltip__panel--bottom{transform:translateY(-4px)}.co-tooltip__panel--bottom.co-tooltip__panel--positioned{transform:translateY(0)}.co-tooltip__panel--left{transform:translateX(4px)}.co-tooltip__panel--left.co-tooltip__panel--positioned{transform:translateX(0)}.co-tooltip__panel--right{transform:translateX(-4px)}.co-tooltip__panel--right.co-tooltip__panel--positioned{transform:translateX(0)}.co-tooltip__arrow{position:absolute;width:0;height:0;border:5px solid transparent}.co-tooltip__arrow--top{bottom:-10px;left:50%;transform:translateX(-50%);border-top-color:var(--co-tooltip-surface);border-bottom:none}.co-tooltip__arrow--bottom{top:-5px;left:50%;transform:translateX(-50%);border-bottom-color:var(--co-tooltip-surface);border-top:none}.co-tooltip__arrow--left{right:-10px;top:50%;transform:translateY(-50%);border-left-color:var(--co-tooltip-surface);border-right:none}.co-tooltip__arrow--right{left:-5px;top:50%;transform:translateY(-50%);border-right-color:var(--co-tooltip-surface);border-left:none}.co-tooltip__panel--tone-error{--co-tooltip-surface:var(--co-semantic-status-error, #aa2e1b)}.co-tooltip__content{display:block}.co-tooltip__panel--label{padding:4px 8px;border-radius:var(--co-border-radius-xs, 8px);font-weight:var(--co-font-weight-medium, 500);line-height:1;box-shadow:none}.co-tooltip__panel--label .co-tooltip__arrow{display:none}.co-tooltip__panel--with-shortcut{display:flex;align-items:center;gap:6px}.co-tooltip__panel--with-shortcut:not(.co-tooltip__panel--label){padding-right:10px;}.co-tooltip__panel--label.co-tooltip__panel--with-shortcut{padding-right:4px}`;
 
 const CoTooltip = class {
     constructor(hostRef) {
@@ -216,6 +216,12 @@ const CoTooltip = class {
          * arrow hide is CSS-only — `arrow`'s own default/behavior is unchanged.
          */
         this.variant = 'default';
+        /**
+         * Color tone of the panel (and arrow). `error` = solid `--co-semantic-status-error`
+         * surface with white text, for a record/state warning (e.g. "Inactive").
+         * Independent of `variant`.
+         */
+        this.tone = 'default';
         // ── State ──────────────────────────────────────────────────
         this.visible = false;
         this.actualPlacement = 'top';
@@ -447,11 +453,12 @@ const CoTooltip = class {
     // ── Render ─────────────────────────────────────────────────
     render() {
         const side = this.actualPlacement.split('-')[0];
-        return (index.h("div", { key: '816e80ee775d782c3827fb3ba43187992e348429', class: "co-tooltip" }, index.h("div", { key: 'd4d3b56ae5502ccc4fc5c30c5191860ebef51140', class: "co-tooltip__trigger", ref: (el) => (this.triggerEl = el), onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onPointerDown: this.handlePointerDown, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.handleKeyDown, "aria-describedby": this.visible ? 'tooltip-panel' : undefined }, index.h("slot", { key: '357ff69bca524ce8c5f3ec21936fef944733cd22' })), (this.visible || this.closing) && this.content && (index.h("div", { key: '7d379c2ddafa6e84fbe5d5a4d3e9192a3ddfac87', id: "tooltip-panel", class: {
+        return (index.h("div", { key: '53c8dbd21619fd8caa4105b86b4b1765c2361252', class: "co-tooltip" }, index.h("div", { key: 'f9e5e3b352b37c69a67538c6db3d10f9fc945976', class: "co-tooltip__trigger", ref: (el) => (this.triggerEl = el), onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onPointerDown: this.handlePointerDown, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.handleKeyDown, "aria-describedby": this.visible ? 'tooltip-panel' : undefined }, index.h("slot", { key: '067ac53e5b491c7990acfa7c236ae2090a6657fc' })), (this.visible || this.closing) && this.content && (index.h("div", { key: '42436edfbd802bfd8c23dea5b8cfdd290fa150c7', id: "tooltip-panel", class: {
                 'co-tooltip__panel': true,
                 [`co-tooltip__panel--${side}`]: true,
                 'co-tooltip__panel--closing': this.closing,
                 'co-tooltip__panel--label': this.variant === 'label',
+                'co-tooltip__panel--tone-error': this.tone === 'error',
                 'co-tooltip__panel--with-shortcut': !!this.shortcut,
             }, role: "tooltip", popover: "manual", part: "panel", onTransitionEnd: this.handlePanelTransitionEnd, ref: (el) => {
                 if (el && el !== this.panelEl) {
@@ -459,7 +466,7 @@ const CoTooltip = class {
                     this.promotePanel();
                     this.scheduleUpdate();
                 }
-            }, style: { maxWidth: this.maxWidth } }, this.arrow && index.h("div", { key: '0898aa009807ee6d48cdb01a5db9f4ef773804b9', class: `co-tooltip__arrow co-tooltip__arrow--${side}` }), index.h("span", { key: '07678a78b9fdf0955c54d4dc2c491e5205e7937d', class: "co-tooltip__content" }, this.content), this.shortcut && index.h("co-kbd", { key: '24aa138140da114eed006f3488dc6cbc105ccee3', keys: this.shortcut, surface: "dark", size: "xs" })))));
+            }, style: { maxWidth: this.maxWidth } }, this.arrow && index.h("div", { key: '7520aaa3245fea55a7fcac31f33c56247b1fb5d8', class: `co-tooltip__arrow co-tooltip__arrow--${side}` }), index.h("span", { key: 'd3797d1c3a31c64cb30d4d8f448204e3a9f8c017', class: "co-tooltip__content" }, this.content), this.shortcut && index.h("co-kbd", { key: '01354b1fd110de3000d48ad9eaef0e3329a64e48', keys: this.shortcut, surface: "dark", size: "xs" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {