@galaxy-ds/core 1.1.77 → 1.1.78

package/dist/index.js

@@ -35975,7 +35975,7 @@ var pallettes = __assign$1({ pallette: pallette }, common);
 
 var useStyles$8 = makeStyles(createStyles({
     root: {
-        "&.tag": {
+        '&.tag': {
             display: 'inline-flex',
             alignItems: 'center',
             border: '1px solid #C0D7EE',
@@ -35990,80 +35990,85 @@ var useStyles$8 = makeStyles(createStyles({
                 minHeight: 24,
                 display: 'inline-flex',
                 alignItems: 'center',
-                "&:hover, &:focus": {
+                '&:hover, &:focus': {
                     cursor: 'pointer',
                     backgroundColor: pallettes.brand.primary.transparent,
-                }
+                },
             },
             '& .tag_startIcon': {
                 display: 'flex',
                 paddingLeft: 3,
-                "& .MuiSvgIcon-root": {
+                '& .MuiSvgIcon-root': {
                     fontSize: 16,
                 },
             },
             '& .tag_endIcon': {
                 display: 'flex',
                 height: 24,
-                "& .MuiIconButton-root": {
+                '& .MuiIconButton-root': {
                     paddingLeft: 3,
-                    paddingRight: 3
-                }
+                    paddingRight: 3,
+                },
             },
             '& .tag_label': {
                 paddingLeft: 5,
                 paddingRight: 5,
+                whiteSpace: 'nowrap',
+                width: '100%',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
             },
             '& .tag_delete': {
                 display: 'flex',
                 height: 24,
-                borderLeft: '1px solid #C0D7EE'
+                borderLeft: '1px solid #C0D7EE',
             },
-            "&.tag-desktop": {
+            '&.tag-desktop': {
                 border: '1px solid #C0D7EE',
                 backgroundColor: '#EBF2F9',
+                maxWidth: '100%',
+            },
+            '&.tag-desktop p': {
+                whiteSpace: 'nowrap',
+                width: '100%',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
             },
-            "&.tag-web": {
+            '&.tag-web': {
                 border: '1px solid #d8d8d8',
                 backgroundColor: '#ffffff',
                 '& .tag_content': {
-                    "&:hover, &:focus": {
+                    '&:hover, &:focus': {
                         backgroundColor: pallettes.brand.neutral.white,
-                    }
+                    },
                 },
                 '& .tag_delete': {
-                    borderLeft: '1px solid #d8d8d8'
+                    borderLeft: '1px solid #d8d8d8',
                 },
-                "& .MuiIconButton-root": {
-                    "&:hover, &:focus": {
+                '& .MuiIconButton-root': {
+                    '&:hover, &:focus': {
                         backgroundColor: pallettes.brand.background.light,
-                    }
-                }
+                    },
+                },
             },
         },
     },
 }));
 var Tag = React__default["default"].forwardRef(function (props, ref) {
     var tooltip = props.tooltip, tooltipPlacement = props.tooltipPlacement, tooltipDelete = props.tooltipDelete, tooltipDeletePlacement = props.tooltipDeletePlacement, tooltipLabelPlacement = props.tooltipLabelPlacement, tooltipLabel = props.tooltipLabel, disabled = props.disabled, platformWeb = props.platformWeb, rest = __rest(props, ["tooltip", "tooltipPlacement", "tooltipDelete", "tooltipDeletePlacement", "tooltipLabelPlacement", "tooltipLabel", "disabled", "platformWeb"]);
-    var placement = tooltipPlacement !== undefined ? tooltipPlacement : "top";
-    var placementLabel = tooltipLabelPlacement !== undefined ? tooltipLabelPlacement : "top";
-    var placementDelete = tooltipDeletePlacement !== undefined ? tooltipDeletePlacement : "top";
+    var placement = tooltipPlacement !== undefined ? tooltipPlacement : 'top';
+    var placementLabel = tooltipLabelPlacement !== undefined ? tooltipLabelPlacement : 'top';
+    var placementDelete = tooltipDeletePlacement !== undefined ? tooltipDeletePlacement : 'top';
     var classes = useStyles$8();
     var tagClass = platformWeb ? 'tag-web' : 'tag-desktop';
     return (React__default["default"].createElement("div", { className: clsx(classes.root, 'tag', tagClass) },
-        rest.startIcon ?
-            React__default["default"].createElement("div", { className: 'tag_startIcon' }, rest.startIcon) : null,
-        React__default["default"].createElement("div", { className: 'tag_label' }, tooltipLabel ?
-            React__default["default"].createElement(Tooltip$2, { title: tooltipLabel, placement: placementLabel, TransitionProps: { timeout: 0 } },
-                React__default["default"].createElement(Typography, { variant: "body2" }, rest.label)) : React__default["default"].createElement(Typography, { variant: "body2" }, rest.label)),
-        rest.endIcon ?
-            React__default["default"].createElement("div", { className: 'tag_endIcon' }, tooltip ?
-                React__default["default"].createElement(Tooltip$2, { title: tooltip, placement: placement, TransitionProps: { timeout: 0 } },
-                    React__default["default"].createElement(IconButton, { size: "small", disabled: disabled, onClick: rest.onClick }, rest.endIcon)) : React__default["default"].createElement(IconButton, { size: "small", disabled: disabled, onClick: rest.onClick }, rest.endIcon)) : null,
-        rest.onDelete ?
-            React__default["default"].createElement("div", { className: 'tag_delete' }, tooltipDelete ?
-                React__default["default"].createElement(Tooltip$2, { title: tooltipDelete, placement: placementDelete, TransitionProps: { timeout: 0 } },
-                    React__default["default"].createElement(IconButton, { size: "small", onClick: rest.onDelete }, rest.deleteIcon ? rest.deleteIcon : (React__default["default"].createElement(CrossIcon, null)))) : React__default["default"].createElement(IconButton, { size: "small", onClick: rest.onDelete }, rest.deleteIcon ? rest.deleteIcon : (React__default["default"].createElement(CrossIcon, null)))) : null));
+        rest.startIcon ? (React__default["default"].createElement("div", { className: 'tag_startIcon' }, rest.startIcon)) : null,
+        React__default["default"].createElement("div", { className: 'tag_label' }, tooltipLabel ? (React__default["default"].createElement(Tooltip$2, { title: tooltipLabel, placement: placementLabel, TransitionProps: { timeout: 0 } },
+            React__default["default"].createElement(Typography, { variant: "body2" }, rest.label))) : (React__default["default"].createElement(Typography, { variant: "body2" }, rest.label))),
+        rest.endIcon ? (React__default["default"].createElement("div", { className: 'tag_endIcon' }, tooltip ? (React__default["default"].createElement(Tooltip$2, { title: tooltip, placement: placement, TransitionProps: { timeout: 0 } },
+            React__default["default"].createElement(IconButton, { size: "small", disabled: disabled, onClick: rest.onClick }, rest.endIcon))) : (React__default["default"].createElement(IconButton, { size: "small", disabled: disabled, onClick: rest.onClick }, rest.endIcon)))) : null,
+        rest.onDelete ? (React__default["default"].createElement("div", { className: 'tag_delete' }, tooltipDelete ? (React__default["default"].createElement(Tooltip$2, { title: tooltipDelete, placement: placementDelete, TransitionProps: { timeout: 0 } },
+            React__default["default"].createElement(IconButton, { size: "small", onClick: rest.onDelete }, rest.deleteIcon ? rest.deleteIcon : React__default["default"].createElement(CrossIcon, null)))) : (React__default["default"].createElement(IconButton, { size: "small", onClick: rest.onDelete }, rest.deleteIcon ? rest.deleteIcon : React__default["default"].createElement(CrossIcon, null))))) : null));
 });
 
 function LeapLogo(props) {