@keboola/design 4.0.0 → 4.1.1

package/dist/editors.d.cts

@@ -98,8 +98,6 @@ type Props = {
     middleClassName?: string;
     rightHeader?: ReactNode;
     className?: string;
-    /** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
-    argo?: boolean;
     /**
      * Paint the corresponding read-only pane with the error palette to signal the
      * side has been deleted upstream. The diff is still rendered so the user can
@@ -108,6 +106,6 @@ type Props = {
     leftDeleted?: boolean;
     rightDeleted?: boolean;
 };
-declare const MergeEditor: ({ mergeValue, handleMergeChange, leftText, rightText, leftConflicts, rightConflicts, leftHighlightedLines, rightHighlightedLines, leftClassification, rightClassification, mergeHighlightedLines, mergeClassification, acceptLeft, acceptRight, dismissLeft, dismissRight, leftHeader, middleHeader, middleHeaderClassName, middleClassName, rightHeader, className, argo, leftDeleted, rightDeleted, }: Props) => react_jsx_runtime.JSX.Element;
+declare const MergeEditor: ({ mergeValue, handleMergeChange, leftText, rightText, leftConflicts, rightConflicts, leftHighlightedLines, rightHighlightedLines, leftClassification, rightClassification, mergeHighlightedLines, mergeClassification, acceptLeft, acceptRight, dismissLeft, dismissRight, leftHeader, middleHeader, middleHeaderClassName, middleClassName, rightHeader, className, leftDeleted, rightDeleted, }: Props) => react_jsx_runtime.JSX.Element;
 
 export { CodeEditor, MergeEditor, SqlEditor };

package/dist/editors.d.ts

@@ -98,8 +98,6 @@ type Props = {
     middleClassName?: string;
     rightHeader?: ReactNode;
     className?: string;
-    /** @internal Transitional opt-in; removed once consumers wrap argo sections in `<ThemeProvider>`. */
-    argo?: boolean;
     /**
      * Paint the corresponding read-only pane with the error palette to signal the
      * side has been deleted upstream. The diff is still rendered so the user can
@@ -108,6 +106,6 @@ type Props = {
     leftDeleted?: boolean;
     rightDeleted?: boolean;
 };
-declare const MergeEditor: ({ mergeValue, handleMergeChange, leftText, rightText, leftConflicts, rightConflicts, leftHighlightedLines, rightHighlightedLines, leftClassification, rightClassification, mergeHighlightedLines, mergeClassification, acceptLeft, acceptRight, dismissLeft, dismissRight, leftHeader, middleHeader, middleHeaderClassName, middleClassName, rightHeader, className, argo, leftDeleted, rightDeleted, }: Props) => react_jsx_runtime.JSX.Element;
+declare const MergeEditor: ({ mergeValue, handleMergeChange, leftText, rightText, leftConflicts, rightConflicts, leftHighlightedLines, rightHighlightedLines, leftClassification, rightClassification, mergeHighlightedLines, mergeClassification, acceptLeft, acceptRight, dismissLeft, dismissRight, leftHeader, middleHeader, middleHeaderClassName, middleClassName, rightHeader, className, leftDeleted, rightDeleted, }: Props) => react_jsx_runtime.JSX.Element;
 
 export { CodeEditor, MergeEditor, SqlEditor };

package/dist/editors.js

@@ -134,7 +134,6 @@ var tooltipVariants = cva(
 var TooltipContent = ({
   className,
   variant,
-  argo,
   keepOpenOnPointerDownOutside = false,
   children,
   onPointerDownOutside,
@@ -145,7 +144,7 @@ var TooltipContent = ({
   ...rest
 }) => {
   const isLegacy = useIsLegacyBrand();
-  const renderArgo = !isLegacy || argo === true;
+  const renderArgo = !isLegacy;
   const handlePointerDownOutside = (event) => {
     if (keepOpenOnPointerDownOutside) event.preventDefault();
     onPointerDownOutside?.(event);
@@ -214,7 +213,6 @@ var Tooltip = ({
   className,
   keepOpenOnTriggerClick = false,
   variant,
-  argo,
   placement = "right",
   forceHide = false,
   forceShow = false,
@@ -253,7 +251,6 @@ var Tooltip = ({
           {
             className,
             variant: resolvedVariant,
-            argo,
             placement,
             keepOpenOnPointerDownOutside: keepOpenOnTriggerClick,
             children: tooltip
@@ -597,14 +594,13 @@ var Button = ({
   isLoading = false,
   asChild = false,
   onClick,
-  argo = false,
   variant = "primary",
   size = "medium",
   block = false,
   ...buttonProps
 }) => {
   const isLegacy = useIsLegacyBrand();
-  const renderArgo = !isLegacy || argo;
+  const renderArgo = !isLegacy;
   const Comp = asChild ? Root : "button";
   const isIconOnly = String(size).startsWith("icon");
   const classNames = renderArgo ? argoVariants({ variant, size, block, className }) : variants({ size, variant, block, className });
@@ -1538,30 +1534,12 @@ var CHANGE_CLASS = {
   SAFE: "safe"};
 var LINE_HEIGHT_PX = 20;
 var PANE_HEADER_HEIGHT_PX = 58;
-var AcceptButton = ({ side, onAccept, argo }) => {
+var AcceptButton = ({ side, onAccept }) => {
   const label = `Accept ${side === "left" ? "production" : "branch"} version`;
   const Chevron = side === "left" ? icons_exports.ChevronsRight : icons_exports.ChevronsLeft;
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      onClick: onAccept,
-      variant: "outline",
-      size: "icon-sm",
-      title: label,
-      "aria-label": label,
-      argo,
-      children: /* @__PURE__ */ jsx(Chevron, { className: "tw-size-5" })
-    }
-  );
+  return /* @__PURE__ */ jsx(Button, { onClick: onAccept, variant: "outline", size: "icon-sm", title: label, "aria-label": label, children: /* @__PURE__ */ jsx(Chevron, { className: "tw-size-5" }) });
 };
