oolib 2.177.3 → 2.177.4

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 (8) hide show
  1. package/dist/stories/v2/components/cards/CardContent.stories.d.ts +1 -0
  2. package/dist/stories/v2/components/cards/ListContent.stories.d.ts +6 -0
  3. package/dist/stories/v2/components/cards/ListContent.stories.js +2 -2
  4. package/dist/stories/v2/components/cards/utils/cardArgTypes.d.ts +12 -2
  5. package/dist/stories/v2/components/cards/utils/cardArgTypes.js +6 -0
  6. package/dist/v2/components/cards/ListContent/index.js +8 -5
  7. package/dist/v2/components/cards/ListContent/styled.js +51 -17
  8. package/package.json +1 -1
package/dist/stories/v2/components/cards/CardContent.stories.d.ts CHANGED
@@ -64,6 +64,7 @@ declare namespace _default {
64
64
  let args: {
65
65
  cardLabel: string;
66
66
  title: string;
67
+ desc: string;
67
68
  metaName: string;
68
69
  metaDate: number;
69
70
  mediaType: string;
package/dist/stories/v2/components/cards/ListContent.stories.d.ts CHANGED
@@ -7,6 +7,11 @@ declare namespace _default {
7
7
  type: string;
8
8
  };
9
9
  };
10
+ variant: {
11
+ name: string;
12
+ control: string;
13
+ options: string[];
14
+ };
10
15
  cardLabel: {
11
16
  name: string;
12
17
  control: string;
@@ -58,6 +63,7 @@ declare namespace _default {
58
63
  let args: {
59
64
  cardLabel: string;
60
65
  title: string;
66
+ desc: string;
61
67
  metaName: string;
62
68
  metaDate: number;
63
69
  mediaType: string;
package/dist/stories/v2/components/cards/ListContent.stories.js CHANGED
@@ -38,13 +38,13 @@ var ListContent = function (args) {
38
38
  var props = (0, parseCardArgs_1.parseCardArgs)(args);
39
39
  return (react_1.default.createElement(Container_1.Container, null,
40
40
  react_1.default.createElement(Paddings_1.PaddingTopBottom30, null,
41
- react_1.default.createElement(ListContent_1.ListContent, __assign({}, props, { config: props.config })))));
41
+ react_1.default.createElement(ListContent_1.ListContent, __assign({ variant: args.variant }, props, { config: props.config })))));
42
42
  };
43
43
  exports.ListContent = ListContent;
44
44
  var Playground = function (args) {
45
45
  var props = (0, parseCardArgs_1.parseCardArgs)(args);
46
46
  return (react_1.default.createElement(Container_1.Container, null,
47
47
  react_1.default.createElement(Paddings_1.PaddingTopBottom30, null,
48
- react_1.default.createElement(Wrappers_1.Wrapper700, { left: true }, (0, makeArrayFromLength_1.makeArrayFromLength)(50).map(function (d) { return (react_1.default.createElement(ListContent_1.ListContent, __assign({}, props, { config: props.config }))); })))));
48
+ react_1.default.createElement(Wrappers_1.Wrapper700, { left: true }, (0, makeArrayFromLength_1.makeArrayFromLength)(50).map(function (d) { return (react_1.default.createElement(ListContent_1.ListContent, __assign({ variant: args.variant }, props, { config: props.config }))); })))));
49
49
  };
50
50
  exports.Playground = Playground;
package/dist/stories/v2/components/cards/utils/cardArgTypes.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export namespace commonCardArgs {
2
2
  let cardLabel: string;
3
3
  let title: string;
4
+ let desc: string;
4
5
  let metaName: string;
5
6
  let metaDate: number;
6
7
  let mediaType: string;
@@ -86,7 +87,7 @@ export namespace commonCardArgTypes {
86
87
  }
87
88
  }
