@brickclay-org/ui 0.0.80 → 0.0.82
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/index.d.ts
CHANGED
|
@@ -540,7 +540,7 @@ declare class BkButton {
|
|
|
540
540
|
}
|
|
541
541
|
|
|
542
542
|
type IconButtonSize = 'xxxsm' | 'xxsm' | 'xsm' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
543
|
-
type IconButtonVariant = 'primary' | 'secondary';
|
|
543
|
+
type IconButtonVariant = 'primary' | 'secondary' | 'none';
|
|
544
544
|
declare class BkIconButton {
|
|
545
545
|
icon: string;
|
|
546
546
|
alt: string;
|
|
@@ -549,10 +549,13 @@ declare class BkIconButton {
|
|
|
549
549
|
disabled: boolean;
|
|
550
550
|
buttonClass: string;
|
|
551
551
|
clicked: EventEmitter<boolean>;
|
|
552
|
+
hovered: EventEmitter<boolean>;
|
|
552
553
|
onClick(event: Event): void;
|
|
554
|
+
onMouseEnter(): void;
|
|
555
|
+
onMouseLeave(): void;
|
|
553
556
|
get buttonClasses(): string;
|
|
554
557
|
static ɵfac: i0.ɵɵFactoryDeclaration<BkIconButton, never>;
|
|
555
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BkIconButton, "bk-icon-button", never, { "icon": { "alias": "icon"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
|
|
558
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BkIconButton, "bk-icon-button", never, { "icon": { "alias": "icon"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; }, { "clicked": "clicked"; "hovered": "hovered"; }, never, never, true, never>;
|
|
556
559
|
}
|
|
557
560
|
|
|
558
561
|
interface GroupItem {
|
|
@@ -2060,5 +2063,15 @@ declare class BkPagination implements OnChanges {
|
|
|
2060
2063
|
static ɵcmp: i0.ɵɵComponentDeclaration<BkPagination, "bk-pagination", never, { "pageSize": { "alias": "pageSize"; "required": false; }; "total": { "alias": "total"; "required": false; }; "activePage": { "alias": "activePage"; "required": false; }; }, { "changePageSize": "changePageSize"; "pageChanged": "pageChanged"; "activePageChange": "activePageChange"; }, never, never, true, never>;
|
|
2061
2064
|
}
|
|
2062
2065
|
|
|
2063
|
-
|
|
2064
|
-
|
|
2066
|
+
type BkLoaderVariant = 'dots' | 'spinners';
|
|
2067
|
+
declare class BkLoader {
|
|
2068
|
+
loading: boolean;
|
|
2069
|
+
variant: BkLoaderVariant;
|
|
2070
|
+
frontAfter: boolean;
|
|
2071
|
+
constructor();
|
|
2072
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BkLoader, never>;
|
|
2073
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BkLoader, "bk-loader", never, { "loading": { "alias": "loading"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, never, true, never>;
|
|
2074
|
+
}
|
|
2075
|
+
|
|
2076
|
+
export { BKTooltipDirective, BK_DEFAULT_DIALOG_CONFIG, BK_DIALOG_DATA, BK_DIALOG_GLOBAL_CONFIG, BkAvatar, BkAvatarUploader, BkBadge, BkButton, BkButtonGroup, BkCalendarManagerService, BkCheckbox, BkColumnFilterService, BkColumnSelect, BkCustomCalendar, BkDialogActions, BkDialogClose, BkDialogContent, BkDialogModule, BkDialogRef, BkDialogService, BkDialogTitle, BkFileCard, BkFilePicker, BkGrid, BkHierarchicalSelect, BkIconButton, BkInput, BkInputChips, BkLoader, BkPagination, BkPill, BkRadioButton, BkScheduledDatePicker, BkSelect, BkSpinner, BkTabs, BkTextarea, BkTimePicker, BkToastr, BkToastrService, BkToggle, BkValidator, BrickclayIcons, BrickclayLib, CalendarModule, CalendarSelection, ColumnFilterOption, getDialogBackdropAnimation, getDialogPanelAnimation };
|
|
2077
|
+
export type { AvatarFallback, AvatarSize, AvatarVariant, BadgeColor, BadgeSize, BadgeVariant, BkAnimationKeyframes, BkAvatarFallback, BkAvatarSize, BkDialogAnimation, BkDialogConfig, BkDialogPosition, BkInputAutoCapitalize, BkInputAutoComplete, BkInputMode, BkInputType, BkLoaderVariant, BkPageSize, BkTextAreaAutoCapitalize, BkTextAreaAutoComplete, BkTextAreaInputMode, ButtonSize, ButtonVariant, CalendarRange, CountryOption, DotPosition, DotStatus, FileState, GroupItem, GroupMode, HierarchicalNode, IconButtonSize, IconButtonVariant, IconOrientation, PillColor, PillSize, PillVariant, ScheduledDateSelection, SortDirection, SpinnerSize, TabItem, TableAction, TableBadge, TableColumn, TableIcon, TimeConfiguration, ToastConfig, ToastMessage, ToastMethodOptions, ToastPosition, ToastSeverity };
|
package/package.json
CHANGED
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
.grid-loader {
|
|
2
|
+
position: relative;
|
|
3
|
+
width: 66px;
|
|
4
|
+
height: 34px;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.grid-circle {
|
|
8
|
+
position: absolute;
|
|
9
|
+
top: 0;
|
|
10
|
+
width: 32px;
|
|
11
|
+
height: 32px;
|
|
12
|
+
border-radius: 50%;
|
|
13
|
+
animation-duration: 2s;
|
|
14
|
+
animation-timing-function: ease-in-out;
|
|
15
|
+
animation-iteration-count: infinite;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.grid-filled {
|
|
19
|
+
left: 0;
|
|
20
|
+
background: #141414;
|
|
21
|
+
animation-name: moveLeft;
|
|
22
|
+
z-index: 2;
|
|
23
|
+
border: 2px solid #141414;
|
|
24
|
+
width: 34px;
|
|
25
|
+
height: 34px;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.grid-outline {
|
|
29
|
+
right: 0;
|
|
30
|
+
border: 2px solid #141414;
|
|
31
|
+
background: #b8b8b8;
|
|
32
|
+
animation-name: moveRight;
|
|
33
|
+
z-index: 1;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
/* Swap z-index when needed */
|
|
37
|
+
.grid-loader.front-after .grid-filled {
|
|
38
|
+
z-index: 1;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.grid-loader.front-after .grid-outline {
|
|
42
|
+
z-index: 2;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
@keyframes moveLeft {
|
|
46
|
+
|
|
47
|
+
0%,
|
|
48
|
+
10% {
|
|
49
|
+
transform: translateX(0);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
/* pause at start */
|
|
53
|
+
50%,
|
|
54
|
+
60% {
|
|
55
|
+
transform: translateX(32px);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
/* pause at end */
|
|
59
|
+
100% {
|
|
60
|
+
transform: translateX(0);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
@keyframes moveRight {
|
|
65
|
+
|
|
66
|
+
0%,
|
|
67
|
+
10% {
|
|
68
|
+
transform: translateX(0);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
50%,
|
|
72
|
+
60% {
|
|
73
|
+
transform: translateX(-32px);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
100% {
|
|
77
|
+
transform: translateX(0);
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.grid-spinner {
|
|
82
|
+
width: 48px;
|
|
83
|
+
height: 48px;
|
|
84
|
+
border: 5px solid #ccc;
|
|
85
|
+
border-top-color: #000;
|
|
86
|
+
border-right-color: #000;
|
|
87
|
+
border-radius: 50%;
|
|
88
|
+
animation: spin 0.8s linear infinite;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
@keyframes spin {
|
|
92
|
+
to {
|
|
93
|
+
transform: rotate(360deg);
|
|
94
|
+
}
|
|
95
|
+
}
|
|
@@ -26,6 +26,17 @@
|
|
|
26
26
|
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
+
/* 3. None: No background, border, or shadow — icon only */
|
|
30
|
+
.btn-icon.none {
|
|
31
|
+
@apply bg-transparent border-0 shadow-none text-[#6B7080] outline-transparent
|
|
32
|
+
outline-0 focus-visible:outline-none focus-visible:border-0
|
|
33
|
+
active:opacity-80
|
|
34
|
+
disabled:opacity-50 disabled:cursor-not-allowed;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.btn-icon.primary {
|
|
38
|
+
@apply border-0
|
|
39
|
+
}
|
|
29
40
|
|
|
30
41
|
/* --- SIZES (Square Dimensions) --- */
|
|
31
42
|
/* These specific heights match the calculated height of your text buttons */
|
package/src/styles.css
CHANGED