@gravity-ui/page-constructor 1.10.3 → 1.10.5

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.
Files changed (11) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/build/cjs/components/Button/Button.css +8 -8
  3. package/build/cjs/components/Image/Image.js +1 -1
  4. package/build/cjs/containers/PageConstructor/PageConstructor.css +6 -2
  5. package/build/cjs/sub-blocks/Content/Content.css +5 -0
  6. package/build/esm/components/Button/Button.css +8 -8
  7. package/build/esm/components/Image/Image.js +1 -1
  8. package/build/esm/containers/PageConstructor/PageConstructor.css +6 -2
  9. package/build/esm/sub-blocks/Content/Content.css +5 -0
  10. package/package.json +1 -1
  11. package/styles/root.scss +6 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # Changelog
2
2
 
3
+ ## [1.10.5](https://github.com/gravity-ui/page-constructor/compare/v1.10.4...v1.10.5) (2022-12-22)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * monochrome button theme ([#89](https://github.com/gravity-ui/page-constructor/issues/89)) ([e29fe65](https://github.com/gravity-ui/page-constructor/commit/e29fe65788b844cb753d24d00c56ab31b2143333))
9
+
10
+ ## [1.10.4](https://github.com/gravity-ui/page-constructor/compare/v1.10.3...v1.10.4) (2022-12-22)
11
+
12
+
13
+ ### Bug Fixes
14
+
15
+ * **Image:** desktop webp ([#90](https://github.com/gravity-ui/page-constructor/issues/90)) ([2940078](https://github.com/gravity-ui/page-constructor/commit/2940078045246d7cf4af9eb4ad845deb9b3e4576))
16
+
3
17
  ## [1.10.3](https://github.com/gravity-ui/page-constructor/compare/v1.10.2...v1.10.3) (2022-12-15)
4
18
 
5
19
 
package/build/cjs/components/Button/Button.css CHANGED
@@ -10,23 +10,23 @@
10
10
  margin-left: var(--btn-image-margin);
11
11
  }
12
12
  .pc-button-block_theme_github.pc-button-block_theme_github {
13
- --yc-button-background-color: var(--pc-monochrome-button);
14
- --yc-button-background-color-hover: var(--pc-monochrome-button-hover);
15
- color: var(--yc-color-text-light-primary);
13
+ --yc-button-background-color: var(--pc-monochrome-button-background-color);
14
+ --yc-button-background-color-hover: var(--pc-monochrome-button-background-color-hover);
15
+ color: var(--pc-monochrome-button-color);
16
16
  }
17
17
  .pc-button-block_theme_github.pc-button-block_theme_github:hover {
18
- color: var(--yc-color-text-light-primary);
18
+ color: var(--pc-monochrome-button-color);
19
19
  }
20
20
  .pc-button-block_theme_scale::before, .pc-button-block_theme_scale::after {
21
21
  border-radius: 300px;
22
22
  }
23
23
  .pc-button-block_theme_monochrome {
24
- --yc-button-background-color: var(--pc-monochrome-button);
25
- --yc-button-background-color-hover: var(--pc-monochrome-button-hover);
26
- color: var(--yc-color-text-light-primary);
24
+ --yc-button-background-color: var(--pc-monochrome-button-background-color);
25
+ --yc-button-background-color-hover: var(--pc-monochrome-button-background-color-hover);
26
+ color: var(--pc-monochrome-button-color);
27
27
  }
28
28
  .pc-button-block_theme_monochrome:hover {
29
- color: var(--yc-color-text-light-primary);
29
+ color: var(--pc-monochrome-button-color);
30
30
  }
31
31
  .pc-button-block_size_s {
32
32
  --btn-image-margin: 10px;
package/build/cjs/components/Image/Image.js CHANGED
@@ -27,7 +27,7 @@ const Image = (props) => {
27
27
  tablet && (react_1.default.createElement(react_1.Fragment, null,
28
28
  !disableWebp && (react_1.default.createElement("source", { srcSet: checkWebP(tablet), type: "image/webp", media: `(max-width: ${constants_1.BREAKPOINTS.md}px)` })),
29
29
  react_1.default.createElement("source", { srcSet: tablet, media: `(max-width: ${constants_1.BREAKPOINTS.md}px)` }))),
30
- desktop && !disableWebp && react_1.default.createElement("source", { srcSet: checkWebP(imageSrc), type: "image/webp" }),
30
+ imageSrc && !disableWebp && react_1.default.createElement("source", { srcSet: checkWebP(imageSrc), type: "image/webp" }),
31
31
  react_1.default.createElement("img", { className: className, src: imageSrc, alt: alt, style: style, onClick: onClick, onError: () => setImgLoadingError(true) })));
32
32
  };
33
33
  exports.default = Image;
package/build/cjs/containers/PageConstructor/PageConstructor.css CHANGED
@@ -14,14 +14,18 @@ unpredictable css rules order in build */
14
14
  --pc-color-sfx-shadow: var(--yc-color-base-simple-hover);
15
15
  --pc-color-line-generic-active-solid: #b3b3b3;
16
16
  --pc-color-base-float-hover: var(--yc-color-base-float);
17
- --pc-monochrome-button: #262626;
18
- --pc-monochrome-button-hover: #393939;
17
+ --pc-monochrome-button-background-color: #262626;
18
+ --pc-monochrome-button-background-color-hover: #393939;
19
+ --pc-monochrome-button-color: var(--yc-color-text-light-primary);
19
20
  --pc-text-header-color: var(--yc-color-text-primary);
20
21
  }
21
22
  .yc-root.yc-root_theme_dark {
22
23
  --pc-color-sfx-shadow: var(--yc-color-sfx-shadow);
23
24
  --pc-color-line-generic-active-solid: #6c6c70;
24
25
  --pc-color-base-float-hover: var(--yc-color-base-float-hover);
26
+ --pc-monochrome-button-background-color: #ffffff;
27
+ --pc-monochrome-button-background-color-hover: #e9e9e9;
28
+ --pc-monochrome-button-color: var(--yc-color-text-dark-primary);
25
29
  }
26
30
 
27
31
  /* use this for style redefinitions to awoid problems with
package/build/cjs/sub-blocks/Content/Content.css CHANGED
@@ -5,6 +5,11 @@
5
5
 
6
6
  /* use this for style redefinitions to awoid problems with
7
7
  unpredictable css rules order in build */
8
+ .pc-content {
9
+ --pc-monochrome-button-background-color: #262626;
10
+ --pc-monochrome-button-background-color-hover: #393939;
11
+ --pc-monochrome-button-color: var(--yc-color-text-light-primary);
12
+ }
8
13
  .pc-content__notice .yfm ol,
9
14
  .pc-content__notice .yfm ul, .pc-content__text .yfm ol,
10
15
  .pc-content__text .yfm ul {
package/build/esm/components/Button/Button.css CHANGED
@@ -10,23 +10,23 @@
10
10
  margin-left: var(--btn-image-margin);
11
11
  }
12
12
  .pc-button-block_theme_github.pc-button-block_theme_github {
13
- --yc-button-background-color: var(--pc-monochrome-button);
14
- --yc-button-background-color-hover: var(--pc-monochrome-button-hover);
15
- color: var(--yc-color-text-light-primary);
13
+ --yc-button-background-color: var(--pc-monochrome-button-background-color);
14
+ --yc-button-background-color-hover: var(--pc-monochrome-button-background-color-hover);
15
+ color: var(--pc-monochrome-button-color);
16
16
  }
17
17
  .pc-button-block_theme_github.pc-button-block_theme_github:hover {
18
- color: var(--yc-color-text-light-primary);
18
+ color: var(--pc-monochrome-button-color);
19
19
  }
20
20
  .pc-button-block_theme_scale::before, .pc-button-block_theme_scale::after {
21
21
  border-radius: 300px;
22
22
  }
23
23
  .pc-button-block_theme_monochrome {
24
- --yc-button-background-color: var(--pc-monochrome-button);
25
- --yc-button-background-color-hover: var(--pc-monochrome-button-hover);
26
- color: var(--yc-color-text-light-primary);
24
+ --yc-button-background-color: var(--pc-monochrome-button-background-color);
25
+ --yc-button-background-color-hover: var(--pc-monochrome-button-background-color-hover);
26
+ color: var(--pc-monochrome-button-color);
27
27
  }
28
28
  .pc-button-block_theme_monochrome:hover {
29
- color: var(--yc-color-text-light-primary);
29
+ color: var(--pc-monochrome-button-color);
30
30
  }