88
89
  export namespace cardContentArgTypes {
89
- namespace tagDisplay {
90
+ export namespace tagDisplay {
90
91
  let name_9: string;
91
92
  export { name_9 as name };
92
93
  export namespace control_9 {
@@ -94,7 +95,7 @@ export namespace cardContentArgTypes {
94
95
  }
95
96
  export { control_9 as control };
96
97
  }
97
- namespace desc {
98
+ export namespace desc_1 {
98
99
  let name_10: string;
99
100
  export { name_10 as name };
100
101
  export namespace control_10 {
@@ -103,6 +104,7 @@ export namespace cardContentArgTypes {
103
104
  }
104
105
  export { control_10 as control };
105
106
  }
107
+ export { desc_1 as desc };
106
108
  }
107
109
  export namespace listContentArgTypes {
108
110
  namespace statusTag {
@@ -114,4 +116,12 @@ export namespace listContentArgTypes {
114
116
  }
115
117
  export { control_11 as control };
116
118
  }
119
+ namespace variant {
120
+ let name_12: string;
121
+ export { name_12 as name };
122
+ let control_12: string;
123
+ export { control_12 as control };
124
+ let options_3: string[];
125
+ export { options_3 as options };
126
+ }
117
127
  }
package/dist/stories/v2/components/cards/utils/cardArgTypes.js CHANGED
@@ -5,6 +5,7 @@ exports.listContentArgTypes = exports.cardContentArgTypes = exports.commonCardAr
5
5
  exports.commonCardArgs = {
6
6
  cardLabel: "Stories",
7
7
  title: "North East India Sand Mining 2018: Emerging threat to Rivers",
8
+ desc: "This is some description",
8
9
  metaName: "John Doe",
9
10
  metaDate: 1689618600000,
10
11
  mediaType: 'noMedia',
@@ -69,4 +70,9 @@ exports.listContentArgTypes = {
69
70
  name: "Status Tag",
70
71
  control: { type: "text" },
71
72
  },
73
+ variant: {
74
+ name: "Variant",
75
+ control: 'select',
76
+ options: ['content', 'contentEmbed', 'profile'],
77
+ },
72
78
  };
package/dist/v2/components/cards/ListContent/index.js CHANGED
@@ -25,6 +25,7 @@ var mixins_1 = require("../../../../themes/mixins");
25
25
  var themes_1 = require("../../../themes");
26
26
  var icons_1 = require("../../../../icons");
27
27
  var styled_js_1 = require("./styled.js");
28
+ var styled_2 = require("../CardContent/styled");
28
29
  var white = themes_1.colors.white;
29
30
  var Star = icons_1.icons.Star, CrownSimple = icons_1.icons.CrownSimple;
30
31
  var CustomTag = function (_a) {
@@ -33,7 +34,7 @@ var CustomTag = function (_a) {
33
34
  react_1.default.createElement(Tags_1.TagDisplay, { display: displayText, title: displayText, variant: tagVariant, XS: true }))) : null;
34
35
  };
35
36
  var ListContent = function (_a) {
36
- var id = _a.id, data = _a.data, config = _a.config, to = _a.to, onClick = _a.onClick, openInNewTab = _a.openInNewTab, statusTag = _a.statusTag, _b = _a.variant, variant = _b === void 0 ? "content" : _b, //alt = profile
37
+ var id = _a.id, data = _a.data, config = _a.config, to = _a.to, onClick = _a.onClick, openInNewTab = _a.openInNewTab, statusTag = _a.statusTag, _b = _a.variant, variant = _b === void 0 ? "content" : _b, //alt = profile | contentEmbed -> contentEmbed just changes the borderStyle
37
38
  highlight = _a.highlight, // primary | secondary
38
39
  statusTagVariant = _a.statusTagVariant;
39
40
  var theme = (0, styled_components_1.useTheme)();
@@ -44,7 +45,7 @@ var ListContent = function (_a) {
44
45
  config: config,
45
46
  data: data,
46
47
  parseSpecialSyntax: parseSpecialSyntax,
47
- }), cardLabel = _c.cardLabel, title = _c.title, video = _c.video, image = _c.image, metaBlock = _c.metaBlock;
48
+ }), cardLabel = _c.cardLabel, title = _c.title, description = _c.desc, video = _c.video, image = _c.image, metaBlock = _c.metaBlock;
48
49
  var bothTagsDisplayTogether = cardLabel && statusTag;
49
50
  var dontRenderRes = (0, dontRenderIfBothOnClickAndTo_1.dontRenderIfBothOnClickAndTo)({ onClick: onClick, to: to });
50
51
  if (dontRenderRes)
@@ -56,7 +57,7 @@ var ListContent = function (_a) {
56
57
  var mediaConfigExists = config.video || config.image;
57
58
  var HighLightIcon = highlight === 'secondary' ? Star : CrownSimple;
58
59
  return (react_1.default.createElement(LinkComp, { target: target, href: (0, injectHttps_1.injectHttps)(to), to: to },
59
- react_1.default.createElement(styled_js_1.StyledListElemContainer, { id: id, onClick: onClick ? function (e) { return onClick(e, data); } : undefined, mediaConfigExists: mediaConfigExists, highlight: highlight },
60
+ react_1.default.createElement(styled_js_1.StyledListElemContainer, { variant: variant, id: id, onClick: onClick ? function (e) { return onClick(e, data); } : undefined, mediaConfigExists: mediaConfigExists, highlight: highlight },
60
61
  react_1.default.createElement(styled_js_1.StyledListWrapper, null,
61
62
  react_1.default.createElement(styled_js_1.StyledMainSection, null,
62
63
  react_1.default.createElement("div", null,
@@ -65,10 +66,12 @@ var ListContent = function (_a) {
65
66
  react_1.default.createElement(CustomTag, { displayText: statusTag, tagVariant: statusTagVariant ? statusTagVariant : highlight == "primary" ? "positive" : "warning", bothTagsDisplayTogether: bothTagsDisplayTogether }))),
66
67
  title ? (react_1.default.createElement(LineClampWrapper_1.LineClampWrapper, { noOfLines_M: 4, noOfLines_D: 3, title: title },
67
68
  react_1.default.createElement(styled_1.StyledTitle, { capitalize: true, className: "StyledTitle" },
68
- react_1.default.createElement(styled_1.StyledTitleSpan, { className: "StyledTitleSpan" }, localize(title))))) : null),
69
+ react_1.default.createElement(styled_1.StyledTitleSpan, { className: "StyledTitleSpan" }, localize(title))))) : null,
70
+ description ? (react_1.default.createElement(styled_2.StyledDescription, null,
71
+ react_1.default.createElement(LineClampWrapper_1.LineClampWrapper, { title: description, noOfLines_M: 6 }, description))) : null),
69
72
  (metaBlock === null || metaBlock === void 0 ? void 0 : metaBlock.length) > 0 && (react_1.default.createElement(styled_js_1.StyledMetaBlockWrapper, null,
70
73
  react_1.default.createElement(MetaBlock_1.default, { data: data, config: metaBlock })))),
71
- variant === "content" ? (mediaConfigExists && (react_1.default.createElement(styled_js_1.StyledContentModule, null, (0, mediaDataExists_1.imageDataExists)(image) ? (react_1.default.createElement(ImageInput_1.ImageInput, { stretchToFullHeight: true, value: image, aspectRatio: "5/3", readOnly: true, enableCaptions: false, disableImageBorder: true, defaultImageSpread: "cover" })) : (0, mediaDataExists_1.videoDataExists)(video) ? (react_1.default.createElement(styled_js_1.StyledVideoWrapper, null,
74
+ (variant === "content" || variant === 'contentEmbed') ? (mediaConfigExists && (react_1.default.createElement(styled_js_1.StyledContentModule, null, (0, mediaDataExists_1.imageDataExists)(image) ? (react_1.default.createElement(ImageInput_1.ImageInput, { stretchToFullHeight: true, value: image, aspectRatio: "5/3", readOnly: true, enableCaptions: false, disableImageBorder: true, defaultImageSpread: "cover" })) : (0, mediaDataExists_1.videoDataExists)(video) ? (react_1.default.createElement(styled_js_1.StyledVideoWrapper, null,
72
75
  react_1.default.createElement(VideoInput_1.default, { value: video, readOnly: true, light: true, height: "100%" }),
73
76
  react_1.default.createElement(styled_js_1.StyledVideoOverlay, null))) : (react_1.default.createElement(ImagePlaceholder_1.ImagePlaceholder, { title: title, aspectRatio: "13/10", height: "100%" }))))) : (react_1.default.createElement(styled_js_1.StyledContentModule2, null,
74
77
  react_1.default.createElement(ProfileImageInput_1.ProfileImageInput, { readOnly: true, value: image, size: screenWidth >= (0, mixins_1.getBreakPoint)('sm') ? 60 : 70, imageTitle: title }))),
package/dist/v2/components/cards/ListContent/styled.js CHANGED
@@ -3,20 +3,54 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
4
  return cooked;
5
5
  };
6
- var __importDefault = (this && this.__importDefault) || function (mod) {
7
- return (mod && mod.__esModule) ? mod : { "default": mod };
8
- };
6
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
7
+ if (k2 === undefined) k2 = k;
8
+ var desc = Object.getOwnPropertyDescriptor(m, k);
9
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
10
+ desc = { enumerable: true, get: function() { return m[k]; } };
11
+ }
12
+ Object.defineProperty(o, k2, desc);
13
+ }) : (function(o, m, k, k2) {
14
+ if (k2 === undefined) k2 = k;
15
+ o[k2] = m[k];
16
+ }));
17
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
18
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
19
+ }) : function(o, v) {
20
+ o["default"] = v;
21
+ });
22
+ var __importStar = (this && this.__importStar) || (function () {
23
+ var ownKeys = function(o) {
24
+ ownKeys = Object.getOwnPropertyNames || function (o) {
25
+ var ar = [];
26
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
27
+ return ar;
28
+ };
29
+ return ownKeys(o);
30
+ };
31
+ return function (mod) {
32
+ if (mod && mod.__esModule) return mod;
33
+ var result = {};
34
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
35
+ __setModuleDefault(result, mod);
36
+ return result;
37
+ };
38
+ })();
9
39
  Object.defineProperty(exports, "__esModule", { value: true });
