kui-complex 0.0.103 → 0.0.105

package/index.d.ts

@@ -288,14 +288,14 @@ declare const TableCell: _emotion_styled.StyledComponent<{
 
 declare const TableRow: React.ForwardRefExoticComponent<Pick<React.ClassAttributes<HTMLTableRowElement> & React.HTMLAttributes<HTMLTableRowElement>, "key" | keyof React.HTMLAttributes<HTMLTableRowElement>> & React.RefAttributes<HTMLTableRowElement>>;
 
-type PopperPlacements =
-  | "right"
-  | "left"
-  | "topStart"
-  | "topMiddle"
-  | "topEnd"
-  | "bottomStart"
-  | "bottomMiddle"
+type PopperPlacements =
+  | "right"
+  | "left"
+  | "topStart"
+  | "topMiddle"
+  | "topEnd"
+  | "bottomStart"
+  | "bottomMiddle"
   | "bottomEnd"
 
 interface TooltipProps

package/index.js

@@ -938,11 +938,14 @@ var placementsPositions = {
 
 var PopperBase = forwardRef(function (props, ref) {
     props.placement; var open = props.open, children = props.children, spacing = props.spacing, className = props.className, style = props.style, other = __rest(props, ["placement", "open", "children", "spacing", "className", "style"]);
-    return (jsx(StyledPopperWrapper, __assign({ ref: ref, className: classNames("KUI-Popper", className), spacing: spacing, style: style }, { children: jsx(StyledPopper, __assign({ open: !!open }, other, { children: children })) })));
+    return (jsx(StyledPopperWrapper, __assign({ ref: ref, className: classNames("KUI-Popper", className), spacing: spacing, style: style, open: !!open }, { children: jsx(StyledPopper, __assign({ open: !!open }, other, { children: children })) })));
 });
-var StyledPopperWrapper = styled.div(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n  position: absolute;\n  max-width: 215px;\n  width: max-content;\n  padding: ", ";\n  z-index: 10;\n  @media (max-width: ", "px) {\n    position: fixed;\n    bottom: 24px;\n    top: auto !important;\n    left: 16px !important;\n    width: calc(100vw - 32px);\n    max-width: unset;\n  }\n"], ["\n  position: absolute;\n  max-width: 215px;\n  width: max-content;\n  padding: ", ";\n  z-index: 10;\n  @media (max-width: ", "px) {\n    position: fixed;\n    bottom: 24px;\n    top: auto !important;\n    left: 16px !important;\n    width: calc(100vw - 32px);\n    max-width: unset;\n  }\n"])), function (_a) {
+var StyledPopperWrapper = styled.div(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n  position: absolute;\n  max-width: 215px;\n  width: max-content;\n  padding: ", ";\n  z-index: ", ";\n  @media (max-width: ", "px) {\n    position: fixed;\n    bottom: 24px;\n    top: auto !important;\n    left: 16px !important;\n    width: calc(100vw - 32px);\n    max-width: unset;\n  }\n"], ["\n  position: absolute;\n  max-width: 215px;\n  width: max-content;\n  padding: ", ";\n  z-index: ", ";\n  @media (max-width: ", "px) {\n    position: fixed;\n    bottom: 24px;\n    top: auto !important;\n    left: 16px !important;\n    width: calc(100vw - 32px);\n    max-width: unset;\n  }\n"])), function (_a) {
     var spacing = _a.spacing;
     return spacing || 0;
+}, function (_a) {
+    var open = _a.open;
+    return (open ? 10 : -1);
 }, theme.breakpoints.xxs);
 var StyledPopper = styled.div(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n  padding: 16px;\n  border-radius: 12px;\n  background: white;\n  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n  transition: opacity 0.3s ease-out;\n  opacity: ", ";\n"], ["\n  padding: 16px;\n  border-radius: 12px;\n  background: white;\n  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n  transition: opacity 0.3s ease-out;\n  opacity: ", ";\n"])), function (_a) {
     var open = _a.open;
@@ -1457,7 +1460,7 @@ var disabledCSS = function (_a) {
     var disabled = _a.disabled;
     return disabled && css(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n    background: ", ";\n  "], ["\n    background: ", ";\n  "])), theme.palette.background.light1);
 };
-var FileWrapper = styled.div(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n  width: 100%;\n  border-radius: 12px;\n  padding: 10px 12px;\n  border: 1px solid\n    ", ";\n  display: flex;\n  margin-bottom: 8px;\n  cursor: pointer;\n  ", ";\n  ", ";\n  &:last-child {\n    margin-bottom: 0;\n  }\n"], ["\n  width: 100%;\n  border-radius: 12px;\n  padding: 10px 12px;\n  border: 1px solid\n    ", ";\n  display: flex;\n  margin-bottom: 8px;\n  cursor: pointer;\n  ", ";\n  ", ";\n  &:last-child {\n    margin-bottom: 0;\n  }\n"])), function (_a) {
+var FileWrapper = styled.div(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n  width: 100%;\n  border-radius: 12px;\n  padding: 10px 12px;\n  border: 1px solid\n    ", ";\n  display: flex;\n  margin-bottom: 8px;\n  cursor: pointer;\n  background: white;\n  ", ";\n  ", ";\n  &:last-child {\n    margin-bottom: 0;\n  }\n"], ["\n  width: 100%;\n  border-radius: 12px;\n  padding: 10px 12px;\n  border: 1px solid\n    ", ";\n  display: flex;\n  margin-bottom: 8px;\n  cursor: pointer;\n  background: white;\n  ", ";\n  ", ";\n  &:last-child {\n    margin-bottom: 0;\n  }\n"])), function (_a) {
     var selected = _a.selected;
     return selected ? theme.palette.brand.main : theme.palette.grey.fifteenB;
 }, disabledCSS, errorCSS);
@@ -1609,7 +1612,7 @@ function CheckboxGroupWithTitle(_a) {
     return (jsxs$1(StyledWrapper, __assign({ container: true, alignItems: "center", justify: "space-between" }, { children: [jsx(Grid, __assign({ item: true }, { children: jsx(Caption, __assign({ size: "s", weight: 500, color: "fiftyP" }, { children: title })) })), jsx(Grid, __assign({ item: true }, { children: jsx(Grid, __assign({ container: true }, { children: options.map(function (option) { return (jsx(StyledCheckbox, __assign({ name: option.name, label: jsx(Caption, __assign({ size: "s", color: "fiftyP", weight: 500 }, { children: option.label })), form: form, testId: option.name }, otherProps), option.name)); }) })) }))] })));
 }
 var StyledCheckbox = styled(CheckboxWithController)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &:not(:last-child) {\n    margin-right: 22px;\n  }\n"], ["\n  &:not(:last-child) {\n    margin-right: 22px;\n  }\n"])));
-var StyledWrapper = styled(Grid)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 3px 16px;\n  border: 1px solid ", ";\n  border-radius: 66px;\n  height: 40px;\n"], ["\n  padding: 3px 16px;\n  border: 1px solid ", ";\n  border-radius: 66px;\n  height: 40px;\n"])), theme.palette.grey.fifteenB);
+var StyledWrapper = styled(Grid)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 3px 16px;\n  border: 1px solid ", ";\n  border-radius: 66px;\n  height: 40px;\n  background: white;\n"], ["\n  padding: 3px 16px;\n  border: 1px solid ", ";\n  border-radius: 66px;\n  height: 40px;\n  background: white;\n"])), theme.palette.grey.fifteenB);
 var templateObject_1, templateObject_2;
 
 var settings = {