@prolibu-suite/cobalt-core 0.3.0 → 0.5.0

package/dist/types/components/co-tab-group/co-tab-group.d.ts

@@ -3,11 +3,18 @@ export declare class CoTabGroup {
     el: HTMLElement;
     /** Currently selected tab value */
     value?: string;
+    /** Visual variant, propagated to slotted co-tab children */
+    variant: 'pill' | 'underline' | 'segmented';
     /** Emitted when the active tab changes */
     coTabChange: EventEmitter<string>;
     onTabSelect(e: CustomEvent<string>): void;
     watchValue(): void;
+    watchVariant(): void;
     componentDidLoad(): void;
+    /** Slotted tabs can mount AFTER the group (async v-for data): re-propagate
+        variant/selection whenever the slot content changes, or late tabs render
+        with the default pill variant. */
+    private onSlotChange;
     private syncTabs;
     render(): any;
 }

package/dist/types/components/co-toast/co-toast.d.ts

@@ -25,6 +25,13 @@ export declare class CoToast {
     actionsLayout: CoToastActionsLayout;
     /** Semantic variant — drives left accent color, icon tint, default icon, and announced ARIA role. */
     variant: CoToastVariant;
+    /**
+     * Determinate upload/loading progress (0–100). When set, a progress track is
+     * rendered below the message row (with a percentage label, and an
+     * `upload-simple` azul icon when no `icon` is provided). Leave undefined for
+     * a plain toast — behaviour is unchanged.
+     */
+    progress?: number;
     /** Emitted when dismiss is clicked */
     coDismiss: EventEmitter<void>;
     render(): any;

package/dist/types/components/co-toggle-button/co-toggle-button.d.ts

@@ -7,6 +7,12 @@ export declare class CoToggleButton {
     iconRight?: string;
     size: 'l' | 'm' | 's' | 'xs';
     disabled: boolean;
+    /** Visual variant. 'track' renders the button as a detached rounded pill for a
+     *  sunken toggle-button-group track. Normally set by the parent group. */
+    variant: 'connected' | 'track';
+    /** When set, the leading/trailing icon renders at this weight while the button
+     *  is selected (e.g. 'fill' for the active segment of a track toggle). */
+    selectedIconWeight?: 'regular' | 'fill';
     coToggle: EventEmitter<{
         value: string;
         selected: boolean;

package/dist/types/components/co-toggle-button-group/co-toggle-button-group.d.ts

@@ -8,10 +8,15 @@ export declare class CoToggleButtonGroup {
     direction: 'row' | 'column';
     /** Stretch the group to fill its container; each button shares the width equally. */
     fullWidth: boolean;
+    /** 'connected' (default) keeps the seamless dark-fill segmented control.
+     *  'track' turns the group into a sunken gray track carrying detached rounded
+     *  pills (white + shadow when selected) — e.g. an icon-only view toggle. */
+    variant: 'connected' | 'track';
     el: HTMLElement;
     coChange: EventEmitter<string | string[]>;
     private get selectedValues();
     syncChildren(): void;
+    syncVariant(): void;
     componentDidLoad(): void;
     handleToggle(e: CustomEvent<{
         value: string;