react-core-ts 2.0.2 → 2.0.3
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/dist/AutoCompleteWithSelectedList.js +20 -2
- package/dist/AutoCompleteWithSelectedList.js.map +1 -1
- package/dist/AutoCompleteWithTabFilter.js +199 -41
- package/dist/AutoCompleteWithTabFilter.js.map +1 -1
- package/dist/commontypes.d.ts +1 -0
- package/dist/dropdownFilterTabs.d.ts +2 -0
- package/dist/dropdownFilterTabs.js +94 -22
- package/dist/dropdownFilterTabs.js.map +1 -1
- package/dist/dummyAutoCompleteWithSelectedList.js +0 -1
- package/dist/dummyAutoCompleteWithSelectedList.js.map +1 -1
- package/dist/styles/components/autocomplete.css +27 -0
- package/dist/utilities/tooltip.js +0 -1
- package/dist/utilities/tooltip.js.map +1 -1
- package/docs/App.tsx +62 -0
- package/package.json +1 -1
- package/src/AutoCompleteWithSelectedList.tsx +42 -1
- package/src/AutoCompleteWithTabFilter.tsx +222 -24
- package/src/commontypes.ts +1 -0
- package/src/dropdownFilterTabs.tsx +106 -19
- package/src/dummyAutoCompleteWithSelectedList.tsx +0 -1
- package/src/styles/components/autocomplete.css +27 -0
- package/src/utilities/tooltip.tsx +0 -1
- package/dist/styles/styles/components/autocomplete.css +0 -717
- package/dist/styles/styles/components/selectedautocomplete.css +0 -179
- package/dist/styles/styles/components/tooltip.css +0 -497
- package/dist/styles/styles/components/treedropdown.css +0 -97
- package/dist/styles/styles/global.css +0 -8
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
.qbs-tree-list-container {
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: column;
|
|
4
|
-
}
|
|
5
|
-
.qbs-tree-list-container-sub {
|
|
6
|
-
display: flex;
|
|
7
|
-
flex-direction: row;
|
|
8
|
-
align-items: flex-start;
|
|
9
|
-
gap: 7px;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.qbs-tree-list-container-sub .no-children {
|
|
13
|
-
margin-left: 1.75rem; /* Corresponds to ml-7 in Tailwind */
|
|
14
|
-
}
|
|
15
|
-
.qbs-tree-list-container-sub-icon {
|
|
16
|
-
margin-top: 0.25rem; /* Corresponds to mt-1 in Tailwind */
|
|
17
|
-
cursor: pointer;
|
|
18
|
-
padding-top: 0.5rem; /* Corresponds to py-2 in Tailwind */
|
|
19
|
-
padding-bottom: 0.5rem;
|
|
20
|
-
transition: transform 0.3s ease; /* Smooth rotation transition */
|
|
21
|
-
color: #003c71;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.qbs-tree-list-container-sub-icon.expanded {
|
|
25
|
-
transform: rotate(90deg); /* Corresponds to rotate-90 in Tailwind */
|
|
26
|
-
}
|
|
27
|
-
.qbs-tree-list-container-sub-container {
|
|
28
|
-
display: flex;
|
|
29
|
-
gap: 15px; /* Corresponds to gap-2 in Tailwind */
|
|
30
|
-
padding: 0.5rem; /* Corresponds to p-2 in Tailwind */
|
|
31
|
-
flex-direction: row; /* Corresponds to flex-row in Tailwind */
|
|
32
|
-
width: 100%; /* Corresponds to w-full in Tailwind */
|
|
33
|
-
color: #3d414a;
|
|
34
|
-
}
|
|
35
|
-
.qbs-tree-list-container-sub-container-hideicon {
|
|
36
|
-
display: flex;
|
|
37
|
-
gap: 6px; /* Corresponds to gap-2 in Tailwind */
|
|
38
|
-
padding: 0.5rem; /* Corresponds to p-2 in Tailwind */
|
|
39
|
-
flex-direction: row; /* Corresponds to flex-row in Tailwind */
|
|
40
|
-
width: 100%; /* Corresponds to w-full in Tailwind */
|
|
41
|
-
color: #3d414a;
|
|
42
|
-
}
|
|
43
|
-
.qbs-tree-list-container-sub-container-hideicon:hover {
|
|
44
|
-
color: #003c71;
|
|
45
|
-
background-color: rgba(141, 194, 240, 0.15) !important;
|
|
46
|
-
}
|
|
47
|
-
.qbs-tree-list-container-sub-container:hover {
|
|
48
|
-
color: #003c71;
|
|
49
|
-
background-color: rgba(141, 194, 240, 0.15) !important;
|
|
50
|
-
}
|
|
51
|
-
.qbs-tree-list-container-sub-container.qbs-expanded-child {
|
|
52
|
-
color: #003c71;
|
|
53
|
-
}
|
|
54
|
-
.qbs-tree-list-container-sub-text.qbs-expanded-child {
|
|
55
|
-
color: #003c71;
|
|
56
|
-
}
|
|
57
|
-
.qbs-tree-list-container-sub-text:hover {
|
|
58
|
-
color: #003c71;
|
|
59
|
-
/* background-color: rgba(141, 194, 240, 0.15) !important; */
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.qbs-tree-list-container-sub-container.checked,
|
|
63
|
-
.qbs-tree-list-container-sub-container-hideicon.checked {
|
|
64
|
-
color: #003c71;
|
|
65
|
-
background-color: rgba(
|
|
66
|
-
141,
|
|
67
|
-
194,
|
|
68
|
-
240,
|
|
69
|
-
0.15
|
|
70
|
-
) !important; /* Corresponds to bg-green-200 in Tailwind */
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.marginLeft {
|
|
74
|
-
margin-left: 28px; /* Corresponds to ml-2 in Tailwind */
|
|
75
|
-
}
|
|
76
|
-
.lightmarginLeft {
|
|
77
|
-
margin-left: 19px; /* Corresponds to ml-2 in Tailwind */
|
|
78
|
-
}
|
|
79
|
-
.qbs-tree-list-container-sub- {
|
|
80
|
-
line-height: 18px; /* Corresponds to leading-[18px] in Tailwind */
|
|
81
|
-
font-size: 0.875rem; /* Corresponds to text-sm in Tailwind (14px) */
|
|
82
|
-
}
|
|
83
|
-
.qbs-tree-list-container-child {
|
|
84
|
-
margin-left: 1rem; /* Corresponds to ml-4 in Tailwind */
|
|
85
|
-
margin-top: 0.5rem; /* Corresponds to mt-2 in Tailwind */
|
|
86
|
-
display: flex; /* Corresponds to flex in Tailwind */
|
|
87
|
-
flex-direction: column; /* Corresponds to flex-col in Tailwind */
|
|
88
|
-
gap: 0.5rem; /* Corresponds to gap-2 in Tailwind */
|
|
89
|
-
}
|
|
90
|
-
.qbs-tree-list-container-sub-text {
|
|
91
|
-
line-height: 18px; /* Corresponds to leading-[18px] in Tailwind */
|
|
92
|
-
font-size: 14px; /* Corresponds to text-sm in Tailwind (14px) */
|
|
93
|
-
font-weight: 500;
|
|
94
|
-
letter-spacing: 0.28px;
|
|
95
|
-
font-family: 'Noto Sans';
|
|
96
|
-
/* color: #3d414a; */
|
|
97
|
-
}
|