@particle-network/ui-react 0.4.5-beta.14 → 0.4.5-beta.16

package/dist/components/UXSlider/index.js

@@ -16,15 +16,11 @@ const UXSlider = forwardRef((props, ref)=>{
             }
         },
         color: color,
-        onChangeEnd: (e)=>{
-            onChangeEnd?.(e);
-            if (document.activeElement) document.activeElement.blur();
-            const clickEvent = new MouseEvent('click', {
-                bubbles: true,
-                cancelable: true,
-                view: window
-            });
-            document.body.dispatchEvent(clickEvent);
+        onChangeEnd: (value)=>{
+            onChangeEnd?.(value);
+            setTimeout(()=>{
+                if (document.activeElement) document.activeElement.blur();
+            }, 200);
         },
         ...restProps
     });

package/dist/components/UXSlider/slider.classes.d.ts

@@ -6,12 +6,14 @@ export declare const sliderClasses: {
                 value: string;
                 thumb: string;
                 step: string;
+                mark: string;
                 track: string;
             };
             md: {
                 thumb: string;
                 label: string;
                 value: string;
+                mark: string;
                 track: string;
             };
             lg: {

package/dist/components/UXSlider/slider.classes.js

@@ -2,24 +2,26 @@ const sliderClasses = {
     variants: {
         size: {
             sm: {
-                label: 'text-small',
-                value: 'text-small',
-                thumb: 'w-4 h-4 after:w-3 after:h-3 !shadow-none',
+                label: '!text-xxs',
+                value: '!text-xxs',
+                thumb: 'w-4 h-4 after:w-3 after:h-3',
                 step: 'data-[in-range=false]:bg-default-200',
+                mark: '!text-xxs mt-1',
                 track: 'bg-background-200'
             },
             md: {
-                thumb: 'w-4 h-4 after:w-3 after:h-3 !shadow-none',
-                label: 'text-small',
-                value: 'text-small',
+                thumb: 'w-4 h-4 after:w-3 after:h-3',
+                label: 'text-xs',
+                value: 'text-xs',
+                mark: 'text-xs mt-1',
                 track: 'bg-background-200'
             },
             lg: {
-                thumb: 'h-7 w-7 after:w-5 after:h-5 !shadow-none',
+                thumb: 'h-7 w-7 after:w-5 after:h-5',
                 step: 'w-2 h-2',
-                label: 'text-medium',
-                value: 'text-medium',
-                mark: 'mt-2',
+                label: 'text-sm',
+                value: 'text-sm',
+                mark: 'text-sm mt-2',
                 track: 'bg-background-200'
             }
         },
@@ -177,11 +179,12 @@ const sliderClasses = {
         {
             size: [
                 'sm',
-                'md'
+                'md',
+                'lg'
             ],
             showOutline: false,
             class: {
-                thumb: 'shadow-small'
+                thumb: 'shadow-none'
             }
         },
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.4.5-beta.14",
+  "version": "0.4.5-beta.16",
   "type": "module",
   "exports": {
     ".": {