@cube-dev/ui-kit 0.161.0 → 0.163.0

package/dist/components/overlays/Notifications/use-notifications.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { useNotificationContext } from "./NotificationContext.js";

package/dist/components/overlays/Notifications/use-overlay-timers.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useEffect, useRef } from "react";
 

package/dist/components/overlays/Notifications/use-persistent-notifications.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { usePersistentNotificationsContext } from "./NotificationContext.js";
 import { useMemo } from "react";
 

package/dist/components/overlays/Notifications/use-persistent-state.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { cleanupAndGetValidIds, saveDismissedId } from "./dismissed-storage.js";
 import { useRef, useState } from "react";

package/dist/components/overlays/Notifications/use-toast-state.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useRef, useState } from "react";
 

package/dist/components/overlays/Toast/ToastItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { getThemeIcon } from "./useToast.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/overlays/Toast/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { useToastContext } from "../Notifications/NotificationContext.js";
 import { useProgressToast } from "./useProgressToast.js";
 import { getThemeIcon, useToast } from "./useToast.js";

package/dist/components/overlays/Toast/useProgressToast.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/overlays/Toast/useToast.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { CheckIcon } from "../../../icons/CheckIcon.js";
 import { DangerIcon } from "../../../icons/DangerIcon.js";
 import { InfoCircleIcon } from "../../../icons/InfoCircleIcon.js";

package/dist/components/overlays/Tooltip/Tooltip.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/overlays/Tooltip/TooltipProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { _Tooltip } from "./Tooltip.js";
 import { TooltipTrigger } from "./TooltipTrigger.js";
 import { isValidElement, useEffect, useState } from "react";

package/dist/components/overlays/Tooltip/TooltipTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { TooltipContext } from "./context.js";
 import { Block } from "../../Block.js";
 import { _ActiveZone } from "../../content/ActiveZone/ActiveZone.js";

package/dist/components/overlays/Tooltip/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import React from "react";
 
 //#region src/components/overlays/Tooltip/context.ts

package/dist/components/portal/Portal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { usePortal } from "./usePortal.js";
 import { Fragment, jsx } from "react/jsx-runtime";
 import { createPortal } from "react-dom";

package/dist/components/portal/PortalProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/portal/PortalProvider.ts

package/dist/components/portal/usePortal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { usePortalContext } from "./PortalProvider.js";
 import { useEffect, useRef, useState } from "react";
 import invariant from "tiny-invariant";

package/dist/components/shared/DraggableCollection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useCallback, useEffect, useMemo, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/shared/InvalidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { WarningIcon } from "../../icons/WarningIcon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/shared/ValidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { CheckIcon } from "../../icons/CheckIcon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/status/LoadingAnimation/LoadingAnimation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/status/Spin/Cube.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/status/Spin/InternalSpinner.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { Cube } from "./Cube.js";
 import { SpinsContainer } from "./SpinsContainer.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/status/Spin/Spin.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { InternalSpinner } from "./InternalSpinner.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/status/Spin/SpinsContainer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { jsx } from "react/jsx-runtime";
 