-var AcceptControls = ({
-  conflicts,
-  side,
-  onAccept,
-  onDismiss,
-  contentRef,
-  argo
-}) => /* @__PURE__ */ jsx(
+var AcceptControls = ({ conflicts, side, onAccept, onDismiss, contentRef }) => /* @__PURE__ */ jsx(
   "div",
   {
     className: cn(
@@ -1579,7 +1557,7 @@ var AcceptControls = ({
             className: "tw-absolute tw-inset-x-0 tw-flex tw-flex-col tw-items-center tw-gap-0.5",
             style: { top: `${topOffset}px` },
             children: [
-              /* @__PURE__ */ jsx(AcceptButton, { side, onAccept: () => onAccept(conflict), argo }),
+              /* @__PURE__ */ jsx(AcceptButton, { side, onAccept: () => onAccept(conflict) }),
               onDismiss && /* @__PURE__ */ jsx(
                 Button,
                 {
@@ -1588,7 +1566,6 @@ var AcceptControls = ({
                   size: "icon-sm",
                   title: "Dismiss",
                   "aria-label": `Dismiss ${side === "left" ? "production" : "branch"} change`,
-                  argo,
                   children: /* @__PURE__ */ jsx(icons_exports.X, { className: "tw-size-4" })
                 }
               )
@@ -1863,7 +1840,6 @@ var MergeEditor = ({
   middleClassName,
   rightHeader,
   className,
-  argo,
   leftDeleted = false,
   rightDeleted = false
 }) => {
@@ -1897,8 +1873,7 @@ var MergeEditor = ({
             side: "left",
             onAccept: acceptLeft,
             onDismiss: dismissLeft,
-            contentRef: registerFollower(0, "left-controls"),
-            argo
+            contentRef: registerFollower(0, "left-controls")
           }
         ),
         /* @__PURE__ */ jsx(
@@ -1921,8 +1896,7 @@ var MergeEditor = ({
             side: "right",
             onAccept: acceptRight,
             onDismiss: dismissRight,
-            contentRef: registerFollower(2, "right-controls"),
-            argo
+            contentRef: registerFollower(2, "right-controls")
           }
         ),
         /* @__PURE__ */ jsx(