10
40
  exports.StyledContentModule2 = exports.StyledMetaBlockWrapper = exports.StyledTagWrapper = exports.StyledLabelAndStatusTagWrapper = exports.StyledMainSection = exports.StyledVideoOverlay = exports.StyledVideoWrapper = exports.StyledContentModule = exports.StyledHighlightWrapper = exports.StyledListWrapper = exports.StyledListElemContainer = void 0;
11
- var styled_components_1 = __importDefault(require("styled-components"));
41
+ var styled_components_1 = __importStar(require("styled-components"));
12
42
  var themes_1 = require("../../../themes");
13
43
  var mixins_1 = require("../../../../themes/mixins");
14
44
  var grey10 = themes_1.colors.grey10, grey50 = themes_1.colors.grey50, yellow = themes_1.colors.yellow, white = themes_1.colors.white, green = themes_1.colors.green;
15
45
  var SIZE_OF_HIGHLIGHT = "28px";
16
- exports.StyledListElemContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 100%;\n width: 100%;\n padding-inline: 12px;\n padding-block: ", ";\n cursor: pointer;\n border-top: 1px solid ", ";\n border-bottom: 1px solid ", ";\n border-inline: 1px solid ", ";\n\n ", " {\n &:hover {\n border-radius: 8px;\n border: 1px solid ", ";\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.12);\n }\n }\n"], ["\n height: 100%;\n width: 100%;\n padding-inline: 12px;\n padding-block: ", ";\n cursor: pointer;\n border-top: 1px solid ", ";\n border-bottom: 1px solid ", ";\n border-inline: 1px solid ", ";\n\n ", " {\n &:hover {\n border-radius: 8px;\n border: 1px solid ", ";\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.12);\n }\n }\n"])), function (_a) {
46
+ exports.StyledListElemContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n width: 100%;\n padding-inline: 12px;\n padding-block: ", ";\n cursor: pointer;\n ", "\n \n\n ", " {\n &:hover {\n border-radius: 8px;\n border: 1px solid ", ";\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.12);\n }\n }\n"], ["\n height: 100%;\n width: 100%;\n padding-inline: 12px;\n padding-block: ", ";\n cursor: pointer;\n ", "\n \n\n ", " {\n &:hover {\n border-radius: 8px;\n border: 1px solid ", ";\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.12);\n }\n }\n"])), function (_a) {
17
47
  var mediaConfigExists = _a.mediaConfigExists;
