gbs-add-block 1.0.17 → 1.0.18
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 +2 -2
- package/package.json +1 -1
- package/source/components/select/index.tsx +4 -2
- package/source/globalStyle.ts +2 -2
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# GBS Building Blocks 2.0 (v1.0.
|
|
1
|
+
# GBS Building Blocks 2.0 (v1.0.18)
|
|
2
2
|
|
|
3
3
|
Latest and upgraded version of GBS building blocks with headless UI and removed dependencies.
|
|
4
4
|
|
|
@@ -6,7 +6,7 @@ Latest and upgraded version of GBS building blocks with headless UI and removed
|
|
|
6
6
|
|
|
7
7
|
For detailed documentation on usage and props, Please visit: [Building Block Documentation v2.0](https://blackmax-designs.gitbook.io/building-block-v2.0)
|
|
8
8
|
|
|
9
|
-
## What's New 🎉 (Ver 1.0.
|
|
9
|
+
## What's New 🎉 (Ver 1.0.18)
|
|
10
10
|
|
|
11
11
|
- Style Update
|
|
12
12
|
|
package/package.json
CHANGED
|
@@ -100,7 +100,9 @@ const Select = forwardRef<SelectHandle, SelectProps>((props, ref) => {
|
|
|
100
100
|
|
|
101
101
|
useEffect(() => {
|
|
102
102
|
if (showPopover) {
|
|
103
|
-
|
|
103
|
+
setTimeout(() => {
|
|
104
|
+
inputRef.current?.focus();
|
|
105
|
+
}, 0);
|
|
104
106
|
}
|
|
105
107
|
}, [showPopover]);
|
|
106
108
|
|
|
@@ -138,7 +140,7 @@ const Select = forwardRef<SelectHandle, SelectProps>((props, ref) => {
|
|
|
138
140
|
name="search"
|
|
139
141
|
id="search"
|
|
140
142
|
placeholder="Search a value"
|
|
141
|
-
className="w-full outline-none
|
|
143
|
+
className="w-full outline-none "
|
|
142
144
|
ref={inputRef}
|
|
143
145
|
value={searchTerm}
|
|
144
146
|
onChange={(e) => {
|
package/source/globalStyle.ts
CHANGED
|
@@ -5,7 +5,7 @@ export const primary = {
|
|
|
5
5
|
|
|
6
6
|
export const popUp = {
|
|
7
7
|
"pop-up-style":
|
|
8
|
-
"w-full absolute overflow-y-auto
|
|
8
|
+
"w-full px-1 absolute overflow-y-auto border border-slate-200 rounded-lg mt-[2px] scrollbar bg-white z-90 scrollbar h-40 dark:bg-black dark:text-white animate-fade-down animate-once animate-duration-200",
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export const iconClass = {
|
|
@@ -27,7 +27,7 @@ export const selectStyle = {
|
|
|
27
27
|
"filter-button":
|
|
28
28
|
"flex items-center w-full px-2 py-1 text-left hover:bg-blue-100 gap-2 rounded-lg mt-1 text-xs dark:hover:bg-blue-600",
|
|
29
29
|
"input-parent":
|
|
30
|
-
"text-sm flex p-1 mt-
|
|
30
|
+
"text-sm flex p-1 mt-0 gap-1 items-center sticky top-0 border-b rounded-lg border-slate-200 z-50 bg-white dark:bg-black",
|
|
31
31
|
"selectedDisplay-Button":
|
|
32
32
|
"absolute right-8 top-0 h-full flex items-center px-2 z-20",
|
|
33
33
|
};
|