@gravity-ui/blog-constructor 5.0.0 → 5.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (9) hide show
  1. package/build/cjs/components/FeedHeader/components/Controls/Controls.css +0 -8
  2. package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css +1 -1
  3. package/build/cjs/components/Search/Search.css +12 -1
  4. package/build/cjs/components/Search/Search.js +4 -2
  5. package/build/esm/components/FeedHeader/components/Controls/Controls.css +0 -8
  6. package/build/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css +1 -1
  7. package/build/esm/components/Search/Search.css +12 -1
  8. package/build/esm/components/Search/Search.js +4 -2
  9. package/package.json +1 -1
package/build/cjs/components/FeedHeader/components/Controls/Controls.css CHANGED
@@ -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(--g-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(--g-color-base-background);
30
28
  }
31
29
  .bc-feed-controls__select {
32
- background-color: var(--g-color-base-background);
33
- border-radius: 10px;
34
30
  width: 100%;
35
31
  }
36
32
  .bc-feed-controls__popup.bc-feed-controls__popup {
@@ -76,12 +72,8 @@ unpredictable css rules order in build */
76
72
  border: none;
77
73
  }
78
74
  .bc-feed-controls__select:hover {
79
- background-color: var(--g-color-base-background);
80
75
  width: 100%;
81
76
  }
82
- .bc-feed-controls__saved-only-button {
83
- border-radius: 10px;
84
- }
85
77
  .bc-feed-controls__saved-only-button_savedOnly {
86
78
  --g-button-background-color: var(--pc-monochrome-button-background-color);
87
79
  --g-button-background-color-hover: var(--pc-monochrome-button-background-color-hover);
package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css CHANGED
@@ -9,7 +9,7 @@ unpredictable css rules order in build */
9
9
  align-items: center;
10
10
  background-color: var(--g-color-base-background);
11
11
  border: 1px solid var(--g-color-base-background);
12
- border-radius: 10px;
12
+ border-radius: var(--g-border-radius-xl);
13
13
  width: 100%;
14
14
  line-height: 42px;
15
15
  }
package/build/cjs/components/Search/Search.css CHANGED
@@ -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 .yc-text-input__control {
25
+ .bc-search .bc-search__search-suggest-control {
26
+ background-color: var(--g-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(--g-color-base-generic-hover);
27
34
  }
28
35
  .bc-search_size_s {
36
+ --bc-text-input-border-radius: var(--g-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(--g-border-radius-xl);
32
43
  }
package/build/cjs/components/Search/Search.js CHANGED
@@ -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, className: b('search-suggest'), size: size === 'm' ? 'xl' : 'l', controlRef: inputRef })),
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('');
package/build/esm/components/FeedHeader/components/Controls/Controls.css CHANGED
@@ -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(--g-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(--g-color-base-background);
30
28
  }
31
29
  .bc-feed-controls__select {
32
- background-color: var(--g-color-base-background);
33
- border-radius: 10px;
34
30
  width: 100%;
35
31
  }
36
32
  .bc-feed-controls__popup.bc-feed-controls__popup {
@@ -76,12 +72,8 @@ unpredictable css rules order in build */
76
72
  border: none;
77
73
  }
78
74
  .bc-feed-controls__select:hover {
79
- background-color: var(--g-color-base-background);
80
75
  width: 100%;
81
76
  }
82
- .bc-feed-controls__saved-only-button {
83
- border-radius: 10px;
84
- }
85
77
  .bc-feed-controls__saved-only-button_savedOnly {
86
78
  --g-button-background-color: var(--pc-monochrome-button-background-color);
87
79
  --g-button-background-color-hover: var(--pc-monochrome-button-background-color-hover);
package/build/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css CHANGED
@@ -9,7 +9,7 @@ unpredictable css rules order in build */
9
9
  align-items: center;
10
10
  background-color: var(--g-color-base-background);
11
11
  border: 1px solid var(--g-color-base-background);
12
- border-radius: 10px;
12
+ border-radius: var(--g-border-radius-xl);
13
13
  width: 100%;
14
14
  line-height: 42px;
15
15
  }
package/build/esm/components/Search/Search.css CHANGED
@@ -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 .yc-text-input__control {
25
+ .bc-search .bc-search__search-suggest-control {
26
+ background-color: var(--g-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(--g-color-base-generic-hover);
27
34
  }
28
35
  .bc-search_size_s {
36
+ --bc-text-input-border-radius: var(--g-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(--g-border-radius-xl);
32
43
  }
package/build/esm/components/Search/Search.js CHANGED
@@ -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, className: b('search-suggest'), size: size === 'm' ? 'xl' : 'l', controlRef: inputRef })),
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('');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/blog-constructor",
3
- "version": "5.0.0",
3
+ "version": "5.0.2",
4
4
  "description": "Gravity UI Blog Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {