@gravity-ui/page-constructor 5.28.7 → 5.29.0

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.
@@ -53,6 +53,30 @@ unpredictable css rules order in build */
53
53
  margin-top: 0;
54
54
  margin-bottom: 0;
55
55
  }
56
+ .pc-content-list_theme_light .pc-content-list__item *,
57
+ .pc-content-list_theme_light .pc-content-list__item .yfm,
58
+ .pc-content-list_theme_light .pc-content-list__item .yfm * {
59
+ color: var(--g-color-text-dark-primary);
60
+ }
61
+ .pc-content-list_theme_light .pc-content-list__item .yfm a {
62
+ color: var(--g-color-text-dark-primary);
63
+ text-decoration: underline;
64
+ }
65
+ .pc-content-list_theme_light .pc-content-list__item .yfm a:hover {
66
+ color: var(--g-color-text-dark-secondary);
67
+ }
68
+ .pc-content-list_theme_dark .pc-content-list__item *,
69
+ .pc-content-list_theme_dark .pc-content-list__item .yfm,
70
+ .pc-content-list_theme_dark .pc-content-list__item .yfm * {
71
+ color: var(--g-color-text-light-primary);
72
+ }
73
+ .pc-content-list_theme_dark .pc-content-list__item .yfm a {
74
+ color: var(--g-color-text-light-primary);
75
+ text-decoration: underline;
76
+ }
77
+ .pc-content-list_theme_dark .pc-content-list__item .yfm a:hover {
78
+ color: var(--g-color-text-light-secondary);
79
+ }
56
80
  .pc-content-list__icon {
57
81
  display: block;
58
82
  }
@@ -1,4 +1,4 @@
1
1
  import { ContentListProps } from '../../models';
2
2
  import { QAProps } from '../../models/common';
3
- declare const ContentList: ({ list, size, qa }: ContentListProps & QAProps) => JSX.Element;
3
+ declare const ContentList: ({ list, size, qa, theme }: ContentListProps & QAProps) => JSX.Element;
4
4
  export default ContentList;
@@ -17,9 +17,9 @@ function getHeadingLevel(size) {
17
17
  return 'h3';
18
18
  }
19
19
  }
