@wallarm-org/design-system 0.3.1 → 0.4.0

package/dist/theme/semantic.css

@@ -210,6 +210,7 @@
     --color-component-kbi-tooltip-bg: --alpha(var(--color-white) / 20%);
     --color-component-dialog-overlay: --alpha(var(--color-white) / 60%);
     --color-component-code-snippet-bg: --alpha(var(--color-slate-500) / 6%);
+    --color-component-toast-bg: var(--color-slate-800);
 
     /* ========================================
    * SYNTAX COLORS
@@ -454,6 +455,7 @@
     --color-component-logo-ic: var(--color-w-orange-600);
     --color-component-logo-wordmark: var(--color-slate-950);
     --color-component-logo-wordmark-alt: var(--color-black);
+    --color-component-toast-bg: var(--color-slate-200);
 
     /* ========================================
        * BADGE COLORS

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wallarm-org/design-system",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "Core design system library with React components and Storybook documentation",
   "publishConfig": {
     "access": "public",
@@ -129,11 +129,12 @@
   },
   "dependencies": {
     "@ark-ui/react": "5.30.0",
-    "@radix-ui/react-dropdown-menu": "2.1.16",
-    "@radix-ui/react-label": "2.1.8",
-    "@radix-ui/react-separator": "1.1.8",
+    "@dnd-kit/core": "6.3.1",
+    "@dnd-kit/sortable": "10.0.0",
+    "@dnd-kit/utilities": "3.2.2",
     "@radix-ui/react-slot": "1.2.4",
-    "@radix-ui/react-tooltip": "1.2.8",
+    "@tanstack/react-table": "8.21.3",
+    "@tanstack/react-virtual": "3.13.18",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
     "highlight.js": "^11.11.1",

package/dist/components/DropdownMenu/DropdownMenuPortal.d.ts

@@ -1,3 +0,0 @@
-import type { FC } from 'react';
-import { type DropdownMenuPortalProps } from '@radix-ui/react-dropdown-menu';
-export declare const DropdownMenuPortal: FC<DropdownMenuPortalProps>;

package/dist/components/DropdownMenu/DropdownMenuPortal.js

@@ -1,7 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Portal } from "@radix-ui/react-dropdown-menu";
-const DropdownMenuPortal = (props)=>/*#__PURE__*/ jsx(Portal, {
-        ...props
-    });
-DropdownMenuPortal.displayName = 'DropdownMenuPortal';
-export { DropdownMenuPortal };

package/dist/components/DropdownMenu/DropdownMenuSub.d.ts

@@ -1,3 +0,0 @@
-import type { FC } from 'react';
-import { type DropdownMenuSubProps } from '@radix-ui/react-dropdown-menu';
-export declare const DropdownMenuSub: FC<DropdownMenuSubProps>;

package/dist/components/DropdownMenu/DropdownMenuSub.js

@@ -1,7 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Sub } from "@radix-ui/react-dropdown-menu";
-const DropdownMenuSub = (props)=>/*#__PURE__*/ jsx(Sub, {
-        ...props
-    });
-DropdownMenuSub.displayName = 'DropdownMenuSub';
-export { DropdownMenuSub };

package/dist/components/DropdownMenu/DropdownMenuSubContent.d.ts

@@ -1,7 +0,0 @@
-import type { ComponentPropsWithoutRef, ElementRef, FC, Ref } from 'react';
-import { SubContent } from '@radix-ui/react-dropdown-menu';
-type DropdownMenuSubContentProps = ComponentPropsWithoutRef<typeof SubContent> & {
-    ref?: Ref<ElementRef<typeof SubContent>>;
-};
-export declare const DropdownMenuSubContent: FC<DropdownMenuSubContentProps>;
-export {};

package/dist/components/DropdownMenu/DropdownMenuSubContent.js

@@ -1,14 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { SubContent } from "@radix-ui/react-dropdown-menu";
-import { cn } from "../../utils/cn.js";
-const DROPDOWN_MENU_SUB_CONTENT_ALIGN_OFFSET = -9;
-const DROPDOWN_MENU_SUB_SIDE_OFFSET = 4;
-const DropdownMenuSubContent = ({ className, ref, ...props })=>/*#__PURE__*/ jsx(SubContent, {
-        ref: ref,
-        className: cn('min-w-128', 'z-50 overflow-hidden', 'rounded-12 border border-border-primary bg-bg-surface-2 p-8 text-text-primary shadow-md', 'origin-[--radix-dropdown-menu-content-transform-origin]', 'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95', 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', 'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', className),
-        alignOffset: DROPDOWN_MENU_SUB_CONTENT_ALIGN_OFFSET,
-        sideOffset: DROPDOWN_MENU_SUB_SIDE_OFFSET,
-        ...props
-    });
-DropdownMenuSubContent.displayName = 'DropdownMenuSubContent';
-export { DropdownMenuSubContent };

package/dist/components/DropdownMenu/DropdownMenuSubTrigger.d.ts

@@ -1,12 +0,0 @@
-import type { ComponentPropsWithoutRef, ElementRef, FC, Ref } from 'react';
-import { SubTrigger } from '@radix-ui/react-dropdown-menu';
-import type { DropdownMenuItemVariantsProps } from './DropdownMenuItem';
-type DropdownMenuSubTriggerNativeProps = ComponentPropsWithoutRef<typeof SubTrigger>;
-export type DropdownMenuSubTriggerVariantsProps = DropdownMenuItemVariantsProps;
-export interface DropdownMenuSubTriggerBaseProps {
-    inset?: boolean;
-    ref?: Ref<ElementRef<typeof SubTrigger>>;
-}
-type DropdownMenuSubTriggerProps = DropdownMenuSubTriggerNativeProps & DropdownMenuSubTriggerVariantsProps & DropdownMenuSubTriggerBaseProps;
-export declare const DropdownMenuSubTrigger: FC<DropdownMenuSubTriggerProps>;
-export {};

package/dist/components/Label/Label.d.ts

@@ -1,6 +0,0 @@
-import type { ComponentPropsWithoutRef, FC, Ref } from 'react';
-import { Root } from '@radix-ui/react-label';
-export type LabelProps = ComponentPropsWithoutRef<typeof Root> & {
-    ref?: Ref<HTMLLabelElement>;
-};
-export declare const Label: FC<LabelProps>;

package/dist/components/Label/Label.js

@@ -1,10 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Root } from "@radix-ui/react-label";
-import { cva } from "class-variance-authority";
-import { cn } from "../../utils/cn.js";
-const labelVariants = cva('text-sm font-medium leading-none peer-disabled:cursor-not-allowed');
-const Label = ({ className, ...props })=>/*#__PURE__*/ jsx(Root, {
-        className: cn(labelVariants(), className),
-        ...props
-    });
-export { Label };

package/dist/components/Label/index.d.ts

@@ -1 +0,0 @@
-export { Label } from './Label';

package/dist/components/Label/index.js

@@ -1,2 +0,0 @@
-import { Label } from "./Label.js";
-export { Label };

package/dist/components/Tooltip/TooltipProvider.d.ts

@@ -1,3 +0,0 @@
-import type { FC } from 'react';
-import { type TooltipProviderProps } from '@radix-ui/react-tooltip';
-export declare const TooltipProvider: FC<TooltipProviderProps>;

package/dist/components/Tooltip/TooltipProvider.js

@@ -1,7 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Provider } from "@radix-ui/react-tooltip";
-const TooltipProvider = (props)=>/*#__PURE__*/ jsx(Provider, {
-        ...props
-    });
-TooltipProvider.displayName = 'TooltipProvider';
-export { TooltipProvider };