@doyourjob/gravity-ui-page-constructor 5.31.188 → 5.31.189
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.
- package/build/cjs/blocks/Header/HeaderTags/HeaderTags.css +3 -0
- package/build/cjs/blocks/Header/HeaderTags/HeaderTags.js +4 -1
- package/build/cjs/blocks/Header/schema.d.ts +24 -0
- package/build/cjs/blocks/Header/schema.js +4 -0
- package/build/cjs/blocks/HeaderSlider/schema.d.ts +12 -0
- package/build/cjs/models/constructor-items/blocks.d.ts +2 -0
- package/build/esm/blocks/Header/HeaderTags/HeaderTags.css +3 -0
- package/build/esm/blocks/Header/HeaderTags/HeaderTags.js +4 -1
- package/build/esm/blocks/Header/schema.d.ts +24 -0
- package/build/esm/blocks/Header/schema.js +4 -0
- package/build/esm/blocks/HeaderSlider/schema.d.ts +12 -0
- package/build/esm/models/constructor-items/blocks.d.ts +2 -0
- package/package.json +1 -1
- package/schema/index.js +1 -1
- package/server/models/constructor-items/blocks.d.ts +2 -0
- package/widget/index.js +1 -1
|
@@ -23,7 +23,10 @@ function getIcon(name) {
|
|
|
23
23
|
const HeaderTags = ({ theme, tags, sizes, className }) => {
|
|
24
24
|
if (!(tags === null || tags === void 0 ? void 0 : tags.length))
|
|
25
25
|
return null;
|
|
26
|
-
return (react_1.default.createElement(grid_1.Col, { className: b({ theme }, className), sizes: sizes }, tags.map((tag) => (react_1.default.createElement(uikit_1.Button, Object.assign({ view: "outlined", size: "l", href: tag.url, className: b('tag', { disable: !tag.url
|
|
26
|
+
return (react_1.default.createElement(grid_1.Col, { className: b({ theme }, className), sizes: sizes }, tags.map((tag) => (react_1.default.createElement(uikit_1.Button, Object.assign({ view: "outlined", size: "l", href: tag.url, className: b('tag', { disable: !tag.url, opHover: Boolean(tag.backgroundColor) }), style: Object.assign(Object.assign({}, (tag.backgroundColor && {
|
|
27
|
+
'--_--background-color': tag.backgroundColor,
|
|
28
|
+
'--_--background-color-hover': tag.backgroundColor,
|
|
29
|
+
})), (tag.textColor && { color: tag.textColor })) }, (tag.url ? {} : { tabIndex: -1 }), { key: tag.text, target: tag.target }),
|
|
27
30
|
getIcon(tag.icon),
|
|
28
31
|
tag.text)))));
|
|
29
32
|
};
|
|
@@ -965,6 +965,12 @@ export declare const HeaderProperties: {
|
|
|
965
965
|
target: {
|
|
966
966
|
type: string;
|
|
967
967
|
};
|
|
968
|
+
textColor: {
|
|
969
|
+
type: string;
|
|
970
|
+
};
|
|
971
|
+
backgroundColor: {
|
|
972
|
+
type: string;
|
|
973
|
+
};
|
|
968
974
|
};
|
|
969
975
|
};
|
|
970
976
|
};
|
|
@@ -988,6 +994,12 @@ export declare const HeaderProperties: {
|
|
|
988
994
|
target: {
|
|
989
995
|
type: string;
|
|
990
996
|
};
|
|
997
|
+
textColor: {
|
|
998
|
+
type: string;
|
|
999
|
+
};
|
|
1000
|
+
backgroundColor: {
|
|
1001
|
+
type: string;
|
|
1002
|
+
};
|
|
991
1003
|
};
|
|
992
1004
|
};
|
|
993
1005
|
};
|
|
@@ -1662,6 +1674,12 @@ export declare const HeaderBlock: {
|
|
|
1662
1674
|
target: {
|
|
1663
1675
|
type: string;
|
|
1664
1676
|
};
|
|
1677
|
+
textColor: {
|
|
1678
|
+
type: string;
|
|
1679
|
+
};
|
|
1680
|
+
backgroundColor: {
|
|
1681
|
+
type: string;
|
|
1682
|
+
};
|
|
1665
1683
|
};
|
|
1666
1684
|
};
|
|
1667
1685
|
};
|
|
@@ -1685,6 +1703,12 @@ export declare const HeaderBlock: {
|
|
|
1685
1703
|
target: {
|
|
1686
1704
|
type: string;
|
|
1687
1705
|
};
|
|
1706
|
+
textColor: {
|
|
1707
|
+
type: string;
|
|
1708
|
+
};
|
|
1709
|
+
backgroundColor: {
|
|
1710
|
+
type: string;
|
|
1711
|
+
};
|
|
1688
1712
|
};
|
|
1689
1713
|
};
|
|
1690
1714
|
};
|
|
@@ -179,6 +179,8 @@ exports.HeaderProperties = {
|
|
|
179
179
|
url: { type: 'string' },
|
|
180
180
|
icon: { type: 'string', enum: ['map', 'clock', 'calendar'] },
|
|
181
181
|
target: { type: 'string' },
|
|
182
|
+
textColor: { type: 'string' },
|
|
183
|
+
backgroundColor: { type: 'string' },
|
|
182
184
|
},
|
|
183
185
|
},
|
|
184
186
|
},
|
|
@@ -193,6 +195,8 @@ exports.HeaderProperties = {
|
|
|
193
195
|
url: { type: 'string' },
|
|
194
196
|
icon: { type: 'string', enum: ['map', 'clock', 'calendar'] },
|
|
195
197
|
target: { type: 'string' },
|
|
198
|
+
textColor: { type: 'string' },
|
|
199
|
+
backgroundColor: { type: 'string' },
|
|
196
200
|
},
|
|
197
201
|
},
|
|
198
202
|
},
|
|
@@ -659,6 +659,12 @@ export declare const HeaderSliderBlock: {
|
|
|
659
659
|
target: {
|
|
660
660
|
type: string;
|
|
661
661
|
};
|
|
662
|
+
textColor: {
|
|
663
|
+
type: string;
|
|
664
|
+
};
|
|
665
|
+
backgroundColor: {
|
|
666
|
+
type: string;
|
|
667
|
+
};
|
|
662
668
|
};
|
|
663
669
|
};
|
|
664
670
|
};
|
|
@@ -682,6 +688,12 @@ export declare const HeaderSliderBlock: {
|
|
|
682
688
|
target: {
|
|
683
689
|
type: string;
|
|
684
690
|
};
|
|
691
|
+
textColor: {
|
|
692
|
+
type: string;
|
|
693
|
+
};
|
|
694
|
+
backgroundColor: {
|
|
695
|
+
type: string;
|
|
696
|
+
};
|
|
685
697
|
};
|
|
686
698
|
};
|
|
687
699
|
};
|
|
@@ -20,7 +20,10 @@ function getIcon(name) {
|
|
|
20
20
|
export const HeaderTags = ({ theme, tags, sizes, className }) => {
|
|
21
21
|
if (!(tags === null || tags === void 0 ? void 0 : tags.length))
|
|
22
22
|
return null;
|
|
23
|
-
return (React.createElement(Col, { className: b({ theme }, className), sizes: sizes }, tags.map((tag) => (React.createElement(ButtonKit, Object.assign({ view: "outlined", size: "l", href: tag.url, className: b('tag', { disable: !tag.url
|
|
23
|
+
return (React.createElement(Col, { className: b({ theme }, className), sizes: sizes }, tags.map((tag) => (React.createElement(ButtonKit, Object.assign({ view: "outlined", size: "l", href: tag.url, className: b('tag', { disable: !tag.url, opHover: Boolean(tag.backgroundColor) }), style: Object.assign(Object.assign({}, (tag.backgroundColor && {
|
|
24
|
+
'--_--background-color': tag.backgroundColor,
|
|
25
|
+
'--_--background-color-hover': tag.backgroundColor,
|
|
26
|
+
})), (tag.textColor && { color: tag.textColor })) }, (tag.url ? {} : { tabIndex: -1 }), { key: tag.text, target: tag.target }),
|
|
24
27
|
getIcon(tag.icon),
|
|
25
28
|
tag.text)))));
|
|
26
29
|
};
|
|
@@ -965,6 +965,12 @@ export declare const HeaderProperties: {
|
|
|
965
965
|
target: {
|
|
966
966
|
type: string;
|
|
967
967
|
};
|
|
968
|
+
textColor: {
|
|
969
|
+
type: string;
|
|
970
|
+
};
|
|
971
|
+
backgroundColor: {
|
|
972
|
+
type: string;
|
|
973
|
+
};
|
|
968
974
|
};
|
|
969
975
|
};
|
|
970
976
|
};
|
|
@@ -988,6 +994,12 @@ export declare const HeaderProperties: {
|
|
|
988
994
|
target: {
|
|
989
995
|
type: string;
|
|
990
996
|
};
|
|
997
|
+
textColor: {
|
|
998
|
+
type: string;
|
|
999
|
+
};
|
|
1000
|
+
backgroundColor: {
|
|
1001
|
+
type: string;
|
|
1002
|
+
};
|
|
991
1003
|
};
|
|
992
1004
|
};
|
|
993
1005
|
};
|
|
@@ -1662,6 +1674,12 @@ export declare const HeaderBlock: {
|
|
|
1662
1674
|
target: {
|
|
1663
1675
|
type: string;
|
|
1664
1676
|
};
|
|
1677
|
+
textColor: {
|
|
1678
|
+
type: string;
|
|
1679
|
+
};
|
|
1680
|
+
backgroundColor: {
|
|
1681
|
+
type: string;
|
|
1682
|
+
};
|
|
1665
1683
|
};
|
|
1666
1684
|
};
|
|
1667
1685
|
};
|
|
@@ -1685,6 +1703,12 @@ export declare const HeaderBlock: {
|
|
|
1685
1703
|
target: {
|
|
1686
1704
|
type: string;
|
|
1687
1705
|
};
|
|
1706
|
+
textColor: {
|
|
1707
|
+
type: string;
|
|
1708
|
+
};
|
|
1709
|
+
backgroundColor: {
|
|
1710
|
+
type: string;
|
|
1711
|
+
};
|
|
1688
1712
|
};
|
|
1689
1713
|
};
|
|
1690
1714
|
};
|
|
@@ -176,6 +176,8 @@ export const HeaderProperties = {
|
|
|
176
176
|
url: { type: 'string' },
|
|
177
177
|
icon: { type: 'string', enum: ['map', 'clock', 'calendar'] },
|
|
178
178
|
target: { type: 'string' },
|
|
179
|
+
textColor: { type: 'string' },
|
|
180
|
+
backgroundColor: { type: 'string' },
|
|
179
181
|
},
|
|
180
182
|
},
|
|
181
183
|
},
|
|
@@ -190,6 +192,8 @@ export const HeaderProperties = {
|
|
|
190
192
|
url: { type: 'string' },
|
|
191
193
|
icon: { type: 'string', enum: ['map', 'clock', 'calendar'] },
|
|
192
194
|
target: { type: 'string' },
|
|
195
|
+
textColor: { type: 'string' },
|
|
196
|
+
backgroundColor: { type: 'string' },
|
|
193
197
|
},
|
|
194
198
|
},
|
|
195
199
|
},
|
|
@@ -659,6 +659,12 @@ export declare const HeaderSliderBlock: {
|
|
|
659
659
|
target: {
|
|
660
660
|
type: string;
|
|
661
661
|
};
|
|
662
|
+
textColor: {
|
|
663
|
+
type: string;
|
|
664
|
+
};
|
|
665
|
+
backgroundColor: {
|
|
666
|
+
type: string;
|
|
667
|
+
};
|
|
662
668
|
};
|
|
663
669
|
};
|
|
664
670
|
};
|
|
@@ -682,6 +688,12 @@ export declare const HeaderSliderBlock: {
|
|
|
682
688
|
target: {
|
|
683
689
|
type: string;
|
|
684
690
|
};
|
|
691
|
+
textColor: {
|
|
692
|
+
type: string;
|
|
693
|
+
};
|
|
694
|
+
backgroundColor: {
|
|
695
|
+
type: string;
|
|
696
|
+
};
|
|
685
697
|
};
|
|
686
698
|
};
|
|
687
699
|
};
|