@galaxy-ds/core 2.0.16 → 2.0.18

package/dist/index.js

@@ -1112,7 +1112,6 @@ var dropdownOverrides$1 = {
                     height: 30,
                     lineHeight: '30px',
                 }, '& .customSelectInputBackground': {
-                    backgroundColor: 'red',
                     borderColor: theme.palette.grey[500],
                     cursor: 'default',
                     '&:hover': {
@@ -1770,7 +1769,7 @@ var tableCellOverrides$1 = {
             borderTop: "1px solid #d4d4d4",
             borderLeft: "1px solid #d4d4d4",
             padding: '8px 16px',
-            '&:first-child': {
+            '&:first-of-type': {
                 borderLeft: 'none',
             },
         },
@@ -2451,12 +2450,9 @@ var checkboxOverrides = {
                     content: '""',
                     display: 'none',
                     position: 'absolute',
-                    top: -1,
-                    left: -1,
                     width: 14,
                     height: 14,
                     backgroundColor: '#fef7f0',
-                    border: "1px solid #d4d4d4",
                 },
                 '& input:focus': {
                     borderColor: theme.palette.primary.main,
@@ -2660,7 +2656,7 @@ var dropdownOverrides = {
         select: function (_a) {
             var theme = _a.theme;
             return ({
-                padding: '5px 12px 5px 16px',
+                padding: '12px 12px 12px 16px',
                 lineHeight: 1,
                 textTransform: 'uppercase',
                 fontSize: 12,
@@ -2694,9 +2690,6 @@ var dropdownOverrides = {
                     verticalAlign: 'top',
                     marginLeft: '0.5rem',
                 },
-                '&.MuiSelect-select': {
-                    paddingRight: 12,
-                },
             });
         },
     },
@@ -2843,14 +2836,6 @@ var inputBaseOverrides = {
                 '&.customSelectInputBackground .MuiInputBase-inputAdornedStart': {
                     paddingLeft: 36,
                 },
-                '&.customdropdown': {
-                    backgroundColor: '#d6d6d6',
-                    borderColor: theme.palette.grey[500],
-                    cursor: 'default',
-                    '&:hover': {
-                        cursor: 'default',
-                    },
-                },
             });
         },
         input: {
@@ -3363,7 +3348,7 @@ var tableCellOverrides = {
                 letterSpacing: '0.07px',
                 borderLeft: "1px solid #d4d4d4",
                 background: theme.palette.background.paper,
-                '&:first-child': {
+                '&:first-of-type': {
                     borderLeft: 'none',
                 },
             });
@@ -3700,7 +3685,7 @@ function SelectFilterFilledIcon(props) {
     return (jsxRuntime.jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 16 16", children: [jsxRuntime.jsx("path", { opacity: ".5", fillRule: "evenodd", clipRule: "evenodd", d: "M9.429 7.41v7.09L6.57 12.727V7.41L4.387 5l8.21-1.048-3.168 3.457z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M14 2.386l.37.337a.5.5 0 00.13-.337H14zM9.429 7.41l-.37-.336a.5.5 0 00-.13.336h.5zM14 1.5h.5A.5.5 0 0014 1v.5zm-12 0V1a.5.5 0 00-.5.5H2zm0 .886h-.5a.5.5 0 00.13.337L2 2.386zM6.571 7.41h.5a.5.5 0 00-.13-.336l-.37.336zm0 5.318h-.5a.5.5 0 00.237.425l.263-.425zM9.43 14.5l-.264.425a.5.5 0 00.764-.425h-.5zM13.63 2.05L9.06 7.073l.74.673 4.57-5.023-.739-.673zm-.13-.55v.886h1V1.5h-1zM2 2h12V1H2v1zm.5.386V1.5h-1v.886h1zm4.441 4.687L2.37 2.05l-.74.673 4.572 5.023.74-.673zm.13 5.654V7.41h-1v5.318h1zm2.621 1.348l-2.857-1.773-.527.85 2.857 1.773.527-.85zM8.93 7.41V14.5h1V7.41h-1z", fill: "currentColor" })] })));
 }
 
-function CaratIcon(props) {
+function CaretIcon(props) {
     return (jsxRuntime.jsx(SvgIcon, __assign({}, props, { viewBox: "0 0 6 4", width: "6", height: "4", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 0H6L3 4L0 0Z", fill: "#2F2F2F" }) })));
 }
 
@@ -4898,7 +4883,7 @@ styles$1.styled(MuiTypography$1)(function (_a) {
 });
 
 var Autocomplete = function (_a) {
-    var label = _a.label, placeholder = _a.placeholder, _b = _a.platform, platform = _b === void 0 ? 'desktop' : _b, actionLabel = _a.actionLabel, actionClick = _a.actionClick, onChange = _a.onChange, bottomButtonHeight = _a.bottomButtonHeight, rest = __rest(_a, ["label", "placeholder", "platform", "actionLabel", "actionClick", "onChange", "bottomButtonHeight"]);
+    var label = _a.label, placeholder = _a.placeholder, _b = _a.platform, platform = _b === void 0 ? 'desktop' : _b, actionLabel = _a.actionLabel, actionClick = _a.actionClick, onChange = _a.onChange, bottomButtonHeight = _a.bottomButtonHeight, renderInput = _a.renderInput, rest = __rest(_a, ["label", "placeholder", "platform", "actionLabel", "actionClick", "onChange", "bottomButtonHeight", "renderInput"]);
     var _c = React.useState(placeholder), inputPlaceholder = _c[0], setInputPlaceholder = _c[1];
     var root = React.useRef(null);
     var onKeyDownHandler = function (event) {
@@ -4917,7 +4902,7 @@ var Autocomplete = function (_a) {
     var CustomPaper = function (props) {
         return (jsxRuntime.jsx(StyledPaper, __assign({ bottomButtonHeight: bottomButtonHeight }, props, { placement: "bottom", children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.children, actionLabel && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(MuiDivider, {}), jsxRuntime.jsx(material.ListItemButton, { dense: true, onMouseDown: actionClick, children: jsxRuntime.jsx(StyledListContent, { children: jsxRuntime.jsx(Typography, { variant: platform === 'desktop' ? 'body1' : 'body2', align: "center", children: actionLabel }) }) })] }))] }) })));
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label && jsxRuntime.jsx(InputLabel, { children: label }), jsxRuntime.jsx(MuiAutocomplete, __assign({ disableClearable: true, renderInput: function (params) { return (jsxRuntime.jsx(TextField$1, __assign({}, params, { inputProps: __assign(__assign({}, params.inputProps), { autoComplete: 'off' }), placeholder: inputPlaceholder, className: "customLargeSize" }))); }, PaperComponent: CustomPaper, onChange: function (event, value, reason) {
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label && jsxRuntime.jsx(InputLabel, { children: label }), jsxRuntime.jsx(MuiAutocomplete, __assign({ disableClearable: true, renderInput: renderInput ? renderInput : function (params) { return (jsxRuntime.jsx(TextField$1, __assign({}, params, { inputProps: __assign(__assign({}, params.inputProps), { autoComplete: 'off' }), placeholder: inputPlaceholder, className: "customLargeSize" }))); }, PaperComponent: CustomPaper, onChange: function (event, value, reason) {
                     value && value.length > 0
                         ? setInputPlaceholder('')
                         : setInputPlaceholder(placeholder);
@@ -16405,43 +16390,7 @@ var DrawerMenu = React.forwardRef(function DrawMenu(props, ref) {
     return (jsxRuntime.jsxs(DrawerMenuContainer, __assign({ ref: ref, className: "gds-drawer-menu-item ".concat(variantProp, " ").concat(submenu ? 'gds-drawer-menu-item-sub' : '') }, rest, { children: [startAdornment && !submenu ? (jsxRuntime.jsx(ListItemIcon, { children: startAdornment })) : null, jsxRuntime.jsxs("span", { className: 'gds-drawer-menu-item-text', children: [children, " ", value] })] })));
 });
 
-function toVal(mix) {
-	var k, y, str='';
-	if (mix) {
-		if (typeof mix === 'object') {
-			if (Array.isArray(mix)) {
-				for (k=0; k < mix.length; k++) {
-					if (mix[k] && (y = toVal(mix[k]))) {
-						str && (str += ' ');
-						str += y;
-					}
-				}
-			} else {
-				for (k in mix) {
-					if (mix[k] && (y = toVal(k))) {
-						str && (str += ' ');
-						str += y;
-					}
-				}
-			}
-		} else if (typeof mix !== 'boolean' && !mix.call) {
-			str && (str += ' ');
-			str += mix;
-		}
-	}
-	return str;
-}
-
-function clsx () {
-	var i=0, x, str='';
-	while (i < arguments.length) {
-		if (x = toVal(arguments[i++])) {
-			str && (str += ' ');
-			str += x;
-		}
-	}
-	return str;
-}
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
 var StyledInputBase = styles$1.styled(InputBase, {
     shouldForwardProp: function (prop) { return prop !== 'textAlignRight'; },
@@ -17035,20 +16984,20 @@ var RibbonButtonStyled$1 = styles$1.styled(Button$1)({
         textTransform: 'capitalize',
         border: '1px solid transparent',
         display: 'flex',
-        '&.carat': {
+        '&.caret': {
             borderLeft: '1px solid transparent',
         },
         '&:hover': {
             backgroundColor: '#DDE7F3',
             borderColor: '#CADEF3',
-            '& .carat': {
+            '& .caret': {
                 borderColor: '#CADEF3',
             },
         },
         '&:active': {
             backgroundColor: '#C7DEF3',
             borderColor: '#9DC9F4',
-            '& .carat': {
+            '& .caret': {
                 borderColor: '#9DC9F4',
             },
         },
@@ -17078,19 +17027,19 @@ var RibbonButtonGroupStyled = styles$1.styled(ButtonGroup)({
         border: '1px solid transparent',
         padding: '0',
         display: 'flex',
-        '&.carat': {
+        '&.caret': {
             border: '1px solid transparent',
         },
         '&:hover': {
             backgroundColor: '#DDE7F3',
             borderColor: '#CADEF3',
-            '& .carat': {
+            '& .caret': {
                 borderLeftColor: '#CADEF3',
             },
         },
         '&:active': {
             borderColor: '#9DC9F4',
-            '& .carat': {
+            '& .caret': {
                 backgroundColor: '#C7DEF3',
                 borderLeftColor: '#9DC9F4',
             },
@@ -17103,7 +17052,7 @@ var RibbonButtonGroupStyled = styles$1.styled(ButtonGroup)({
         borderRightColor: '#CADEF3',
     },
 });
-var RibbonCaratWrapperStyled = styles$1.styled(Button$1)({
+var RibbonCaretWrapperStyled = styles$1.styled(Button$1)({
     '& .MuiButtonGroup-grouped': {
         minWidth: 'unset',
     },
@@ -17117,7 +17066,7 @@ var RibbonCaratWrapperStyled = styles$1.styled(Button$1)({
         border: '1px solid transparent',
         padding: '0',
         display: 'flex',
-        '&.carat': {
+        '&.caret': {
             borderLeft: '1px solid transparent',
         },
         '&:hover': {
@@ -17125,7 +17074,7 @@ var RibbonCaratWrapperStyled = styles$1.styled(Button$1)({
         },
         '&:active': {
             backgroundColor: '#C7DEF3',
-            '& .carat': {
+            '& .caret': {
                 borderLeftColor: '#9DC9F4',
                 backgroundColor: '#C7DEF3',
             },
@@ -17143,10 +17092,10 @@ var RibbonButtonGroup = React.forwardRef(function RibbonButtonGroup(props, ref)
     return (jsxRuntime.jsxs(RibbonButtonGroupStyled, __assign({ variant: "outlined", disableRipple: true, ref: ref }, rest, { children: [jsxRuntime.jsx(RibbonButtonStyled, { variant: "outlined", icon: icon, label: label, isWrapped: isWrapped, onClick: function (event) {
                     event.stopPropagation();
                     onClick && onClick();
-                } }), jsxRuntime.jsx(RibbonCaratWrapperStyled, { className: "carat", onClick: function (event) {
+                } }), jsxRuntime.jsx(RibbonCaretWrapperStyled, { className: "caret", onClick: function (event) {
                     event.stopPropagation();
                     onToggle && onToggle();
-                }, children: jsxRuntime.jsx(CaratIcon, {}) })] })));
+                }, children: jsxRuntime.jsx(CaretIcon, {}) })] })));
 });
 
 var RadioGroup = function (props) {
@@ -17466,18 +17415,18 @@ var TableRow = React.forwardRef(function TableRow(props, ref) {
     return jsxRuntime.jsx(material.TableRow, __assign({ ref: ref }, props));
 });
 
-var StyledTabs = material.styled(material.Tabs)(function (props) {
-    var theme = props.theme;
+var StyledTabs = material.styled(material.Tabs)(function (_a) {
+    var theme = _a.theme, orientation = _a.orientation;
     return {
         '&.MuiTabs-root': {
             flexGrow: 1,
             backgroundColor: theme.palette.grey[200],
-            boxShadow: props.orientation === 'vertical' ? 'none' : 'inset 0 -1px 0 0 #D4D4D4',
-            height: props.orientation === 'vertical' ? 'inherit' : 36,
-            minHeight: props.orientation === 'vertical' ? 'inherit' : 36,
+            boxShadow: orientation === 'vertical' ? 'none' : 'inset 0 -1px 0 0 #D4D4D4',
+            height: orientation === 'vertical' ? 'inherit' : 36,
+            minHeight: orientation === 'vertical' ? 'inherit' : 36,
         },
         '& .MuiTabs-scroller': {
-            height: props.orientation === 'vertical' ? 'inherit' : 36,
+            height: orientation === 'vertical' ? 'inherit' : 36,
         },
         '& .MuiTabs-indicator': {
             display: 'none',
@@ -17617,9 +17566,9 @@ exports.ButtonFilterIcon = ButtonFilterIcon;
 exports.BylawyersIcon = Bylawyers16Icon;
 exports.CalendarIcon = CalendarIcon;
 exports.CalendarRibbonIcon = CalendarRibbonIcon;
-exports.CaratIcon = CaratIcon;
 exports.Card = Card;
 exports.CaretDown12Icon = CaretDown12Icon;
+exports.CaretIcon = CaretIcon;
 exports.CaretUp12Icon = CaretUp12Icon;
 exports.Checkbox = Checkbox;
 exports.ChevronDownIcon = ChevronDownIcon;