package/dist/data/item-themes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.161.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.163.0 | Cube Dev Team */
 //#region src/data/item-themes.ts
 const VALIDATION_STYLES = { border: {
 	invalid: "#danger-accent-text",
@@ -87,7 +87,8 @@ const DEFAULT_OUTLINE_STYLES = {
 		selected: "#surface-2 #primary-accent-surface.09",
 		"selected & (hovered | focused)": "#surface-2 #primary-accent-surface.12",
 		"selected & pressed": "#surface-2 #primary-accent-surface.18",
-		disabled: "#surface-2 #disabled-surface"
+		disabled: "#surface-2 #disabled-surface",
+		"selected & disabled": "#surface-2 #primary-accent-disabled-surface"
 	},
 	color: {
 		"": "#surface-text-soft",
@@ -95,7 +96,8 @@ const DEFAULT_OUTLINE_STYLES = {
 		pressed: "#surface-text",
 		selected: "#primary-accent-text-soft",
 		"selected & hovered": "#primary-accent-text",
-		disabled: "#disabled-surface-text"
+		disabled: "#disabled-surface-text",
+		"selected & disabled": "#primary-accent-disabled-surface-text"
 	}
 };
 const DEFAULT_OUTLINE_2_STYLES = {
@@ -107,7 +109,8 @@ const DEFAULT_OUTLINE_2_STYLES = {
 		selected: "#surface-3 #primary-accent-surface.09",
 		"selected & (hovered | focused)": "#surface-3 #primary-accent-surface.12",
 		"selected & pressed": "#surface-3 #primary-accent-surface.15",
-		disabled: "#surface-3 #disabled-surface"
+		disabled: "#surface-3 #disabled-surface",
+		"selected & disabled": "#surface-3 #primary-accent-disabled-surface"
 	}
 };
 const DEFAULT_CLEAR_STYLES = {
@@ -126,7 +129,8 @@ const DEFAULT_CLEAR_STYLES = {
 		selected: "#primary-accent-surface.09",
 		"selected & (hovered | focused)": "#primary-accent-surface.12",
 		"selected & pressed": "#primary-accent-surface.18",
-		disabled: "transparent"
+		disabled: "transparent",
+		"selected & disabled": "#primary-accent-disabled-surface"
 	},
 	color: {
 		"": "#surface-text-soft",
@@ -134,7 +138,8 @@ const DEFAULT_CLEAR_STYLES = {
 		"pressed & !selected": "#surface-text",
 		selected: "#primary-accent-text-soft",
 		"selected & hovered": "#primary-accent-text",
-		disabled: "#disabled-surface-text"
+		disabled: "#disabled-surface-text",
+		"selected & disabled": "#primary-accent-disabled-surface-text"
 	}
 };
 const DEFAULT_ITEM_STYLES = {
@@ -205,12 +210,14 @@ const DANGER_OUTLINE_STYLES = {
 		selected: "#surface-2 #danger-accent-surface.09",
 		"selected & (hovered | focused)": "#surface-2 #danger-accent-surface.12",
 		"selected & pressed": "#surface-2 #danger-accent-surface.18",
-		disabled: "#surface-2 #disabled-surface"
+		disabled: "#surface-2 #disabled-surface",
+		"selected & disabled": "#surface-2 #danger-accent-disabled-surface"
 	},
 	color: {
 		"": "#danger-accent-text-soft",
 		selected: "#danger-accent-text",
-		disabled: "#disabled-surface-text"
+		disabled: "#disabled-surface-text",
+		"selected & disabled": "#danger-accent-disabled-surface-text"
 	}
 };
 const DANGER_OUTLINE_2_STYLES = {
@@ -222,7 +229,8 @@ const DANGER_OUTLINE_2_STYLES = {
 		selected: "#surface-3 #danger-accent-surface.09",
 		"selected & (hovered | focused)": "#surface-3 #danger-accent-surface.12",
 		"selected & pressed": "#surface-3 #danger-accent-surface.18",
-		disabled: "#surface-3 #disabled-surface"
+		disabled: "#surface-3 #disabled-surface",
+		"selected & disabled": "#surface-3 #danger-accent-disabled-surface"
 	}
 };
 const DANGER_CLEAR_STYLES = {
@@ -238,12 +246,14 @@ const DANGER_CLEAR_STYLES = {
 		selected: "#danger-accent-text.09",
 		"selected & (hovered | focused)": "#danger-accent-text.12",
 		"selected & pressed": "#danger-accent-text.18",
-		disabled: "transparent"
+		disabled: "transparent",
+		"selected & disabled": "#danger-accent-disabled-surface"
 	},
 	color: {
 		"": "#danger-accent-text-soft",
 		selected: "#danger-accent-text",
-		disabled: "#disabled-surface-text"
+		disabled: "#disabled-surface-text",
+		"selected & disabled": "#danger-accent-disabled-surface-text"
 	}
 };
 const DANGER_LINK_STYLES = {
@@ -313,12 +323,14 @@ const SUCCESS_OUTLINE_STYLES = {
 		selected: "#surface-2 #success-accent-surface.09",
 		"selected & (hovered | focused)": "#surface-2 #success-accent-surface.12",
 		"selected & pressed": "#surface-2 #success-accent-surface.18",
-		disabled: "#surface-2 #disabled-surface"
+		disabled: "#surface-2 #disabled-surface",
+		"selected & disabled": "#surface-2 #success-accent-disabled-surface"
 	},
 	color: {
 		"": "#success-accent-text-soft",
 		selected: "#success-accent-text",
-		disabled: "#disabled-surface-text"
+		disabled: "#disabled-surface-text",
+		"selected & disabled": "#success-accent-disabled-surface-text"
 	}
 };
 const SUCCESS_OUTLINE_2_STYLES = {
@@ -330,7 +342,8 @@ const SUCCESS_OUTLINE_2_STYLES = {
 		selected: "#surface-3 #success-accent-surface.09",
 		"selected & (hovered | focused)": "#surface-3 #success-accent-surface.12",
 		"selected & pressed": "#surface-3 #success-accent-surface.18",
-		disabled: "#surface-3 #disabled-surface"
+		disabled: "#surface-3 #disabled-surface",
+		"selected & disabled": "#surface-3 #success-accent-disabled-surface"
 	}
 };
 const SUCCESS_CLEAR_STYLES = {
@@ -346,12 +359,14 @@ const SUCCESS_CLEAR_STYLES = {
 		selected: "#success-accent-text.09",
 		"selected & (hovered | focused)": "#success-accent-text.12",
 		"selected & pressed": "#success-accent-text.18",
-		disabled: "transparent"
+		disabled: "transparent",
+		"selected & disabled": "#success-accent-disabled-surface"
 	},
 	color: {
 		"": "#success-accent-text-soft",
 		selected: "#success-accent-text",
-		disabled: "#disabled-surface-text"
+		disabled: "#disabled-surface-text",
+		"selected & disabled": "#success-accent-disabled-surface-text"
 	}
 };
 const SUCCESS_LINK_STYLES = {
@@ -421,12 +436,14 @@ const WARNING_OUTLINE_STYLES = {
 		selected: "#surface-2 #warning-accent-surface.09",
 		"selected & (hovered | focused)": "#surface-2 #warning-accent-surface.12",
 		"selected & pressed": "#surface-2 #warning-accent-surface.18",
-		disabled: "#surface-2 #disabled-surface"
+		disabled: "#surface-2 #disabled-surface",
+		"selected & disabled": "#surface-2 #warning-accent-disabled-surface"
 	},
 	color: {
 		"": "#warning-accent-text-soft",
 		selected: "#warning-accent-text",
-		disabled: "#disabled-surface-text"
+		disabled: "#disabled-surface-text",
+		"selected & disabled": "#warning-accent-disabled-surface-text"
 	}
 };
 const WARNING_OUTLINE_2_STYLES = {
@@ -438,7 +455,8 @@ const WARNING_OUTLINE_2_STYLES = {
 		selected: "#surface-3 #warning-accent-surface.09",
 		"selected & (hovered | focused)": "#surface-3 #warning-accent-surface.12",
 		"selected & pressed": "#surface-3 #warning-accent-surface.18",
-		disabled: "#surface-3 #disabled-surface"
+		disabled: "#surface-3 #disabled-surface",
+		"selected & disabled": "#surface-3 #warning-accent-disabled-surface"
 	}
 };
 const WARNING_CLEAR_STYLES = {
@@ -454,12 +472,14 @@ const WARNING_CLEAR_STYLES = {
 		selected: "#warning-accent-text.09",
 		"selected & (hovered | focused)": "#warning-accent-text.12",
 		"selected & pressed": "#warning-accent-text.18",
-		disabled: "transparent"
+		disabled: "transparent",
+		"selected & disabled": "#warning-accent-disabled-surface"
 	},
 	color: {
 		"": "#warning-accent-text-soft",
 		selected: "#warning-accent-text",
-		disabled: "#disabled-surface-text"
+		disabled: "#disabled-surface-text",
+		"selected & disabled": "#warning-accent-disabled-surface-text"
 	}
 };
 const WARNING_LINK_STYLES = {
@@ -529,12 +549,14 @@ const NOTE_OUTLINE_STYLES = {
 		selected: "#surface-2 #note-accent-surface.09",
 		"selected & (hovered | focused)": "#surface-2 #note-accent-surface.12",
 		"selected & pressed": "#surface-2 #note-accent-surface.18",
-		disabled: "#surface-2 #disabled-surface"
+		disabled: "#surface-2 #disabled-surface",
+		"selected & disabled": "#surface-2 #note-accent-disabled-surface"
 	},
 	color: {
 		"": "#note-accent-text-soft",
 		selected: "#note-accent-text",
-		disabled: "#disabled-surface-text"
+		disabled: "#disabled-surface-text",
+		"selected & disabled": "#note-accent-disabled-surface-text"
 	}
 };
 const NOTE_OUTLINE_2_STYLES = {
@@ -546,7 +568,8 @@ const NOTE_OUTLINE_2_STYLES = {
 		selected: "#surface-3 #note-accent-surface.09",
 		"selected & (hovered | focused)": "#surface-3 #note-accent-surface.12",
 		"selected & pressed": "#surface-3 #note-accent-surface.18",
-		disabled: "#surface-3 #disabled-surface"
+		disabled: "#surface-3 #disabled-surface",
+		"selected & disabled": "#surface-3 #note-accent-disabled-surface"
 	}
 };
 const NOTE_CLEAR_STYLES = {
@@ -562,12 +585,14 @@ const NOTE_CLEAR_STYLES = {
 		selected: "#note-accent-text.09",
 		"selected & (hovered | focused)": "#note-accent-text.12",
 		"selected & pressed": "#note-accent-text.18",
-		disabled: "transparent"
+		disabled: "transparent",
+		"selected & disabled": "#note-accent-disabled-surface"
 	},
 	color: {
 		"": "#note-accent-text-soft",
 		selected: "#note-accent-text",
-		disabled: "#disabled-surface-text"
+		disabled: "#disabled-surface-text",
+		"selected & disabled": "#note-accent-disabled-surface-text"
 	}
 };
 const NOTE_LINK_STYLES = {
@@ -638,12 +663,14 @@ const SPECIAL_OUTLINE_STYLES = {
 		selected: "#special-surface #white.18",
 		"selected & (hovered | focused)": "#special-surface #white.24",
 		"selected & pressed": "#special-surface #white.3",
-		disabled: "#special-surface #white.04"
+		disabled: "#special-surface #white.04",
+		"selected & disabled": "#special-surface #white.09"
 	},
 	color: {
 		"": "#white.8",
 		selected: "#white",
-		disabled: "#white.4"
+		disabled: "#white.4",
+		"selected & disabled": "#white.55"
 	}
 };
 const SPECIAL_CLEAR_STYLES = {
@@ -723,7 +750,8 @@ const CURRENT_BUTTON_STYLES = {
 		pressed: "#current.25",
 		selected: "#current.3",
 		"selected & pressed": "#current.4",
-		disabled: "#current.12"
+		disabled: "#current.12",
+		"selected & disabled": "#current.35"
 	},
 	fill: {
 		"": "#current.03",
@@ -732,7 +760,8 @@ const CURRENT_BUTTON_STYLES = {
 		selected: "#current.12",
 		"selected & (hovered | focused)": "#current.16",
 		"selected & pressed": "#current.2",
-		disabled: "#current.06"
+		disabled: "#current.06",
+		"selected & disabled": "#current.18"
 	},
 	color: {
 		"": "#current",