18
48
  return mediaConfigExists ? "12px" : "14px";
19
- }, grey10, white, white, (0, mixins_1.mediaQuery)("sm"), function (_a) {
49
+ }, function (_a) {
50
+ var variant = _a.variant;
51
+ return variant === 'contentEmbed'
52
+ ? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: 8px;\n border: 1px solid ", ";\n "], ["\n border-radius: 8px;\n border: 1px solid ", ";\n "])), grey10) : (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-top: 1px solid ", ";\n border-bottom: 1px solid ", ";\n border-inline: 1px solid ", ";\n"], ["\n border-top: 1px solid ", ";\n border-bottom: 1px solid ", ";\n border-inline: 1px solid ", ";\n"])), grey10, white, white);
53
+ }, (0, mixins_1.mediaQuery)("sm"), function (_a) {
20
54
  var highlight = _a.highlight;
21
55
  if (highlight == "primary")
22
56
  return green;
@@ -25,26 +59,26 @@ exports.StyledListElemContainer = styled_components_1.default.div(templateObject
25
59
  else
26
60
  return grey50;
27
61
  });
28
- exports.StyledListWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n gap: 12px;\n position: relative;\n"], ["\n display: flex;\n gap: 12px;\n position: relative;\n"])));
29
- exports.StyledHighlightWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n position: absolute;\n top: 0;\n right: 0;\n display: flex; \n justify-content: center;\n align-items: center;\n padding: 6px;\n background-color: ", "; \n border-radius: 4px;\n"], ["\n width: ", ";\n height: ", ";\n position: absolute;\n top: 0;\n right: 0;\n display: flex; \n justify-content: center;\n align-items: center;\n padding: 6px;\n background-color: ", "; \n border-radius: 4px;\n"])), SIZE_OF_HIGHLIGHT, SIZE_OF_HIGHLIGHT, function (_a) {
62
+ exports.StyledListWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n gap: 12px;\n position: relative;\n"], ["\n display: flex;\n gap: 12px;\n position: relative;\n"])));
63
+ exports.StyledHighlightWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n position: absolute;\n top: 0;\n right: 0;\n display: flex; \n justify-content: center;\n align-items: center;\n padding: 6px;\n background-color: ", "; \n border-radius: 4px;\n"], ["\n width: ", ";\n height: ", ";\n position: absolute;\n top: 0;\n right: 0;\n display: flex; \n justify-content: center;\n align-items: center;\n padding: 6px;\n background-color: ", "; \n border-radius: 4px;\n"])), SIZE_OF_HIGHLIGHT, SIZE_OF_HIGHLIGHT, function (_a) {
30
64
  var highlight = _a.highlight;
