@gravity-ui/page-constructor 4.5.2 → 4.5.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 (12) hide show
  1. package/build/cjs/editor/components/AddBlock/AddBlock.css +1 -1
  2. package/build/cjs/editor/components/EditBlock/EditBlock.css +1 -0
  3. package/build/cjs/editor/components/Layout/Layout.css +2 -1
  4. package/build/cjs/editor/containers/Form/Form.css +14 -35
  5. package/build/cjs/editor/styles/root.css +2 -1
  6. package/build/esm/editor/components/AddBlock/AddBlock.css +1 -1
  7. package/build/esm/editor/components/EditBlock/EditBlock.css +1 -0
  8. package/build/esm/editor/components/Layout/Layout.css +2 -1
  9. package/build/esm/editor/containers/Form/Form.css +14 -35
  10. package/build/esm/editor/styles/root.css +2 -1
  11. package/package.json +2 -2
  12. package/widget/index.js +1 -1
package/build/cjs/editor/components/AddBlock/AddBlock.css CHANGED
@@ -23,7 +23,7 @@ unpredictable css rules order in build */
23
23
  transition: transform 0.2s;
24
24
  width: 76px;
25
25
  height: 40px;
26
- color: var(--g-color-text-primary);
26
+ color: var(--pc-editor-control-icon-color);
27
27
  background-color: var(--pc-editor-base-color);
28
28
  border-radius: 8px;
29
29
  }
package/build/cjs/editor/components/EditBlock/EditBlock.css CHANGED
@@ -45,6 +45,7 @@ unpredictable css rules order in build */
45
45
  width: 48px;
46
46
  height: 32px;
47
47
  border-radius: 8px;
48
+ color: var(--pc-editor-control-icon-color);
48
49
  background-color: var(--pc-editor-control-color);
49
50
  }
50
51
  .pc-edit-block__control:hover {
package/build/cjs/editor/components/Layout/Layout.css CHANGED
@@ -4,7 +4,8 @@ body {
4
4
  --pc-editor-header-height: 48px;
5
5
  --pc-editor-divider-width: 12px;
6
6
  --pc-editor-base-color: var(--g-color-base-brand);
7
- --pc-editor-control-color: var(--g-color-private-yellow-400-solid);
7
+ --pc-editor-control-color: var(--g-color-base-brand);
8
+ --pc-editor-control-icon-color: var(--g-color-text-dark-primary);
8
9
  --pc-editor-left-column-width: calc(400px + var(--pc-editor-divider-width));
9
10
  }
10
11
 
package/build/cjs/editor/containers/Form/Form.css CHANGED
@@ -1,46 +1,26 @@
1
1
  /* use this for style redefinitions to awoid problems with
2
2
  unpredictable css rules order in build */
3
3
  .pc-editor-form {
4
- --top-level-font-size: var(--g-text-display-2-font-size);
5
- --top-level-line-height: var(--g-text-display-2-line-height);
6
- --block-level-complex-propery-font-size: var(--g-text-body-3-font-size);
7
- --block-level-complex-property-line-height: var(--g-text-body-3-line-height);
8
- --complex-property-font-size: var(--g-text-body-2-font-size);
9
- --complex-property-line-height: var(--g-text-body-2-line-height);
10
- --property-font-size: var(--g-text-body-1-font-size);
11
- --property-line-height: var(--g-text-body-1-line-height);
4
+ --block-name-font-size: var(--g-text-display-1-font-size);
5
+ --block-name-line-height: var(--g-text-display-1-line-height);
6
+ --property-name-font-size: var(--g-text-body-1-font-size);
7
+ --property-name-line-height: var(--g-text-body-1-line-height);
12
8
  --input-min-width: 150px;
13
9
  --property-title-width: 96px;
14
10
  --button-height: 48px;
15
- --icon-size: 32px;
16
- --icon-margin: 42px;
11
+ --icon-size: 28px;
12
+ --icon-margin: 8px;
17
13
  --property-font-weight: 500;
18
- --header-text-size: var(--top-level-font-size);
19
- --header-line-height: var(--top-level-line-height);
20
- --text-size: var(--top-level-font-size);
21
- --line-height: var(--top-level-line-height);
14
+ --header-text-size: var(--block-name-font-size);
15
+ --header-line-height: var(--block-name-line-height);
22
16
  }
23
17
  .pc-editor-form .df-use-search .df-use-search {
24
- --button-height: 32px;
25
- --icon-size: 20px;
26
- --icon-margin: 30px;
27
- --header-text-size: var(--block-level-complex-propery-font-size);
28
- --header-line-height: var(--block-level-complex-property-line-height);
29
- --text-size: var(--property-font-size);
30
- --line-height: var(--property-line-height);
31
- --property-font-weight: 400;
32
- }
33
- .pc-editor-form .df-use-search .df-use-search .df-use-search {
34
18
  --button-height: 28px;
35
19
  --icon-size: 16px;
36
- --icon-margin: 25px;
20
+ --icon-margin: 0px;
21
+ --header-text-size: var(--property-name-font-size);
22
+ --header-line-height: var(--property-name-line-height);
37
23
  --property-font-weight: 400;
38
- --header-text-size: var(--complex-property-font-size);
39
- --header-line-height: var(--complex-property-line-height);
40
- --text-size: var(--property-font-size);
41
- --line-height: var(--property-line-height);
42
- --oneof-text-size: var(--complex-propery-font-size);
43
- --oneof-line-height: var(--complex-property-line-height);
44
24
  }
45
25
  .pc-editor-form .df-row {
46
26
  width: inherit;
@@ -49,8 +29,6 @@ unpredictable css rules order in build */
49
29
  width: var(--property-title-width);
50
30
  }
51
31
  .pc-editor-form .df-row__title {
52
- font-size: var(--text-size);
53
- line-height: var(--line-height);
54
32
  font-weight: var(--property-font-weight);
55
33
  white-space: nowrap;
56
34
  }
@@ -58,12 +36,13 @@ unpredictable css rules order in build */
58
36
  min-width: var(--input-min-width);
59
37
  min-height: var(--input-min-width);
60
38
  }
