@gravity-ui/page-constructor 4.40.1 → 4.40.3

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 (7) hide show
  1. package/build/cjs/components/DefaultVideo/DefaultVideo.js +1 -1
  2. package/build/cjs/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.css +12 -12
  3. package/build/esm/components/DefaultVideo/DefaultVideo.js +1 -1
  4. package/build/esm/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.css +12 -12
  5. package/package.json +1 -1
  6. package/styles/mixins.scss +39 -37
  7. package/widget/index.js +1 -1
package/build/cjs/components/DefaultVideo/DefaultVideo.js CHANGED
@@ -10,7 +10,7 @@ const CustomBarControls_1 = tslib_1.__importDefault(require("../ReactPlayer/Cust
10
10
  const b = (0, utils_1.block)('default-video');
11
11
  exports.DefaultVideo = react_1.default.forwardRef((props, ref) => {
12
12
  const { video, qa, customBarControlsClassName } = props;
13
- const { controls, customControlsOptions, muted: initiallyMuted } = video;
13
+ const { controls, customControlsOptions, muted: initiallyMuted = true } = video;
14
14
  const { muteButtonShown, positioning, type: customControlsType, } = customControlsOptions || {};
15
15
  const [isPaused, setIsPaused] = (0, react_1.useState)(false);
16
16
  const [isMuted, setIsMuted] = (0, react_1.useState)(initiallyMuted);
package/build/cjs/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.css CHANGED
@@ -1,38 +1,38 @@
1
1
  /* use this for style redefinitions to awoid problems with
2
2
  unpredictable css rules order in build */
3
- .pc-constructor-block.pc-constructor-block_indentTop_0 {
3
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_0 {
4
4
  margin-top: 0;
5
5
  }
6
- .pc-constructor-block.pc-constructor-block_indentTop_xs {
6
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_xs {
7
7
  margin-top: 16px;
8
8
  }
9
- .pc-constructor-block.pc-constructor-block_indentTop_s {
9
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_s {
10
10
  margin-top: 24px;
11
11
  }
12
- .pc-constructor-block.pc-constructor-block_indentTop_m {
12
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_m {
13
13
  margin-top: 32px;
14
14
  }
15
- .pc-constructor-block.pc-constructor-block_indentTop_l {
15
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_l {
16
16
  margin-top: 48px;
17
17
  }
18
- .pc-constructor-block.pc-constructor-block_indentTop_xl {
18
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_xl {
19
19
  margin-top: 64px;
20
20
  }
21
- .pc-constructor-block.pc-constructor-block_indentBottom_0 {
21
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentBottom_0 {
22
22
  padding-bottom: 0;
23
23
  }
24
- .pc-constructor-block.pc-constructor-block_indentBottom_xs {
24
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentBottom_xs {
25
25
  padding-bottom: 16px;
26
26
  }
27
- .pc-constructor-block.pc-constructor-block_indentBottom_s {
27
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentBottom_s {
28
28
  padding-bottom: 24px;
29
29
  }
30
- .pc-constructor-block.pc-constructor-block_indentBottom_m {
30
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentBottom_m {
31
31
  padding-bottom: 32px;
32
32
  }
33
- .pc-constructor-block.pc-constructor-block_indentBottom_l {
33
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentBottom_l {
34
34
  padding-bottom: 48px;
35
35
  }
36
- .pc-constructor-block.pc-constructor-block_indentBottom_xl {
36
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentBottom_xl {
37
37
  padding-bottom: 64px;
38
38
  }
package/build/esm/components/DefaultVideo/DefaultVideo.js CHANGED
@@ -7,7 +7,7 @@ import './DefaultVideo.css';
7
7
  const b = block('default-video');
8
8
  export const DefaultVideo = React.forwardRef((props, ref) => {
9
9
  const { video, qa, customBarControlsClassName } = props;
10
- const { controls, customControlsOptions, muted: initiallyMuted } = video;
10
+ const { controls, customControlsOptions, muted: initiallyMuted = true } = video;
11
11
  const { muteButtonShown, positioning, type: customControlsType, } = customControlsOptions || {};
12
12
  const [isPaused, setIsPaused] = useState(false);
13
13
  const [isMuted, setIsMuted] = useState(initiallyMuted);
package/build/esm/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.css CHANGED
@@ -1,38 +1,38 @@
1
1
  /* use this for style redefinitions to awoid problems with
2
2
  unpredictable css rules order in build */
3
- .pc-constructor-block.pc-constructor-block_indentTop_0 {
3
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_0 {
4
4
  margin-top: 0;
5
5
  }
6
- .pc-constructor-block.pc-constructor-block_indentTop_xs {
6
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_xs {
7
7
  margin-top: 16px;
8
8
  }
9
- .pc-constructor-block.pc-constructor-block_indentTop_s {
9
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_s {
10
10
  margin-top: 24px;
11
11
  }
12
- .pc-constructor-block.pc-constructor-block_indentTop_m {
12
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_m {
13
13
  margin-top: 32px;
14
14
  }
15
- .pc-constructor-block.pc-constructor-block_indentTop_l {
15
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_l {
16
16
  margin-top: 48px;
17
17
  }
18
- .pc-constructor-block.pc-constructor-block_indentTop_xl {
18
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_xl {
19
19
  margin-top: 64px;
20
20
  }
21
- .pc-constructor-block.pc-constructor-block_indentBottom_0 {
21
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentBottom_0 {
22
22
  padding-bottom: 0;
23
23
  }
24
- .pc-constructor-block.pc-constructor-block_indentBottom_xs {
24
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentBottom_xs {
25
25
  padding-bottom: 16px;
26
26
  }
27
- .pc-constructor-block.pc-constructor-block_indentBottom_s {
27
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentBottom_s {
28
28
  padding-bottom: 24px;
29
29
  }
30
- .pc-constructor-block.pc-constructor-block_indentBottom_m {
30
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentBottom_m {
31
31
  padding-bottom: 32px;
32
32
  }
33
- .pc-constructor-block.pc-constructor-block_indentBottom_l {
33
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentBottom_l {
34
34
  padding-bottom: 48px;
35
35
  }
36
- .pc-constructor-block.pc-constructor-block_indentBottom_xl {
36
+ .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentBottom_xl {
37
37
  padding-bottom: 64px;
38
38
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/page-constructor",
3
- "version": "4.40.1",
3
+ "version": "4.40.3",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {
package/styles/mixins.scss CHANGED
@@ -561,55 +561,57 @@ unpredictable css rules order in build */
561
561
  // indent system for blocks
562
562
  @mixin indents($class) {
563
563
  @include add-specificity($class) {
564
- &_indentTop {
565
- &_0 {
566
- margin-top: 0;
567
- }
564
+ @include add-specificity(&) {
565
+ &_indentTop {
566
+ &_0 {
567
+ margin-top: 0;
568
+ }
568
569
 
569
- &_xs {
570
- margin-top: $indentXS;
571
- }
570
+ &_xs {
571
+ margin-top: $indentXS;
572
+ }
572
573
 
573
- &_s {
574
- margin-top: $indentSM;
575
- }
574
+ &_s {
575
+ margin-top: $indentSM;
576
+ }
576
577
 
577
- &_m {
578
- margin-top: $indentM;
579
- }
578
+ &_m {
579
+ margin-top: $indentM;
580
+ }
580
581
 
581
- &_l {
582
- margin-top: $indentL;
583
- }
582
+ &_l {
583
+ margin-top: $indentL;
584
+ }
584
585
 
585
- &_xl {
586
- margin-top: $indentXL;
586
+ &_xl {
587
+ margin-top: $indentXL;
588
+ }
587
589
  }
588
- }
589
590
 
590
- &_indentBottom {
591
- &_0 {
592
- padding-bottom: 0;
593
- }
591
+ &_indentBottom {
592
+ &_0 {
593
+ padding-bottom: 0;
594
+ }
594
595
 
595
- &_xs {
596
- padding-bottom: $indentXS;
597
- }
596
+ &_xs {
597
+ padding-bottom: $indentXS;
598
+ }
598
599
 
599
- &_s {
600
- padding-bottom: $indentSM;
601
- }
600
+ &_s {
601
+ padding-bottom: $indentSM;
602
+ }
602
603
 
603
- &_m {
604
- padding-bottom: $indentM;
605
- }
604
+ &_m {
605
+ padding-bottom: $indentM;
606
+ }
606
607
 
607
- &_l {
608
- padding-bottom: $indentL;
609
- }
608
+ &_l {
609
+ padding-bottom: $indentL;
610
+ }
610
611
 
611
- &_xl {
612
- padding-bottom: $indentXL;
612
+ &_xl {
613
+ padding-bottom: $indentXL;
614
+ }
613
615
  }
614
616
  }
615
617
  }