31
65
  return highlight === "secondary" ? yellow : green;
32
66
  });
33
- exports.StyledContentModule = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n min-height: 91px;\n min-width: 121px;\n width: 121px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n border-radius: 4px;\n\n ", " {\n min-height: 120px;\n min-width: 159px;\n width: 159px;\n }\n"], ["\n min-height: 91px;\n min-width: 121px;\n width: 121px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n border-radius: 4px;\n\n ", " {\n min-height: 120px;\n min-width: 159px;\n width: 159px;\n }\n"])), (0, mixins_1.mediaQuery)("sm"));
34
- exports.StyledVideoWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n"])));
35
- exports.StyledVideoOverlay = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
36
- exports.StyledMainSection = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n overflow: hidden;\n"], ["\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n overflow: hidden;\n"])));
37
- exports.StyledLabelAndStatusTagWrapper = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n width: ", ";\n margin-bottom: 8px;\n display: flex;\n gap: 6px;\n"], ["\n width: ", ";\n margin-bottom: 8px;\n display: flex;\n gap: 6px;\n"])), function (_a) {
67
+ exports.StyledContentModule = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n min-height: 91px;\n min-width: 121px;\n width: 121px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n border-radius: 4px;\n\n ", " {\n min-height: 120px;\n min-width: 159px;\n width: 159px;\n }\n"], ["\n min-height: 91px;\n min-width: 121px;\n width: 121px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n border-radius: 4px;\n\n ", " {\n min-height: 120px;\n min-width: 159px;\n width: 159px;\n }\n"])), (0, mixins_1.mediaQuery)("sm"));
68
+ exports.StyledVideoWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n"])));
69
+ exports.StyledVideoOverlay = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
70
+ exports.StyledMainSection = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n overflow: hidden;\n"], ["\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n overflow: hidden;\n"])));
71
+ exports.StyledLabelAndStatusTagWrapper = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n width: ", ";\n margin-bottom: 8px;\n display: flex;\n gap: 6px;\n"], ["\n width: ", ";\n margin-bottom: 8px;\n display: flex;\n gap: 6px;\n"])), function (_a) {
38
72
  var highlight = _a.highlight, mediaConfigExists = _a.mediaConfigExists;
39
73
  if (!mediaConfigExists && highlight)
40
74
  return "calc(100% - ".concat(SIZE_OF_HIGHLIGHT, " - 6px)"); // 6px gap between highlight and tag
41
75
  else
42
76
  return "100%";
43
77
  });
44
- exports.StyledTagWrapper = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n max-width: ", "; // 3px is the half of the space between tags\n"], ["\n max-width: ", "; // 3px is the half of the space between tags\n"])), function (_a) {
78
+ exports.StyledTagWrapper = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n max-width: ", "; // 3px is the half of the space between tags\n"], ["\n max-width: ", "; // 3px is the half of the space between tags\n"])), function (_a) {
45
79
  var bothTagsDisplayTogether = _a.bothTagsDisplayTogether;
46
80
  return bothTagsDisplayTogether ? "calc(50% - 3px)" : "100%";
47
81
  });
48
- exports.StyledMetaBlockWrapper = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n margin-top: 6px;\n"], ["\n margin-top: 6px;\n"])));
49
- exports.StyledContentModule2 = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: flex;\n flex-direction: column-reverse;\n justify-content: flex-end;\n align-items: flex-end;\n gap: 1rem;\n flex-shrink: 0;\n ", " {\n flex-direction: row;\n align-items: center;\n }\n"], ["\n display: flex;\n flex-direction: column-reverse;\n justify-content: flex-end;\n align-items: flex-end;\n gap: 1rem;\n flex-shrink: 0;\n ", " {\n flex-direction: row;\n align-items: center;\n }\n"])), (0, mixins_1.mediaQuery)("sm"));
50
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
82
+ exports.StyledMetaBlockWrapper = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n margin-top: 6px;\n"], ["\n margin-top: 6px;\n"])));
83
+ exports.StyledContentModule2 = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n display: flex;\n flex-direction: column-reverse;\n justify-content: flex-end;\n align-items: flex-end;\n gap: 1rem;\n flex-shrink: 0;\n ", " {\n flex-direction: row;\n align-items: center;\n }\n"], ["\n display: flex;\n flex-direction: column-reverse;\n justify-content: flex-end;\n align-items: flex-end;\n gap: 1rem;\n flex-shrink: 0;\n ", " {\n flex-direction: row;\n align-items: center;\n }\n"])), (0, mixins_1.mediaQuery)("sm"));
84
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oolib",
3
- "version": "2.177.3",
3
+ "version": "2.177.4",
4
4
  "description": " OKE Component Library",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",