@brickclay-org/ui 0.0.60 → 0.0.62
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.
- package/README.md +1911 -1911
- package/fesm2022/brickclay-org-ui.mjs +2 -2
- package/fesm2022/brickclay-org-ui.mjs.map +1 -1
- package/index.d.ts +1 -1
- package/package.json +1 -1
- package/src/lib/ui-avatar/ui-avatar.css +22 -22
- package/src/styles.css +1 -1
package/index.d.ts
CHANGED
|
@@ -685,7 +685,7 @@ declare class BkSelect implements ControlValueAccessor {
|
|
|
685
685
|
disabled: i0.ModelSignal<boolean>;
|
|
686
686
|
loading: i0.InputSignal<boolean>;
|
|
687
687
|
closeOnSelect: i0.InputSignal<boolean>;
|
|
688
|
-
dropdownPosition: i0.InputSignal<"
|
|
688
|
+
dropdownPosition: i0.InputSignal<"top" | "bottom">;
|
|
689
689
|
hasError: boolean;
|
|
690
690
|
errorMessage: string;
|
|
691
691
|
appendToBody: i0.InputSignal<boolean>;
|
package/package.json
CHANGED
|
@@ -18,22 +18,22 @@
|
|
|
18
18
|
/* =========================
|
|
19
19
|
Sizes (container + text)
|
|
20
20
|
========================= */
|
|
21
|
-
.xsm { @apply size-6 text-[10px] leading-[14px]; }
|
|
22
|
-
.sm { @apply size-8 text-sm; }
|
|
23
|
-
.md { @apply size-10 text-base; }
|
|
24
|
-
.lg { @apply size-12 text-[18px] leading-[26px]; }
|
|
25
|
-
.xl { @apply size-14 text-xl; }
|
|
26
|
-
.xxl { @apply size-16 text-xl; }
|
|
21
|
+
.avatar.xsm { @apply size-6 text-[10px] leading-[14px]; }
|
|
22
|
+
.avatar.sm { @apply size-8 text-sm; }
|
|
23
|
+
.avatar.md { @apply size-10 text-base; }
|
|
24
|
+
.avatar.lg { @apply size-12 text-[18px] leading-[26px]; }
|
|
25
|
+
.avatar.xl { @apply size-14 text-xl; }
|
|
26
|
+
.avatar.xxl { @apply size-16 text-xl; }
|
|
27
27
|
|
|
28
28
|
/* =========================
|
|
29
29
|
Placeholder Icon Sizes
|
|
30
30
|
========================= */
|
|
31
|
-
.xsm .placeholder-icon { @apply size-4; }
|
|
32
|
-
.sm .placeholder-icon { @apply size-5; }
|
|
33
|
-
.md .placeholder-icon { @apply size-6; }
|
|
34
|
-
.lg .placeholder-icon { @apply size-7; }
|
|
35
|
-
.xl .placeholder-icon,
|
|
36
|
-
.xxl .placeholder-icon { @apply size-8; }
|
|
31
|
+
.avatar.xsm .placeholder-icon { @apply size-4; }
|
|
32
|
+
.avatar.sm .placeholder-icon { @apply size-5; }
|
|
33
|
+
.avatar.md .placeholder-icon { @apply size-6; }
|
|
34
|
+
.avatar.lg .placeholder-icon { @apply size-7; }
|
|
35
|
+
.avatar.xl .placeholder-icon,
|
|
36
|
+
.avatar.xxl .placeholder-icon { @apply size-8; }
|
|
37
37
|
|
|
38
38
|
/* =========================
|
|
39
39
|
Status Dot (Base)
|
|
@@ -44,28 +44,28 @@
|
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
/* Dot size follows avatar size */
|
|
47
|
-
.xsm .avatar-dot { @apply size-1; }
|
|
48
|
-
.sm .avatar-dot { @apply size-1.5; }
|
|
49
|
-
.md .avatar-dot { @apply size-2.5; }
|
|
50
|
-
.lg .avatar-dot { @apply size-3; }
|
|
51
|
-
.xl .avatar-dot { @apply size-[14px]; }
|
|
52
|
-
.xxl .avatar-dot { @apply size-4; }
|
|
47
|
+
.avatar.xsm .avatar-dot { @apply size-1; }
|
|
48
|
+
.avatar.sm .avatar-dot { @apply size-1.5; }
|
|
49
|
+
.avatar.md .avatar-dot { @apply size-2.5; }
|
|
50
|
+
.avatar.lg .avatar-dot { @apply size-3; }
|
|
51
|
+
.avatar.xl .avatar-dot { @apply size-[14px]; }
|
|
52
|
+
.avatar.xxl .avatar-dot { @apply size-4; }
|
|
53
53
|
|
|
54
54
|
/* =========================
|
|
55
55
|
Dot Variants
|
|
56
56
|
========================= */
|
|
57
|
-
.active {
|
|
57
|
+
.avatar .active {
|
|
58
58
|
@apply bg-[#22973F];
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
.inactive {
|
|
61
|
+
.avatar .inactive {
|
|
62
62
|
@apply bg-gray-300;
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
-
.notification {
|
|
65
|
+
.avatar .notification {
|
|
66
66
|
@apply bg-[#2E90FA];
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
-
.none {
|
|
69
|
+
.avatar .none {
|
|
70
70
|
@apply hidden;
|
|
71
71
|
}
|
package/src/styles.css
CHANGED