20
- const ContentList = ({ list, size = 'l', qa }) => {
20
+ const ContentList = ({ list, size = 'l', qa, theme }) => {
21
21
  const qaAttributes = (0, blocks_1.getQaAttrubutes)(qa, ['image', 'title', 'text']);
22
- return (react_1.default.createElement("div", { className: b({ size }), "data-qa": qa }, list === null || list === void 0 ? void 0 : list.map((item) => {
22
+ return (react_1.default.createElement("div", { className: b({ size, theme }), "data-qa": qa }, list === null || list === void 0 ? void 0 : list.map((item) => {
23
23
  const { icon, title, text } = item;
24
24
  return (react_1.default.createElement("div", { className: b('item', { 'without-title': !title }), key: (0, uuid_1.v4)() },
25
25
  react_1.default.createElement(ContentListItemIcon_1.default, { icon: icon, className: b('icon'), qa: qaAttributes.image }),
@@ -87,9 +87,6 @@ unpredictable css rules order in build */
87
87
  .pc-content_theme_dark .pc-content__title *,
88
88
  .pc-content_theme_dark .pc-content__text .yfm,
89
89
  .pc-content_theme_dark .pc-content__text .yfm *,
90
- .pc-content_theme_dark .pc-content__list *,
91
- .pc-content_theme_dark .pc-content__list .yfm,
92
- .pc-content_theme_dark .pc-content__list .yfm *,
93
90
  .pc-content_theme_dark .pc-content__links a {
94
91
  color: var(--g-color-text-light-primary);
95
92
  }
@@ -104,13 +101,11 @@ unpredictable css rules order in build */
104
101
  .pc-content_theme_dark .pc-content__notice .yfm a:hover {
105
102
  color: var(--g-color-text-light-primary);
106
103
  }
107
- .pc-content_theme_dark .pc-content__text .yfm a,
108
- .pc-content_theme_dark .pc-content__list .yfm a {
104
+ .pc-content_theme_dark .pc-content__text .yfm a {
109
105
  color: var(--g-color-text-light-primary);
110
106
  text-decoration: underline;
111
107
  }
112
- .pc-content_theme_dark .pc-content__text .yfm a:hover,
113
- .pc-content_theme_dark .pc-content__list .yfm a:hover {
108
+ .pc-content_theme_dark .pc-content__text .yfm a:hover {
114
109
  color: var(--g-color-text-light-secondary);
115
110
  }
116
111
  .pc-content_theme_dark .pc-content__title a {
@@ -124,9 +119,6 @@ unpredictable css rules order in build */
124
119
  .pc-content_theme_light .pc-content__title *,
125
120
  .pc-content_theme_light .pc-content__text .yfm,
126
121
  .pc-content_theme_light .pc-content__text .yfm *,
127
- .pc-content_theme_light .pc-content__list *,
128
- .pc-content_theme_light .pc-content__list .yfm,
129
- .pc-content_theme_light .pc-content__list .yfm *,
130
122
  .pc-content_theme_light .pc-content__links a {
131
123
  color: var(--g-color-text-dark-primary);
132
124
  }
@@ -141,13 +133,11 @@ unpredictable css rules order in build */
141
133
  .pc-content_theme_light .pc-content__notice .yfm a:hover {
142
134
  color: var(--g-color-text-dark-primary);
143
135
  }
144
- .pc-content_theme_light .pc-content__text .yfm a,
145
- .pc-content_theme_light .pc-content__list .yfm a {
136
+ .pc-content_theme_light .pc-content__text .yfm a {
146
137
  color: var(--g-color-text-dark-primary);
147
138
  text-decoration: underline;
148
139
  }
149
- .pc-content_theme_light .pc-content__text .yfm a:hover,
150
- .pc-content_theme_light .pc-content__list .yfm a:hover {
140
+ .pc-content_theme_light .pc-content__text .yfm a:hover {
151
141
  color: var(--g-color-text-dark-secondary);
152
142
  }
153
143
  .pc-content_theme_light .pc-content__title a {
@@ -31,7 +31,7 @@ const Content = (props) => {
31
31
  text && (react_1.default.createElement("div", { className: b('text', { ['without-title']: !hasTitle }) },
32
32
  react_1.default.createElement(components_1.YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true }, id: textId }))),
33
33
  (list === null || list === void 0 ? void 0 : list.length) ? (react_1.default.createElement("div", { className: b('list') },
34
- react_1.default.createElement(components_1.ContentList, { list: list, size: size, qa: qaAttributes.list }))) : null,
34
+ react_1.default.createElement(components_1.ContentList, { list: list, size: size, qa: qaAttributes.list, theme: theme }))) : null,
35
35
  additionalInfo && (react_1.default.createElement("div", { className: b('notice') },
36
36
  react_1.default.createElement(components_1.YFMWrapper, { content: additionalInfo, modifiers: {
37
37
  constructor: true,
@@ -53,6 +53,30 @@ unpredictable css rules order in build */
53
53
  margin-top: 0;
54
54
  margin-bottom: 0;
55
55
  }
56
+ .pc-content-list_theme_light .pc-content-list__item *,
57
+ .pc-content-list_theme_light .pc-content-list__item .yfm,
58
+ .pc-content-list_theme_light .pc-content-list__item .yfm * {
59
+ color: var(--g-color-text-dark-primary);
60
+ }
61
+ .pc-content-list_theme_light .pc-content-list__item .yfm a {
62
+ color: var(--g-color-text-dark-primary);
63
+ text-decoration: underline;
64
+ }
65
+ .pc-content-list_theme_light .pc-content-list__item .yfm a:hover {
66
+ color: var(--g-color-text-dark-secondary);
67
+ }
68
+ .pc-content-list_theme_dark .pc-content-list__item *,
69
+ .pc-content-list_theme_dark .pc-content-list__item .yfm,
70
+ .pc-content-list_theme_dark .pc-content-list__item .yfm * {
71
+ color: var(--g-color-text-light-primary);
72
+ }
73
+ .pc-content-list_theme_dark .pc-content-list__item .yfm a {
74
+ color: var(--g-color-text-light-primary);
75
+ text-decoration: underline;
76
+ }
77
+ .pc-content-list_theme_dark .pc-content-list__item .yfm a:hover {
78
+ color: var(--g-color-text-light-secondary);
79
+ }
56
80
  .pc-content-list__icon {
57
81
  display: block;
58
82
  }
@@ -1,5 +1,5 @@
1
1
  import { ContentListProps } from '../../models';
2
2
  import { QAProps } from '../../models/common';
3
3
  import './ContentList.css';
4
- declare const ContentList: ({ list, size, qa }: ContentListProps & QAProps) => JSX.Element;
4
+ declare const ContentList: ({ list, size, qa, theme }: ContentListProps & QAProps) => JSX.Element;
5
5
  export default ContentList;
@@ -15,9 +15,9 @@ function getHeadingLevel(size) {
15
15
  return 'h3';
16
16
  }
17
17
  }
18
- const ContentList = ({ list, size = 'l', qa }) => {
18
+ const ContentList = ({ list, size = 'l', qa, theme }) => {
19
19
  const qaAttributes = getQaAttrubutes(qa, ['image', 'title', 'text']);
20
- return (React.createElement("div", { className: b({ size }), "data-qa": qa }, list === null || list === void 0 ? void 0 : list.map((item) => {
20
+ return (React.createElement("div", { className: b({ size, theme }), "data-qa": qa }, list === null || list === void 0 ? void 0 : list.map((item) => {
21
21
  const { icon, title, text } = item;
22
22
  return (React.createElement("div", { className: b('item', { 'without-title': !title }), key: uuidv4() },
23
23
  React.createElement(ItemIcon, { icon: icon, className: b('icon'), qa: qaAttributes.image }),
@@ -87,9 +87,6 @@ unpredictable css rules order in build */
87
87
  .pc-content_theme_dark .pc-content__title *,
88
88
  .pc-content_theme_dark .pc-content__text .yfm,
89
89
  .pc-content_theme_dark .pc-content__text .yfm *,
90
- .pc-content_theme_dark .pc-content__list *,
91
- .pc-content_theme_dark .pc-content__list .yfm,
92
- .pc-content_theme_dark .pc-content__list .yfm *,
93
90
  .pc-content_theme_dark .pc-content__links a {
94
91
  color: var(--g-color-text-light-primary);
95
92
  }
@@ -104,13 +101,11 @@ unpredictable css rules order in build */
104
101
  .pc-content_theme_dark .pc-content__notice .yfm a:hover {
105
102
  color: var(--g-color-text-light-primary);
106
103
  }
107
- .pc-content_theme_dark .pc-content__text .yfm a,
108
- .pc-content_theme_dark .pc-content__list .yfm a {
104
+ .pc-content_theme_dark .pc-content__text .yfm a {
109
105
  color: var(--g-color-text-light-primary);
110
106
  text-decoration: underline;
111
107
  }
112
- .pc-content_theme_dark .pc-content__text .yfm a:hover,
113
- .pc-content_theme_dark .pc-content__list .yfm a:hover {
108
+ .pc-content_theme_dark .pc-content__text .yfm a:hover {
114
109
  color: var(--g-color-text-light-secondary);
115
110
  }
116
111
  .pc-content_theme_dark .pc-content__title a {
@@ -124,9 +119,6 @@ unpredictable css rules order in build */
124
119
  .pc-content_theme_light .pc-content__title *,
125
120
  .pc-content_theme_light .pc-content__text .yfm,
126
121
  .pc-content_theme_light .pc-content__text .yfm *,
127
- .pc-content_theme_light .pc-content__list *,
128
- .pc-content_theme_light .pc-content__list .yfm,
129
- .pc-content_theme_light .pc-content__list .yfm *,
130
122
  .pc-content_theme_light .pc-content__links a {
131
123
  color: var(--g-color-text-dark-primary);
132
124
  }
@@ -141,13 +133,11 @@ unpredictable css rules order in build */
141
133
  .pc-content_theme_light .pc-content__notice .yfm a:hover {
142
134
  color: var(--g-color-text-dark-primary);
143
135
  }
144
- .pc-content_theme_light .pc-content__text .yfm a,
145
- .pc-content_theme_light .pc-content__list .yfm a {
136
+ .pc-content_theme_light .pc-content__text .yfm a {
146
137
  color: var(--g-color-text-dark-primary);
147
138
  text-decoration: underline;
148
139
  }
149
- .pc-content_theme_light .pc-content__text .yfm a:hover,
150
- .pc-content_theme_light .pc-content__list .yfm a:hover {
140
+ .pc-content_theme_light .pc-content__text .yfm a:hover {
151
141
  color: var(--g-color-text-dark-secondary);
152
142
  }
153
143
  .pc-content_theme_light .pc-content__title a {
@@ -29,7 +29,7 @@ const Content = (props) => {
29
29
  text && (React.createElement("div", { className: b('text', { ['without-title']: !hasTitle }) },
30
30
  React.createElement(YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true }, id: textId }))),
31
31
  (list === null || list === void 0 ? void 0 : list.length) ? (React.createElement("div", { className: b('list') },
32
- React.createElement(ContentList, { list: list, size: size, qa: qaAttributes.list }))) : null,
32
+ React.createElement(ContentList, { list: list, size: size, qa: qaAttributes.list, theme: theme }))) : null,
33
33
  additionalInfo && (React.createElement("div", { className: b('notice') },
34
34
  React.createElement(YFMWrapper, { content: additionalInfo, modifiers: {
35
35
  constructor: true,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/page-constructor",
3
- "version": "5.28.7",
3
+ "version": "5.29.0",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -24,7 +24,8 @@
24
24
  "import": "./server/index.js"
25
25
  },
26
26
  "./styles/*": "./styles/*",
27
- "./widget/*": "./widget/*"
27
+ "./widget/*": "./widget/*",
28
+ "./schema/*": "./schema/*"
28
29
  },
29
30
  "main": "./build/cjs/index.js",
30
31
  "module": "./build/esm/index.js",
@@ -72,7 +73,8 @@
72
73
  "build:client": "gulp",
73
74
  "build:server": "rimraf server && tsc -p tsconfig.server.json && move-file server/server.js server/index.js && move-file server/server.d.ts server/index.d.ts",
74
75
  "build:widget": "webpack --config widget.webpack.js",
75
- "build": "run-p build:client build:server build:widget",
76
+ "build:schema": "webpack --config schema.webpack.js",
77
+ "build": "run-p build:client build:server build:widget build:schema",
76
78
  "prepublishOnly": "npm run lint && npm run build",
77
79
  "prepare": "husky install",
78
80
  "test": "jest",