@cobre-npm/ds-v3 0.129.0 → 0.131.0

package/dist/types/components/molecules/CobreCollapsableCard/CobreCollapsableCard.vue.d.ts

@@ -3,6 +3,10 @@
  * Consolidates the collapsable card pattern used across multiple MFEs (NewSubclient, Developer, etc).
  * Use for forms, data sections, or any content that should collapse on demand. The header is clickable
  * to toggle expansion; use the primaryAction slot for action buttons (remove, edit) without triggering collapse.
+ *
+ * Theming — override these CSS custom properties from the consumer to restyle without :deep():
+ *   --cobre-collapsable-card-bg         card background (default: --cobre-primary-5)
+ *   --cobre-collapsable-card-header-bg  header background (default: transparent, inherits the card bg)
  */
 interface Props {
     title: string;

package/dist/types/directives/co-dropdown.d.ts

@@ -0,0 +1,12 @@
+import type { Directive } from 'vue';
+interface DropdownElement extends HTMLElement {
+    _coDropdownCleanup?: () => void;
+}
+/**
+ * `v-co-dropdown` — activates the Bootstrap dropdown that DS components declare.
+ *
+ * On click it first hides any other open dropdown, then opens its own, so at most
+ * one is visible at a time. Registered for consumers by `CobreDirectives`.
+ */
+export declare const coDropdown: Directive<DropdownElement>;
+export {};

package/dist/types/directives/co-error-bank-logo.d.ts

@@ -0,0 +1,8 @@
+import type { Directive } from 'vue';
+/**
+ * `v-co-error-bank-logo` — no-op placeholder. `CobreBankLogo` applies this
+ * directive, so it must resolve or Vue logs `Failed to resolve directive`. It
+ * carries no behavior today (mirrors the empty directive in the portal app);
+ * kept as a named export so it can grow behavior without touching consumers.
+ */
+export declare const coErrorBankLogo: Directive;

package/dist/types/directives/co-tooltip.d.ts

@@ -0,0 +1,29 @@
+import type { Directive } from 'vue';
+interface TooltipElement extends HTMLElement {
+    _coTooltipCleanup?: () => void;
+}
+/**
+ * Hide every currently-mounted DS tooltip. Router-agnostic trigger: the DS exposes
+ * it and the app decides when to fire it, so the DS never depends on `vue-router`.
+ *
+ * Most navigation unmounts the tooltipped element, and `unmounted` already disposes
+ * it — so this is only needed for tooltips on elements that survive navigation (a
+ * persistent shell/header). Wire it once, wherever "dismiss now" makes sense (a
+ * route guard, a modal open, a tab switch):
+ *
+ * ```ts
+ * import { hideOpenTooltips } from '@cobre-npm/ds-v3'
+ * router.beforeEach(() => { hideOpenTooltips() })
+ * ```
+ */
+export declare const hideOpenTooltips: () => void;
+/**
+ * `v-co-tooltip` — activates the Bootstrap tooltip that DS components declare via
+ * `data-bs-toggle="tooltip"` + `title` / `data-bs-original-title`.
+ *
+ * Registered for consumers by the `CobreDirectives` plugin (see `./index`), so an
+ * app only needs `app.use(CobreDirectives)`. For hiding on navigation see
+ * {@link hideOpenTooltips}.
+ */
+export declare const coTooltip: Directive<TooltipElement>;
+export {};

package/dist/types/directives/index.d.ts

@@ -0,0 +1,19 @@
+import type { App } from 'vue';
+import { coTooltip, hideOpenTooltips } from './co-tooltip';
+import { coDropdown } from './co-dropdown';
+import { coErrorBankLogo } from './co-error-bank-logo';
+export { coTooltip, coDropdown, coErrorBankLogo, hideOpenTooltips };
+/**
+ * Vue plugin that registers the DS's custom directives. Many DS components render
+ * `v-co-tooltip` / `v-co-dropdown` in their templates, so consumers must install
+ * this once or Vue logs `Failed to resolve directive: ...` and the behavior never
+ * activates:
+ *
+ * ```ts
+ * import { CobreDirectives } from '@cobre-npm/ds-v3'
+ * app.use(CobreDirectives)
+ * ```
+ */
+export declare const CobreDirectives: {
+    install(app: App): void;
+};

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 export * from './components';
+export * from './directives';
 export * from './scss/index.scss';
 export * as CobreUtils from './utils';
 export { Tooltip, Dropdown } from 'bootstrap';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cobre-npm/ds-v3",
-  "version": "0.129.0",
+  "version": "0.131.0",
   "type": "module",
   "packageManager": "pnpm@11.0.4",
   "engines": {