@testgorilla/tgo-ui 11.3.0 → 11.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@testgorilla/tgo-ui",
-  "version": "11.3.0",
+  "version": "11.4.0",
   "license": "proprietary-license",
   "lint-staged": {
     "{projects,components}/**/*.ts": [

package/types/testgorilla-tgo-ui-components-badge.d.ts

@@ -21,7 +21,7 @@ declare enum BadgeColorEnum {
     BLUE_20 = "blue-20",
     BLUE_40 = "blue-40"
 }
-type RebrandBadgeColor = 'success' | 'warning' | 'negative' | 'info' | 'brand' | 'neutral' | 'blue-20' | 'blue-40' | 'pink-30' | 'blue-10' | 'grey-10' | 'grey-20' | 'grey-30';
+type RebrandBadgeColor = 'success' | 'warning' | 'negative' | 'info' | 'brand' | 'neutral' | 'blue-20' | 'blue-40' | 'pink-30' | 'pink-50' | 'blue-10' | 'grey-10' | 'grey-20' | 'grey-30';
 declare enum RebrandBadgeColorEnum {
     SUCCESS = "success",
     WARNING = "warning",
@@ -32,6 +32,7 @@ declare enum RebrandBadgeColorEnum {
     BLUE_40 = "blue-40",
     BLUE_20 = "blue-20",
     PINK_30 = "pink-30",
+    PINK_50 = "pink-50",
     BLUE_10 = "blue-10",
     GREY_30 = "grey-30",
     GREY_20 = "grey-20",

package/types/testgorilla-tgo-ui-components-popover.d.ts

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { OnInit, OnDestroy, TemplateRef } from '@angular/core';
 import { HorizontalConnectionPos } from '@angular/cdk/overlay';
+import { CardSize } from '@testgorilla/tgo-ui/components/card';
 
 declare class PopoverDirective implements OnInit, OnDestroy {
     uiPopover: _angular_core.InputSignal<TemplateRef<unknown>>;
@@ -8,6 +9,7 @@ declare class PopoverDirective implements OnInit, OnDestroy {
     popoverAlign: _angular_core.InputSignal<HorizontalConnectionPos>;
     popoverOpen: _angular_core.InputSignal<boolean>;
     popoverCard: _angular_core.InputSignal<boolean>;
+    popoverCardSize: _angular_core.InputSignal<CardSize>;
     uiPopoverDisabled: _angular_core.InputSignal<boolean>;
     private readonly overlay;
     private readonly elementRef;
@@ -29,7 +31,7 @@ declare class PopoverDirective implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopoverDirective, "[uiPopover]", never, { "uiPopover": { "alias": "uiPopover"; "required": true; "isSignal": true; }; "popoverOffset": { "alias": "popoverOffset"; "required": false; "isSignal": true; }; "popoverAlign": { "alias": "popoverAlign"; "required": false; "isSignal": true; }; "popoverOpen": { "alias": "popoverOpen"; "required": false; "isSignal": true; }; "popoverCard": { "alias": "popoverCard"; "required": false; "isSignal": true; }; "uiPopoverDisabled": { "alias": "uiPopoverDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopoverDirective, "[uiPopover]", never, { "uiPopover": { "alias": "uiPopover"; "required": true; "isSignal": true; }; "popoverOffset": { "alias": "popoverOffset"; "required": false; "isSignal": true; }; "popoverAlign": { "alias": "popoverAlign"; "required": false; "isSignal": true; }; "popoverOpen": { "alias": "popoverOpen"; "required": false; "isSignal": true; }; "popoverCard": { "alias": "popoverCard"; "required": false; "isSignal": true; }; "popoverCardSize": { "alias": "popoverCardSize"; "required": false; "isSignal": true; }; "uiPopoverDisabled": { "alias": "uiPopoverDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { PopoverDirective };

package/types/testgorilla-tgo-ui-components-segmented-toggle.d.ts

@@ -1,7 +1,9 @@
 import * as _angular_core from '@angular/core';
+import { TooltipPosition } from '@angular/material/tooltip';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import { IconName } from '@testgorilla/tgo-ui/components/icon';
+import { TooltipPositionType } from '@testgorilla/tgo-ui/components/tooltip';
 
 interface SegmentedToggleOption<T> {
     value: T;
@@ -23,6 +25,13 @@ interface SegmentedToggleOption<T> {
      * any non-brand option shows the neutral pill.
      */
     brand?: boolean;
+    /** Optional tooltip text shown when hovering or focusing this segment. */
+    tooltip?: string;
+    /**
+     * Position of the tooltip relative to the segment. Only relevant when
+     * `tooltip` is set. Defaults to `TooltipPositionType.TOP`.
+     */
+    tooltipPosition?: TooltipPositionType;
 }
 
 declare class SegmentedToggleComponent<T> {
@@ -58,6 +67,8 @@ declare class SegmentedToggleComponent<T> {
      * the button and this returns `null` (no `aria-label` attribute).
      */
     protected fallbackAriaLabel(option: SegmentedToggleOption<T>): string | null;
+    /** Maps the option's Canopy tooltip position (default TOP) to the MatTooltip position. */
+    protected tooltipPosition(option: SegmentedToggleOption<T>): TooltipPosition;
     /** Reads the active button's box and writes it to the indicator signals. */
     private measureIndicator;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedToggleComponent<any>, never>;