31
31
  .pc-button-block_size_s {
32
32
  --btn-image-margin: 10px;
package/build/esm/components/Image/Image.js CHANGED
@@ -24,7 +24,7 @@ const Image = (props) => {
24
24
  tablet && (React.createElement(Fragment, null,
25
25
  !disableWebp && (React.createElement("source", { srcSet: checkWebP(tablet), type: "image/webp", media: `(max-width: ${BREAKPOINTS.md}px)` })),
26
26
  React.createElement("source", { srcSet: tablet, media: `(max-width: ${BREAKPOINTS.md}px)` }))),
27
- desktop && !disableWebp && React.createElement("source", { srcSet: checkWebP(imageSrc), type: "image/webp" }),
27
+ imageSrc && !disableWebp && React.createElement("source", { srcSet: checkWebP(imageSrc), type: "image/webp" }),
28
28
  React.createElement("img", { className: className, src: imageSrc, alt: alt, style: style, onClick: onClick, onError: () => setImgLoadingError(true) })));
29
29
  };
30
30
  export default Image;
package/build/esm/containers/PageConstructor/PageConstructor.css CHANGED
@@ -14,14 +14,18 @@ unpredictable css rules order in build */
14
14
  --pc-color-sfx-shadow: var(--yc-color-base-simple-hover);
15
15
  --pc-color-line-generic-active-solid: #b3b3b3;
16
16
  --pc-color-base-float-hover: var(--yc-color-base-float);
17
- --pc-monochrome-button: #262626;
18
- --pc-monochrome-button-hover: #393939;
17
+ --pc-monochrome-button-background-color: #262626;
18
+ --pc-monochrome-button-background-color-hover: #393939;
19
+ --pc-monochrome-button-color: var(--yc-color-text-light-primary);
19
20
  --pc-text-header-color: var(--yc-color-text-primary);
20
21
  }
21
22
  .yc-root.yc-root_theme_dark {
22
23
  --pc-color-sfx-shadow: var(--yc-color-sfx-shadow);
23
24
  --pc-color-line-generic-active-solid: #6c6c70;
24
25
  --pc-color-base-float-hover: var(--yc-color-base-float-hover);
26
+ --pc-monochrome-button-background-color: #ffffff;
27
+ --pc-monochrome-button-background-color-hover: #e9e9e9;
28
+ --pc-monochrome-button-color: var(--yc-color-text-dark-primary);
25
29
  }
26
30
 
27
31
  /* use this for style redefinitions to awoid problems with
package/build/esm/sub-blocks/Content/Content.css CHANGED
@@ -5,6 +5,11 @@
5
5
 
6
6
  /* use this for style redefinitions to awoid problems with
7
7
  unpredictable css rules order in build */
8
+ .pc-content {
9
+ --pc-monochrome-button-background-color: #262626;
10
+ --pc-monochrome-button-background-color-hover: #393939;
11
+ --pc-monochrome-button-color: var(--yc-color-text-light-primary);
12
+ }
8
13
  .pc-content__notice .yfm ol,
9
14
  .pc-content__notice .yfm ul, .pc-content__text .yfm ol,
10
15
  .pc-content__text .yfm ul {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/page-constructor",
3
- "version": "1.10.3",
3
+ "version": "1.10.5",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {
package/styles/root.scss CHANGED
@@ -13,13 +13,17 @@
13
13
  --pc-color-sfx-shadow: var(--yc-color-base-simple-hover);
14
14
  --pc-color-line-generic-active-solid: #b3b3b3;
15
15
  --pc-color-base-float-hover: var(--yc-color-base-float);
16
- --pc-monochrome-button: #262626;
17
- --pc-monochrome-button-hover: #393939;
16
+ --pc-monochrome-button-background-color: #262626;
17
+ --pc-monochrome-button-background-color-hover: #393939;
18
+ --pc-monochrome-button-color: var(--yc-color-text-light-primary);
18
19
  --pc-text-header-color: var(--yc-color-text-primary);
19
20
 
20
21
  &.yc-root_theme_dark {
21
22
  --pc-color-sfx-shadow: var(--yc-color-sfx-shadow);
22
23
  --pc-color-line-generic-active-solid: #6c6c70;
23
24
  --pc-color-base-float-hover: var(--yc-color-base-float-hover);
25
+ --pc-monochrome-button-background-color: #ffffff;
26
+ --pc-monochrome-button-background-color-hover: #e9e9e9;
27
+ --pc-monochrome-button-color: var(--yc-color-text-dark-primary);
24
28
  }
25
29
  }