blue-react 8.9.5 → 8.10.0
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/components/HeaderTitle.js +2 -2
- package/dist/components/Search.js +3 -1
- package/dist/style.css +54 -6
- package/dist/style.min.css +3 -3
- package/dist/style.scss +1 -1
- package/dist/styles/_bootstrap.scss +1 -0
- package/dist/styles/_general.scss +2 -2
- package/dist/types/components/Search.d.ts +7 -3
- package/package.json +2 -3
package/dist/style.scss
CHANGED
|
@@ -48,6 +48,7 @@
|
|
|
48
48
|
@import "node_modules/bootstrap/scss/carousel";
|
|
49
49
|
@import "node_modules/bootstrap/scss/spinners";
|
|
50
50
|
@import "node_modules/bootstrap/scss/offcanvas";
|
|
51
|
+
@import "node_modules/bootstrap/scss/placeholders";
|
|
51
52
|
|
|
52
53
|
// Helpers
|
|
53
54
|
@import "node_modules/bootstrap/scss/helpers";
|
|
@@ -148,8 +148,8 @@ body {
|
|
|
148
148
|
|
|
149
149
|
@media screen and (min-width: 768px) {
|
|
150
150
|
.sign-in-container {
|
|
151
|
-
padding: 0 calc(50% - 18rem);
|
|
152
|
-
width: auto;
|
|
151
|
+
padding: var(--blue-sign-in-container-md-padding, 0 calc(50% - 18rem));
|
|
152
|
+
width: var(--blue-sign-in-container-md-width, auto);
|
|
153
153
|
}
|
|
154
154
|
}
|
|
155
155
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { ReactNode } from "react";
|
|
1
|
+
import React, { ReactNode, RefObject } from "react";
|
|
2
2
|
export interface SearchProps {
|
|
3
3
|
autoFocus?: boolean;
|
|
4
4
|
/**
|
|
@@ -7,8 +7,8 @@ export interface SearchProps {
|
|
|
7
7
|
body?: boolean;
|
|
8
8
|
className?: string;
|
|
9
9
|
icon?: any;
|
|
10
|
-
onChange?: (event: React.ChangeEvent) => void;
|
|
11
|
-
onSubmit?: (event: React.FormEvent) => void;
|
|
10
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
11
|
+
onSubmit?: (event: React.FormEvent<HTMLFormElement>) => void;
|
|
12
12
|
placeholder?: string;
|
|
13
13
|
/**
|
|
14
14
|
* Allow reset?
|
|
@@ -25,6 +25,10 @@ export interface SearchProps {
|
|
|
25
25
|
value?: string;
|
|
26
26
|
children?: ReactNode;
|
|
27
27
|
id?: string;
|
|
28
|
+
/**
|
|
29
|
+
* Set `ref` prop of the input element. Let's you take control of it from the outside, e.g. to set focus.
|
|
30
|
+
*/
|
|
31
|
+
inputRef?: RefObject<HTMLInputElement>;
|
|
28
32
|
}
|
|
29
33
|
/**
|
|
30
34
|
* A search bar that can be placed to the sidebar or on a page.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "blue-react",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.10.0",
|
|
4
4
|
"description": "Blue React Components",
|
|
5
5
|
"license": "LGPL-3.0-or-later",
|
|
6
6
|
"main": "index.js",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@popperjs/core": "^2.11.5",
|
|
35
|
-
"bootstrap": "~5.2.
|
|
35
|
+
"bootstrap": "~5.2.3",
|
|
36
36
|
"clsx": "^1.1.1"
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
@@ -54,7 +54,6 @@
|
|
|
54
54
|
"@types/react-router-dom": "^5.3.3",
|
|
55
55
|
"@types/react-syntax-highlighter": "^13.5.0",
|
|
56
56
|
"autoprefixer": "^10.3.6",
|
|
57
|
-
"blue-web-components": "github:bruegmann/blue-web-components",
|
|
58
57
|
"gh-pages": "^3.1.0",
|
|
59
58
|
"license-report": "^6.2.0",
|
|
60
59
|
"lint-staged": "^11.1.2",
|