@keboola/design 6.1.0 → 6.2.0

package/dist/markdown-editor.js

@@ -2947,8 +2947,8 @@ var AlignmentDropdown = ({
       {
         type: "button",
         className: cn(
-          "tw-flex tw-h-7 tw-cursor-pointer tw-items-center tw-gap-1 tw-rounded tw-border-0 tw-bg-transparent tw-px-1.5 tw-text-xs tw-text-neutral-600",
-          "hover:tw-bg-neutral-100"
+          "tw-flex tw-h-7 tw-cursor-pointer tw-items-center tw-gap-1 tw-rounded tw-border-0 tw-bg-transparent tw-px-1.5 tw-text-xs tw-text-muted-foreground",
+          "hover:tw-bg-accent"
         ),
         children: [
           /* @__PURE__ */ jsx(CurrentAlignmentIcon, { className: "tw-size-4" }),
@@ -3033,8 +3033,8 @@ var BlockTypeDropdown = ({
       {
         type: "button",
         className: cn(
-          "tw-flex tw-h-7 tw-cursor-pointer tw-items-center tw-gap-1.5 tw-rounded tw-border-0 tw-bg-transparent tw-px-1.5 tw-text-xs tw-text-neutral-600",
-          "hover:tw-bg-neutral-100"
+          "tw-flex tw-h-7 tw-cursor-pointer tw-items-center tw-gap-1.5 tw-rounded tw-border-0 tw-bg-transparent tw-px-1.5 tw-text-xs tw-text-muted-foreground",
+          "hover:tw-bg-accent"
         ),
         children: [
           /* @__PURE__ */ jsx(CurrentBlockIcon, { className: "tw-size-4" }),
@@ -4086,8 +4086,8 @@ var ToolbarButton = ({
     disabled,
     onClick,
     className: cn(
-      "tw-flex tw-h-7 tw-min-w-7 tw-cursor-pointer tw-items-center tw-justify-center tw-rounded tw-border-0 tw-bg-transparent tw-px-1 tw-text-xs tw-text-neutral-600",
-      "hover:tw-bg-neutral-100 disabled:tw-cursor-not-allowed disabled:tw-opacity-30",
+      "tw-flex tw-h-7 tw-min-w-7 tw-cursor-pointer tw-items-center tw-justify-center tw-rounded tw-border-0 tw-bg-transparent tw-px-1 tw-text-xs tw-text-muted-foreground",
+      "hover:tw-bg-accent disabled:tw-cursor-not-allowed disabled:tw-opacity-30",
       active && "tw-bg-secondary-100 tw-text-secondary-500",
       extraClassName
     ),
@@ -4170,7 +4170,7 @@ var LinkPanel = ({ editor, isLink }) => {
       "div",
       {
         ref: panelRef,
-        className: "tw-absolute tw-left-0 tw-top-full tw-z-50 tw-mt-1 tw-w-80 tw-rounded-md tw-border tw-border-neutral-200 tw-bg-white tw-p-3 tw-shadow-lg",
+        className: "tw-absolute tw-left-0 tw-top-full tw-z-50 tw-mt-1 tw-w-80 tw-rounded-md tw-border tw-border-border tw-bg-popover tw-text-popover-foreground tw-p-3 tw-shadow-lg",
         children: /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-flex-col tw-gap-2", children: [
           /* @__PURE__ */ jsxs(FormGroup, { children: [
             /* @__PURE__ */ jsx(Label2, { htmlFor: "link-label", className: "tw-mb-1 tw-text-xs", children: "Label" }),
@@ -4210,7 +4210,7 @@ var LinkPanel = ({ editor, isLink }) => {
     )
   ] });
 };
-var ToolbarDivider = () => /* @__PURE__ */ jsx("div", { className: "tw-mx-0.5 tw-h-5 tw-w-px tw-bg-neutral-200" });
+var ToolbarDivider = () => /* @__PURE__ */ jsx("div", { className: "tw-mx-0.5 tw-h-5 tw-w-px tw-bg-border" });
 var ELEMENT_FORMAT_TYPES = ["left", "center", "right", "justify", "start", "end", ""];
 var isElementFormatType = (value) => ELEMENT_FORMAT_TYPES.includes(value);
 var toElementFormatType = (value) => isElementFormatType(value) ? value : "left";
@@ -4319,7 +4319,7 @@ var ToolbarPlugin = () => {
         "aria-label": "Formatting options",
         onMouseDown: (e) => e.preventDefault(),
         style: { top: position.top, left: position.left },
-        className: "tw-absolute tw-z-[1060] tw-flex tw--translate-y-full tw-items-center tw-gap-0.5 tw-rounded-lg tw-border tw-border-neutral-200 tw-bg-white tw-px-1.5 tw-py-1 tw-shadow-lg",
+        className: "tw-absolute tw-z-[1060] tw-flex tw--translate-y-full tw-items-center tw-gap-0.5 tw-rounded-lg tw-border tw-border-border tw-bg-popover tw-text-popover-foreground tw-px-1.5 tw-py-1 tw-shadow-lg",
         children: [
           /* @__PURE__ */ jsx(BlockTypeDropdown, { editor, blockType }),
           /* @__PURE__ */ jsx(ToolbarDivider, {}),