@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.
@@ -14,4 +14,7 @@ unpredictable css rules order in build */
14
14
  }
15
15
  .pc-header-tags__tag_disable {
16
16
  pointer-events: none;
17
+ }
18
+ .pc-header-tags__tag_opHover:hover {
19
+ opacity: 0.8;
17
20
  }
@@ -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 }) }, (tag.url ? {} : { tabIndex: -1 }), { key: tag.text, target: tag.target }),
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
  };
@@ -164,6 +164,8 @@ export type HeaderTag = {
164
164
  url?: string;
165
165
  icon?: 'map' | 'clock' | 'calendar';
166
166
  target?: string;
167
+ textColor?: string;
168
+ backgroundColor?: string;
167
169
  };
168
170
  export declare enum HeaderStockType {
169
171
  Price = "price",
@@ -14,4 +14,7 @@ unpredictable css rules order in build */
14
14
  }
15
15
  .pc-header-tags__tag_disable {
16
16
  pointer-events: none;
17
+ }
18
+ .pc-header-tags__tag_opHover:hover {
19
+ opacity: 0.8;
17
20
  }
@@ -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 }) }, (tag.url ? {} : { tabIndex: -1 }), { key: tag.text, target: tag.target }),
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
  };
@@ -164,6 +164,8 @@ export type HeaderTag = {
164
164
  url?: string;
165
165
  icon?: 'map' | 'clock' | 'calendar';
166
166
  target?: string;
167
+ textColor?: string;
168
+ backgroundColor?: string;
167
169
  };
168
170
  export declare enum HeaderStockType {
169
171
  Price = "price",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@doyourjob/gravity-ui-page-constructor",
3
- "version": "5.31.188",
3
+ "version": "5.31.189",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {