oolib 2.201.0 → 2.201.1

package/dist/stories/v2/components/Tags/utils/GenTag.js

@@ -18,7 +18,7 @@ exports.GenTag = void 0;
 var react_1 = __importDefault(require("react"));
 var GenTag = function (_a) {
     var args = _a.args, Comp = _a.Comp, variant = _a.variant;
-    return (react_1.default.createElement("div", { style: { padding: "4rem" } },
+    return (react_1.default.createElement("div", { style: { padding: "1rem" } },
         react_1.default.createElement(Comp, __assign({}, args, { variant: variant }))));
 };
 exports.GenTag = GenTag;

package/dist/v2/components/Tags/Comps/Tag/index.js

@@ -1,4 +1,41 @@
 "use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,17 +45,20 @@ var react_1 = __importDefault(require("react"));
 var styled_1 = require("./styled");
 var icons_1 = require("../../../../../icons");
 var styled_2 = require("./styled");
-var styled_components_1 = require("styled-components");
+var styled_components_1 = __importStar(require("styled-components"));
 var themes_1 = require("../../../../themes");
+var mixins_1 = require("../../../../../themes/mixins");
 var grey40 = themes_1.colors.grey40;
 var Tag = function (_a) {
     var id = _a.id, _b = _a.fill, fill = _b === void 0 ? "solid" : _b, _c = _a.size, size = _c === void 0 ? "S" : _c, display = _a.display, icon = _a.icon, weight = _a.weight, onClick = _a.onClick, variant = _a.variant, typo = _a.typo, badgeColor = _a.badgeColor, style = _a.style;
     var Icon = icons_1.icons[icon];
     var theme = (0, styled_components_1.useTheme)();
     var Typo = typo || styled_2.Styled_UI_CAPTION_DF;
+    // ellipsis style to props typo 
+    var StyledTypo = typo ? (0, styled_components_1.default)(Typo)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["", ""], ["", ""])), mixins_1.ellipsis) : Typo;
     return (react_1.default.createElement(styled_1.StyledTag, { id: id, fill: fill, size: size, icon: icon, onClick: onClick, variant: variant, colors: theme === null || theme === void 0 ? void 0 : theme.colors, style: style },
         badgeColor && react_1.default.createElement("div", { style: { background: badgeColor, width: "1rem", height: "1rem", borderRadius: "50%", marginRight: "0.2rem" } }),
-        react_1.default.createElement(Typo, { weight: weight },
+        react_1.default.createElement(StyledTypo, { weight: weight },
             " ",
             display,
             " "),
@@ -27,3 +67,4 @@ var Tag = function (_a) {
                 react_1.default.createElement(Icon, { size: size === "XS" ? 10 : 12, weight: "bold", style: { color: grey40 } }))));
 };
 exports.Tag = Tag;
+var templateObject_1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.201.0",
+  "version": "2.201.1",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",