61
- .pc-editor-form .df-simple-vertical-accordeon__header .yc-button {
39
+ .pc-editor-form .df-simple-vertical-accordeon__header .yc-button,
40
+ .pc-editor-form .df-simple-vertical-accordeon__title {
62
41
  font-size: var(--header-text-size);
63
42
  line-height: var(--header-line-height);
64
43
  }
65
44
  .pc-editor-form .df-simple-vertical-accordeon__header .yc-button {
66
- --g-button-height: var(--button-height);
45
+ --yc-button-height: var(--button-height);
67
46
  display: flex;
68
47
  justify-content: center;
69
48
  align-items: center;
package/build/cjs/editor/styles/root.css CHANGED
@@ -2,6 +2,7 @@ body {
2
2
  --pc-editor-header-height: 48px;
3
3
  --pc-editor-divider-width: 12px;
4
4
  --pc-editor-base-color: var(--g-color-base-brand);
5
- --pc-editor-control-color: var(--g-color-private-yellow-400-solid);
5
+ --pc-editor-control-color: var(--g-color-base-brand);
6
+ --pc-editor-control-icon-color: var(--g-color-text-dark-primary);
6
7
  --pc-editor-left-column-width: calc(400px + var(--pc-editor-divider-width));
7
8
  }
package/build/esm/editor/components/AddBlock/AddBlock.css CHANGED
@@ -23,7 +23,7 @@ unpredictable css rules order in build */
23
23
  transition: transform 0.2s;
24
24
  width: 76px;
25
25
  height: 40px;
26
- color: var(--g-color-text-primary);
26
+ color: var(--pc-editor-control-icon-color);
27
27
  background-color: var(--pc-editor-base-color);
28
28
  border-radius: 8px;
29
29
  }
package/build/esm/editor/components/EditBlock/EditBlock.css CHANGED
@@ -45,6 +45,7 @@ unpredictable css rules order in build */
45
45
  width: 48px;
46
46
  height: 32px;
47
47
  border-radius: 8px;
48
+ color: var(--pc-editor-control-icon-color);
48
49
  background-color: var(--pc-editor-control-color);
49
50
  }
