@brickclay-org/ui 0.1.58 → 0.1.59

package/index.d.ts

@@ -1760,6 +1760,7 @@ declare class BKTooltipDirective implements OnInit, OnChanges, OnDestroy {
     tooltipPosition: 'left' | 'right' | 'top' | 'bottom';
     scrollable: boolean;
     maxHeight: string;
+    tooltipSize: 'sm' | 'md';
     autoHeight: boolean;
     private tooltipElement;
     private contentWrapper;
@@ -1791,7 +1792,7 @@ declare class BKTooltipDirective implements OnInit, OnChanges, OnDestroy {
     private removeTooltip;
     private setStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<BKTooltipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BKTooltipDirective, "[bkTooltip]", never, { "tooltipContent": { "alias": "bkTooltip"; "required": false; }; "tooltipPosition": { "alias": "bkTooltipPosition"; "required": false; }; "scrollable": { "alias": "bkTooltipScrollable"; "required": false; }; "maxHeight": { "alias": "bkTooltipMaxHeight"; "required": false; }; "autoHeight": { "alias": "bkTooltipAutoHeight"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BKTooltipDirective, "[bkTooltip]", never, { "tooltipContent": { "alias": "bkTooltip"; "required": false; }; "tooltipPosition": { "alias": "bkTooltipPosition"; "required": false; }; "scrollable": { "alias": "bkTooltipScrollable"; "required": false; }; "maxHeight": { "alias": "bkTooltipMaxHeight"; "required": false; }; "tooltipSize": { "alias": "bkTooltipSize"; "required": false; }; "autoHeight": { "alias": "bkTooltipAutoHeight"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class BkValidator implements OnInit {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brickclay-org/ui",
-  "version": "0.1.58",
+  "version": "0.1.59",
   "schematics": "./schematics/collection.json",
   "ng-add": {
     "save": "dependencies"

package/src/lib/toastr/toastr.css

@@ -52,16 +52,16 @@
 
 /* ─── Severity – ERROR (red) ──────────────────────────────────────────────── */
 .toast-item[data-severity="error"] {
-  @apply bg-[#FFF1F1] border-[#FFF1F1];
+  @apply bg-[#C84144] border-[#FFF1F1];
 }
-.toast-item[data-severity="error"] .toast-icon path   { stroke: #CB1432; }
-.toast-item[data-severity="error"] .toast-summary     { @apply text-[#B41E32]; }
-/* .toast-item[data-severity="error"] .toast-detail      { @apply text-red-700; } */
+.toast-item[data-severity="error"] .toast-icon path   { stroke: white; }
+.toast-item[data-severity="error"] .toast-summary     { @apply text-white; }
+.toast-item[data-severity="error"] .toast-detail      { @apply text-gray-200; }
 .toast-item[data-severity="error"] .toast-action {
-  @apply bg-[#CB1432] text-white;
+  @apply bg-white text-[#CB1432];
 }
 /* .toast-item[data-severity="error"] .toast-action:hover { @apply bg-red-800; } */
-.toast-item[data-severity="error"] .toast-close path   { stroke: #CB1432; }
+.toast-item[data-severity="error"] .toast-close path   { stroke: white; }
 
 /* ─── Severity – WARN (orange / amber) ────────────────────────────────────── */
 .toast-item[data-severity="warn"] {

package/src/lib/tooltip/tooltip-directive.css

@@ -2,10 +2,8 @@
 .bk-tooltip-content {
   background-color: #000;
   color: #fff;
-  padding: 8px 12px;
   border-radius: 8px;
   font-weight: 500;
-  font-size: 12px;
   line-height: 18px;
   position: fixed; /* match directive */
   font-family: 'Inter', sans-serif !important;
@@ -14,6 +12,19 @@
   width: max-content; /* ← key fix: shrink to content, respect max-width */
 }
 
+/* md variation (default) */
+.bk-tooltip-content.bk-tooltip-md {
+  padding: 8px 12px;
+  font-size: 12px;
+}
+
+/* sm variation */
+.bk-tooltip-content.bk-tooltip-sm {
+  padding: 2px 4px;
+  font-size: 8px;
+  line-height: 14px;
+}
+
 .bk-tooltip-content .text {
   margin-bottom: 0;
   word-break: break-word;
@@ -44,6 +55,10 @@
   box-sizing: border-box;
 }
 
+.bk-tooltip-content.bk-tooltip-scrollable.bk-tooltip-sm .bk-tooltip-content-wrapper {
+  padding: 4px 8px;
+}
+
 .bk-tooltip-content.bk-tooltip-scrollable .bk-tooltip-content-wrapper::-webkit-scrollbar {
   width: 6px;
 }