@brickclay-org/ui 0.1.58 → 0.1.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/README.md +1911 -1911
  2. package/fesm2022/brickclay-org-ui.mjs +17 -12
  3. package/fesm2022/brickclay-org-ui.mjs.map +1 -1
  4. package/index.d.ts +2 -1
  5. package/package.json +1 -1
  6. package/src/assets/icons/custom-calender.svg +12 -12
  7. package/src/assets/icons/select-column.svg +4 -4
  8. package/src/lib/toastr/toastr.css +28 -27
  9. package/src/lib/tooltip/tooltip-directive.css +17 -2
package/index.d.ts CHANGED
@@ -1760,6 +1760,7 @@ declare class BKTooltipDirective implements OnInit, OnChanges, OnDestroy {
1760
1760
  tooltipPosition: 'left' | 'right' | 'top' | 'bottom';
1761
1761
  scrollable: boolean;
1762
1762
  maxHeight: string;
1763
+ tooltipSize: 'sm' | 'md';
1763
1764
  autoHeight: boolean;
1764
1765
  private tooltipElement;
1765
1766
  private contentWrapper;
@@ -1791,7 +1792,7 @@ declare class BKTooltipDirective implements OnInit, OnChanges, OnDestroy {
1791
1792
  private removeTooltip;
1792
1793
  private setStyle;
1793
1794
  static ɵfac: i0.ɵɵFactoryDeclaration<BKTooltipDirective, never>;
1794
- 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>;
1795
+ 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>;
1795
1796
  }
1796
1797
 
1797
1798
  declare class BkValidator implements OnInit {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brickclay-org/ui",
3
- "version": "0.1.58",
3
+ "version": "0.1.60",
4
4
  "schematics": "./schematics/collection.json",
5
5
  "ng-add": {
6
6
  "save": "dependencies"
package/src/assets/icons/custom-calender.svg CHANGED
@@ -1,12 +1,12 @@
1
- <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M6 1.5V3.75" stroke="black" stroke-width="1.25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
3
- <path d="M12 1.5V3.75" stroke="black" stroke-width="1.25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
4
- <path d="M2.625 6.81836H15.375" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
5
- <path d="M15.75 6.375V12.75C15.75 15 14.625 16.5 12 16.5H6C3.375 16.5 2.25 15 2.25 12.75V6.375C2.25 4.125 3.375 2.625 6 2.625H12C14.625 2.625 15.75 4.125 15.75 6.375Z" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
6
- <path d="M11.7693 10.2754H11.7761" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
7
- <path d="M11.7693 12.5254H11.7761" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
8
- <path d="M8.99588 10.2754H9.00262" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
9
- <path d="M8.99588 12.5254H9.00262" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
10
- <path d="M6.22244 10.2754H6.22918" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
11
- <path d="M6.22244 12.5254H6.22918" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
12
- </svg>
1
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M6 1.5V3.75" stroke="black" stroke-width="1.25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M12 1.5V3.75" stroke="black" stroke-width="1.25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M2.625 6.81836H15.375" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M15.75 6.375V12.75C15.75 15 14.625 16.5 12 16.5H6C3.375 16.5 2.25 15 2.25 12.75V6.375C2.25 4.125 3.375 2.625 6 2.625H12C14.625 2.625 15.75 4.125 15.75 6.375Z" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
6
+ <path d="M11.7693 10.2754H11.7761" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
7
+ <path d="M11.7693 12.5254H11.7761" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
8
+ <path d="M8.99588 10.2754H9.00262" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
9
+ <path d="M8.99588 12.5254H9.00262" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
10
+ <path d="M6.22244 10.2754H6.22918" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
11
+ <path d="M6.22244 12.5254H6.22918" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
12
+ </svg>
package/src/assets/icons/select-column.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M7.875 14.925V3.075C7.875 1.95 7.395 1.5 6.2025 1.5H3.1725C1.98 1.5 1.5 1.95 1.5 3.075V14.925C1.5 16.05 1.98 16.5 3.1725 16.5H6.2025C7.395 16.5 7.875 16.05 7.875 14.925Z" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
3
- <path d="M16.5 14.925V3.075C16.5 1.95 16.02 1.5 14.8275 1.5H11.7975C10.605 1.5 10.125 1.95 10.125 3.075V14.925C10.125 16.05 10.605 16.5 11.7975 16.5H14.8275C16.02 16.5 16.5 16.05 16.5 14.925Z" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
4
- </svg>
1
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M7.875 14.925V3.075C7.875 1.95 7.395 1.5 6.2025 1.5H3.1725C1.98 1.5 1.5 1.95 1.5 3.075V14.925C1.5 16.05 1.98 16.5 3.1725 16.5H6.2025C7.395 16.5 7.875 16.05 7.875 14.925Z" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M16.5 14.925V3.075C16.5 1.95 16.02 1.5 14.8275 1.5H11.7975C10.605 1.5 10.125 1.95 10.125 3.075V14.925C10.125 16.05 10.605 16.5 11.7975 16.5H14.8275C16.02 16.5 16.5 16.05 16.5 14.925Z" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
4
+ </svg>
package/src/lib/toastr/toastr.css CHANGED
@@ -27,67 +27,68 @@
27
27
 
28
28
  /* ─── Severity – INFO (blue) ──────────────────────────────────────────────── */
29
29
  .toast-item[data-severity="info"] {
30
- @apply bg-[#E5F3FF] border-[#E5F3FF];
30
+ @apply bg-[#1434CB] border-[#E5F3FF];
31
31
  }
32
- .toast-item[data-severity="info"] .toast-icon path { stroke: #1434CB; }
33
- .toast-item[data-severity="info"] .toast-summary { @apply text-[#0D227F]; }
32
+ .toast-item[data-severity="info"] .toast-icon path { stroke: white; }
33
+ .toast-item[data-severity="info"] .toast-summary { @apply text-white; }
34
+ .toast-item[data-severity="info"] .toast-detail { @apply text-gray-200 text-xs; }
34
35
  .toast-item[data-severity="info"] .toast-action {
35
- @apply bg-[#1434CB] text-white border border-[#1434CB];
36
+ @apply bg-white text-[#1434CB] border border-[#1434CB];
36
37
  }
37
38
  /* .toast-item[data-severity="info"] .toast-action:hover { @apply bg-blue-800; } */
38
- .toast-item[data-severity="info"] .toast-close path { stroke: #2563EB; }
39
+ .toast-item[data-severity="info"] .toast-close path { stroke: white; }
39
40
 
40
41
  /* ─── Severity – DEFAULT (gray) ───────────────────────────────────────────── */
41
42
  .toast-item[data-severity="default"] {
42
- @apply bg-white border-gray-200;
43
+ @apply bg-black border-gray-200;
43
44
  }
44
- .toast-item[data-severity="default"] .toast-icon path { stroke: #6B7080; }
45
- .toast-item[data-severity="default"] .toast-summary { @apply text-[#363C51]; }
45
+ .toast-item[data-severity="default"] .toast-icon path { stroke: white; }
46
+ .toast-item[data-severity="default"] .toast-summary { @apply text-white; }
46
47
  /* .toast-item[data-severity="default"] .toast-detail { @apply text-gray-600; } */
47
48
  .toast-item[data-severity="default"] .toast-action {
48
- @apply bg-[#A1A3AE] text-white;
49
+ @apply bg-white text-black;
49
50
  }
50
51
  /* .toast-item[data-severity="default"] .toast-action:hover { @apply bg-gray-600; } */
51
- .toast-item[data-severity="default"] .toast-close path { stroke: #6B7080; }
52
+ .toast-item[data-severity="default"] .toast-close path { stroke: white; }
52
53
 
53
54
  /* ─── Severity – ERROR (red) ──────────────────────────────────────────────── */
54
55
  .toast-item[data-severity="error"] {
55
- @apply bg-[#FFF1F1] border-[#FFF1F1];
56
+ @apply bg-[#C84144] border-[#FFF1F1];
56
57
  }
57
- .toast-item[data-severity="error"] .toast-icon path { stroke: #CB1432; }
58
- .toast-item[data-severity="error"] .toast-summary { @apply text-[#B41E32]; }
59
- /* .toast-item[data-severity="error"] .toast-detail { @apply text-red-700; } */
58
+ .toast-item[data-severity="error"] .toast-icon path { stroke: white; }
59
+ .toast-item[data-severity="error"] .toast-summary { @apply text-white; }
60
+ .toast-item[data-severity="error"] .toast-detail { @apply text-gray-200 text-xs; }
60
61
  .toast-item[data-severity="error"] .toast-action {
61
- @apply bg-[#CB1432] text-white;
62
+ @apply bg-white text-[#CB1432];
62
63
  }
63
64
  /* .toast-item[data-severity="error"] .toast-action:hover { @apply bg-red-800; } */
64
- .toast-item[data-severity="error"] .toast-close path { stroke: #CB1432; }
65
+ .toast-item[data-severity="error"] .toast-close path { stroke: white; }
65
66
 
66
67
  /* ─── Severity – WARN (orange / amber) ────────────────────────────────────── */
67
68
  .toast-item[data-severity="warn"] {
68
- @apply bg-[#FFEED7] border-[#FFEED7];
69
+ @apply bg-[#CC6401] border-[#FFEED7];
69
70
  }
70
- .toast-item[data-severity="warn"] .toast-icon path { stroke: #F97C00; }
71
- .toast-item[data-severity="warn"] .toast-summary { @apply text-[#A04C02]; }
71
+ .toast-item[data-severity="warn"] .toast-icon path { stroke: white; }
72
+ .toast-item[data-severity="warn"] .toast-summary { @apply text-white; }
72
73
  /* .toast-item[data-severity="warn"] .toast-detail { @apply text-amber-700; } */
73
74
  .toast-item[data-severity="warn"] .toast-action {
74
- @apply bg-[#CC6401] text-white;
75
+ @apply bg-white text-[#CC6401];
75
76
  }
76
77
  /* .toast-item[data-severity="warn"] .toast-action:hover { @apply bg-amber-800; } */
77
- .toast-item[data-severity="warn"] .toast-close path { stroke: #F97C00; }
78
+ .toast-item[data-severity="warn"] .toast-close path { stroke: white; }
78
79
 
79
80
  /* ─── Severity – SUCCESS (green) ──────────────────────────────────────────── */
80
81
  .toast-item[data-severity="success"] {
81
- @apply bg-[#F1FCF3] border-[#F1FCF3];
82
+ @apply bg-[#1E7735] border-[#F1FCF3];
82
83
  }
83
- .toast-item[data-severity="success"] .toast-icon path { stroke: #22973F; }
84
- .toast-item[data-severity="success"] .toast-summary { @apply text-[#1E7735]; }
84
+ .toast-item[data-severity="success"] .toast-icon path { stroke: white; }
85
+ .toast-item[data-severity="success"] .toast-summary { @apply text-white; }
85
86
  /* .toast-item[data-severity="success"] .toast-detail { @apply text-green-700; } */
86
87
  .toast-item[data-severity="success"] .toast-action {
87
- @apply bg-[#22973F] text-white;
88
+ @apply bg-white text-[#22973F];
88
89
  }
89
- .toast-item[data-severity="success"] .toast-action:hover { @apply bg-green-800; }
90
- .toast-item[data-severity="success"] .toast-close path { stroke: #22973F; }
90
+ .toast-item[data-severity="success"] .toast-action:hover { @apply bg-[#22973F]; }
91
+ .toast-item[data-severity="success"] .toast-close path { stroke: white; }
91
92
 
92
93
  /* ─── Summary / Detail / Action / Close (base) ───────────────────────────── */
93
94
  .toast-summary {
package/src/lib/tooltip/tooltip-directive.css CHANGED
@@ -2,10 +2,8 @@
2
2
  .bk-tooltip-content {
3
3
  background-color: #000;
4
4
  color: #fff;
5
- padding: 8px 12px;
6
5
  border-radius: 8px;
7
6
  font-weight: 500;
8
- font-size: 12px;
9
7
  line-height: 18px;
10
8
  position: fixed; /* match directive */
11
9
  font-family: 'Inter', sans-serif !important;
@@ -14,6 +12,19 @@
14
12
  width: max-content; /* ← key fix: shrink to content, respect max-width */
15
13
  }
16
14
 
15
+ /* md variation (default) */
16
+ .bk-tooltip-content.bk-tooltip-md {
17
+ padding: 8px 12px;
18
+ font-size: 12px;
19
+ }
20
+
21
+ /* sm variation */
22
+ .bk-tooltip-content.bk-tooltip-sm {
23
+ padding: 2px 4px;
24
+ font-size: 8px;
25
+ line-height: 14px;
26
+ }
27
+
17
28
  .bk-tooltip-content .text {
18
29
  margin-bottom: 0;
19
30
  word-break: break-word;
@@ -44,6 +55,10 @@
44
55
  box-sizing: border-box;
45
56
  }
46
57
 
58
+ .bk-tooltip-content.bk-tooltip-scrollable.bk-tooltip-sm .bk-tooltip-content-wrapper {
59
+ padding: 4px 8px;
60
+ }
61
+
47
62
  .bk-tooltip-content.bk-tooltip-scrollable .bk-tooltip-content-wrapper::-webkit-scrollbar {
48
63
  width: 6px;
49
64
  }