@gravity-ui/blog-constructor 4.4.0 → 4.4.2
Sign up to get free protection for your applications and to get access to all the features.
- package/build/cjs/components/FeedHeader/components/Controls/Controls.css +2 -8
- package/build/cjs/components/Search/Search.css +12 -1
- package/build/cjs/components/Search/Search.js +4 -2
- package/build/esm/components/FeedHeader/components/Controls/Controls.css +2 -8
- package/build/esm/components/Search/Search.css +12 -1
- package/build/esm/components/Search/Search.js +4 -2
- package/package.json +1 -1
|
@@ -20,8 +20,6 @@ unpredictable css rules order in build */
|
|
|
20
20
|
padding-bottom: 96px;
|
|
21
21
|
}
|
|
22
22
|
.bc-feed-controls__search {
|
|
23
|
-
background-color: var(--yc-color-base-background);
|
|
24
|
-
border-radius: 10px;
|
|
25
23
|
width: 100%;
|
|
26
24
|
max-width: 100%;
|
|
27
25
|
}
|
|
@@ -29,8 +27,6 @@ unpredictable css rules order in build */
|
|
|
29
27
|
border-color: var(--yc-color-base-background);
|
|
30
28
|
}
|
|
31
29
|
.bc-feed-controls__select {
|
|
32
|
-
background-color: var(--yc-color-base-background);
|
|
33
|
-
border-radius: 10px;
|
|
34
30
|
width: 100%;
|
|
35
31
|
}
|
|
36
32
|
.bc-feed-controls__popup.bc-feed-controls__popup {
|
|
@@ -57,6 +53,8 @@ unpredictable css rules order in build */
|
|
|
57
53
|
padding: 4px;
|
|
58
54
|
border: none;
|
|
59
55
|
border-bottom: 1px solid var(--yc-color-line-generic);
|
|
56
|
+
border-bottom-right-radius: 0;
|
|
57
|
+
border-bottom-left-radius: 0;
|
|
60
58
|
}
|
|
61
59
|
.bc-feed-controls__popup.bc-feed-controls__popup .yc-text-input__content .yc-text-input__control.yc-text-input__control_type_input {
|
|
62
60
|
border: none;
|
|
@@ -74,12 +72,8 @@ unpredictable css rules order in build */
|
|
|
74
72
|
border: none;
|
|
75
73
|
}
|
|
76
74
|
.bc-feed-controls__select:hover {
|
|
77
|
-
background-color: var(--yc-color-base-background);
|
|
78
75
|
width: 100%;
|
|
79
76
|
}
|
|
80
|
-
.bc-feed-controls__saved-only-button {
|
|
81
|
-
border-radius: 10px;
|
|
82
|
-
}
|
|
83
77
|
.bc-feed-controls__saved-only-button_savedOnly {
|
|
84
78
|
--yc-button-background-color: var(--pc-monochrome-button-background-color);
|
|
85
79
|
--yc-button-background-color-hover: var(--pc-monochrome-button-background-color-hover);
|
|
@@ -22,11 +22,22 @@ unpredictable css rules order in build */
|
|
|
22
22
|
.bc-search__search-suggest-container {
|
|
23
23
|
width: 100%;
|
|
24
24
|
}
|
|
25
|
-
.bc-search__search-suggest
|
|
25
|
+
.bc-search .bc-search__search-suggest-control {
|
|
26
|
+
background-color: var(--yc-color-base-background);
|
|
27
|
+
padding-left: 12px;
|
|
26
28
|
padding-right: 32px;
|
|
29
|
+
border-radius: var(--bc-text-input-border-radius);
|
|
30
|
+
border: 1px solid transparent;
|
|
31
|
+
}
|
|
32
|
+
.bc-search .bc-search__search-suggest-control:hover, .bc-search .bc-search__search-suggest-control:focus {
|
|
33
|
+
border: 1px solid var(--yc-color-base-generic-hover);
|
|
27
34
|
}
|
|
28
35
|
.bc-search_size_s {
|
|
36
|
+
--bc-text-input-border-radius: var(--yc-my-border-radius-l);
|
|
29
37
|
height: 36px;
|
|
30
38
|
width: 352px;
|
|
31
39
|
max-width: 100%;
|
|
40
|
+
}
|
|
41
|
+
.bc-search_size_m {
|
|
42
|
+
--bc-text-input-border-radius: var(--yc-my-border-radius-xl);
|
|
32
43
|
}
|
|
@@ -32,10 +32,12 @@ const Search = (props) => {
|
|
|
32
32
|
}, [autoFocus, inputRef, isIPhone]);
|
|
33
33
|
return (react_1.default.createElement("div", { className: b({ size }, className) },
|
|
34
34
|
react_1.default.createElement("div", { className: b('search-suggest-container') },
|
|
35
|
-
react_1.default.createElement(uikit_1.TextInput, { value: value, onUpdate: (query) => {
|
|
35
|
+
react_1.default.createElement(uikit_1.TextInput, { className: b('search-suggest'), value: value, onUpdate: (query) => {
|
|
36
36
|
setValue(query);
|
|
37
37
|
handleChange(query);
|
|
38
|
-
}, placeholder: placeholder,
|
|
38
|
+
}, placeholder: placeholder, size: size === 'm' ? 'xl' : 'l', controlRef: inputRef, view: "clear", controlProps: {
|
|
39
|
+
className: b('search-suggest-control'),
|
|
40
|
+
} })),
|
|
39
41
|
value ? (react_1.default.createElement(ButtonWithIcon_1.ButtonWithIcon, { className: b('close-button'), icon: Close_1.Close, iconSize: CLOSE_ICON_SIZE, size: "xs", onClick: () => {
|
|
40
42
|
handleChange.cancel();
|
|
41
43
|
setValue('');
|
|
@@ -20,8 +20,6 @@ unpredictable css rules order in build */
|
|
|
20
20
|
padding-bottom: 96px;
|
|
21
21
|
}
|
|
22
22
|
.bc-feed-controls__search {
|
|
23
|
-
background-color: var(--yc-color-base-background);
|
|
24
|
-
border-radius: 10px;
|
|
25
23
|
width: 100%;
|
|
26
24
|
max-width: 100%;
|
|
27
25
|
}
|
|
@@ -29,8 +27,6 @@ unpredictable css rules order in build */
|
|
|
29
27
|
border-color: var(--yc-color-base-background);
|
|
30
28
|
}
|
|
31
29
|
.bc-feed-controls__select {
|
|
32
|
-
background-color: var(--yc-color-base-background);
|
|
33
|
-
border-radius: 10px;
|
|
34
30
|
width: 100%;
|
|
35
31
|
}
|
|
36
32
|
.bc-feed-controls__popup.bc-feed-controls__popup {
|
|
@@ -57,6 +53,8 @@ unpredictable css rules order in build */
|
|
|
57
53
|
padding: 4px;
|
|
58
54
|
border: none;
|
|
59
55
|
border-bottom: 1px solid var(--yc-color-line-generic);
|
|
56
|
+
border-bottom-right-radius: 0;
|
|
57
|
+
border-bottom-left-radius: 0;
|
|
60
58
|
}
|
|
61
59
|
.bc-feed-controls__popup.bc-feed-controls__popup .yc-text-input__content .yc-text-input__control.yc-text-input__control_type_input {
|
|
62
60
|
border: none;
|
|
@@ -74,12 +72,8 @@ unpredictable css rules order in build */
|
|
|
74
72
|
border: none;
|
|
75
73
|
}
|
|
76
74
|
.bc-feed-controls__select:hover {
|
|
77
|
-
background-color: var(--yc-color-base-background);
|
|
78
75
|
width: 100%;
|
|
79
76
|
}
|
|
80
|
-
.bc-feed-controls__saved-only-button {
|
|
81
|
-
border-radius: 10px;
|
|
82
|
-
}
|
|
83
77
|
.bc-feed-controls__saved-only-button_savedOnly {
|
|
84
78
|
--yc-button-background-color: var(--pc-monochrome-button-background-color);
|
|
85
79
|
--yc-button-background-color-hover: var(--pc-monochrome-button-background-color-hover);
|
|
@@ -22,11 +22,22 @@ unpredictable css rules order in build */
|
|
|
22
22
|
.bc-search__search-suggest-container {
|
|
23
23
|
width: 100%;
|
|
24
24
|
}
|
|
25
|
-
.bc-search__search-suggest
|
|
25
|
+
.bc-search .bc-search__search-suggest-control {
|
|
26
|
+
background-color: var(--yc-color-base-background);
|
|
27
|
+
padding-left: 12px;
|
|
26
28
|
padding-right: 32px;
|
|
29
|
+
border-radius: var(--bc-text-input-border-radius);
|
|
30
|
+
border: 1px solid transparent;
|
|
31
|
+
}
|
|
32
|
+
.bc-search .bc-search__search-suggest-control:hover, .bc-search .bc-search__search-suggest-control:focus {
|
|
33
|
+
border: 1px solid var(--yc-color-base-generic-hover);
|
|
27
34
|
}
|
|
28
35
|
.bc-search_size_s {
|
|
36
|
+
--bc-text-input-border-radius: var(--yc-my-border-radius-l);
|
|
29
37
|
height: 36px;
|
|
30
38
|
width: 352px;
|
|
31
39
|
max-width: 100%;
|
|
40
|
+
}
|
|
41
|
+
.bc-search_size_m {
|
|
42
|
+
--bc-text-input-border-radius: var(--yc-my-border-radius-xl);
|
|
32
43
|
}
|
|
@@ -29,10 +29,12 @@ export const Search = (props) => {
|
|
|
29
29
|
}, [autoFocus, inputRef, isIPhone]);
|
|
30
30
|
return (React.createElement("div", { className: b({ size }, className) },
|
|
31
31
|
React.createElement("div", { className: b('search-suggest-container') },
|
|
32
|
-
React.createElement(TextInput, { value: value, onUpdate: (query) => {
|
|
32
|
+
React.createElement(TextInput, { className: b('search-suggest'), value: value, onUpdate: (query) => {
|
|
33
33
|
setValue(query);
|
|
34
34
|
handleChange(query);
|
|
35
|
-
}, placeholder: placeholder,
|
|
35
|
+
}, placeholder: placeholder, size: size === 'm' ? 'xl' : 'l', controlRef: inputRef, view: "clear", controlProps: {
|
|
36
|
+
className: b('search-suggest-control'),
|
|
37
|
+
} })),
|
|
36
38
|
value ? (React.createElement(ButtonWithIcon, { className: b('close-button'), icon: Close, iconSize: CLOSE_ICON_SIZE, size: "xs", onClick: () => {
|
|
37
39
|
handleChange.cancel();
|
|
38
40
|
setValue('');
|