50
51
  .pc-edit-block__control:hover {
package/build/esm/editor/components/Layout/Layout.css CHANGED
@@ -4,7 +4,8 @@ body {
4
4
  --pc-editor-header-height: 48px;
5
5
  --pc-editor-divider-width: 12px;
6
6
  --pc-editor-base-color: var(--g-color-base-brand);
7
- --pc-editor-control-color: var(--g-color-private-yellow-400-solid);
7
+ --pc-editor-control-color: var(--g-color-base-brand);
8
+ --pc-editor-control-icon-color: var(--g-color-text-dark-primary);
8
9
  --pc-editor-left-column-width: calc(400px + var(--pc-editor-divider-width));
9
10
  }
10
11
 
package/build/esm/editor/containers/Form/Form.css CHANGED
@@ -1,46 +1,26 @@
1
1
  /* use this for style redefinitions to awoid problems with
2
2
  unpredictable css rules order in build */
3
3
  .pc-editor-form {
4
- --top-level-font-size: var(--g-text-display-2-font-size);
5
- --top-level-line-height: var(--g-text-display-2-line-height);
6
- --block-level-complex-propery-font-size: var(--g-text-body-3-font-size);
7
- --block-level-complex-property-line-height: var(--g-text-body-3-line-height);
8
- --complex-property-font-size: var(--g-text-body-2-font-size);
9
- --complex-property-line-height: var(--g-text-body-2-line-height);
10
- --property-font-size: var(--g-text-body-1-font-size);
11
- --property-line-height: var(--g-text-body-1-line-height);
4
+ --block-name-font-size: var(--g-text-display-1-font-size);
5
+ --block-name-line-height: var(--g-text-display-1-line-height);
6
+ --property-name-font-size: var(--g-text-body-1-font-size);
7
+ --property-name-line-height: var(--g-text-body-1-line-height);
12
8
  --input-min-width: 150px;
13
9
  --property-title-width: 96px;
14
10
  --button-height: 48px;
15
- --icon-size: 32px;
16
- --icon-margin: 42px;
11
+ --icon-size: 28px;
12
+ --icon-margin: 8px;
17
13
  --property-font-weight: 500;
18
- --header-text-size: var(--top-level-font-size);
19
- --header-line-height: var(--top-level-line-height);
20
- --text-size: var(--top-level-font-size);
21
- --line-height: var(--top-level-line-height);
14
+ --header-text-size: var(--block-name-font-size);
15
+ --header-line-height: var(--block-name-line-height);
22
16
  }
23
17
  .pc-editor-form .df-use-search .df-use-search {
24
- --button-height: 32px;
25
- --icon-size: 20px;
26
- --icon-margin: 30px;
27
- --header-text-size: var(--block-level-complex-propery-font-size);
28
- --header-line-height: var(--block-level-complex-property-line-height);
29
- --text-size: var(--property-font-size);
30
- --line-height: var(--property-line-height);
31
- --property-font-weight: 400;
32
- }
33
- .pc-editor-form .df-use-search .df-use-search .df-use-search {
34
18
  --button-height: 28px;
35
19
  --icon-size: 16px;
36
- --icon-margin: 25px;
20
+ --icon-margin: 0px;
21
+ --header-text-size: var(--property-name-font-size);
22
+ --header-line-height: var(--property-name-line-height);
37
23
  --property-font-weight: 400;
38
- --header-text-size: var(--complex-property-font-size);
39
- --header-line-height: var(--complex-property-line-height);
40
- --text-size: var(--property-font-size);
41
- --line-height: var(--property-line-height);
42
- --oneof-text-size: var(--complex-propery-font-size);
43
- --oneof-line-height: var(--complex-property-line-height);
44
24
  }
45
25
  .pc-editor-form .df-row {
46
26
  width: inherit;
@@ -49,8 +29,6 @@ unpredictable css rules order in build */
49
29
  width: var(--property-title-width);
50
30
  }
51
31
  .pc-editor-form .df-row__title {
52
- font-size: var(--text-size);
53
- line-height: var(--line-height);
54
32
  font-weight: var(--property-font-weight);
55
33
  white-space: nowrap;
56
34
  }
@@ -58,12 +36,13 @@ unpredictable css rules order in build */
58
36
  min-width: var(--input-min-width);
59
37
  min-height: var(--input-min-width);
60
38
  }
61
- .pc-editor-form .df-simple-vertical-accordeon__header .yc-button {
39
+ .pc-editor-form .df-simple-vertical-accordeon__header .yc-button,
40
+ .pc-editor-form .df-simple-vertical-accordeon__title {
62
41
  font-size: var(--header-text-size);
63
42
  line-height: var(--header-line-height);
64
43
  }
65
44
  .pc-editor-form .df-simple-vertical-accordeon__header .yc-button {
66
- --g-button-height: var(--button-height);
45
+ --yc-button-height: var(--button-height);
67
46
  display: flex;
68
47
  justify-content: center;
69
48
  align-items: center;
package/build/esm/editor/styles/root.css CHANGED
@@ -2,6 +2,7 @@ body {
2
2
  --pc-editor-header-height: 48px;
3
3
  --pc-editor-divider-width: 12px;
4
4
  --pc-editor-base-color: var(--g-color-base-brand);
5
- --pc-editor-control-color: var(--g-color-private-yellow-400-solid);
5
+ --pc-editor-control-color: var(--g-color-base-brand);
6
+ --pc-editor-control-icon-color: var(--g-color-text-dark-primary);
6
7
  --pc-editor-left-column-width: calc(400px + var(--pc-editor-divider-width));
7
8
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/page-constructor",
3
- "version": "4.5.2",
3
+ "version": "4.5.3",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -81,7 +81,7 @@
81
81
  },
82
82
  "dependencies": {
83
83
  "@gravity-ui/components": "^2.0.0",
84
- "@gravity-ui/dynamic-forms": "^2.0.0",
84
+ "@gravity-ui/dynamic-forms": "^2.3.0",
85
85
  "@gravity-ui/i18n": "^1.0.0",
86
86
  "ajv": "^8.12.0",
87
87
  "bem-cn-lite": "^4.0.0",