katalyst-riya-test 0.1.4 → 0.1.5

package/dist/index.cjs

@@ -754,7 +754,7 @@ var ListItem_default = ListItem;
 // src/components/Slider.tsx
 var import_react15 = __toESM(require("react"), 1);
 var Slider = (0, import_react15.forwardRef)(
-  ({ value, min = 0, max = 100, size = "sm", sliderColor, ...props }, ref) => {
+  ({ value, min = 0, max = 100, size = "sm", ...props }, ref) => {
     const progress = (value - min) / (max - min) * 100;
     return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement(
       "input",
@@ -770,46 +770,10 @@ var Slider = (0, import_react15.forwardRef)(
           size === "sm" ? "h-1.5" : "h-4"
         ),
         style: {
-          background: `linear-gradient(to right, ${sliderColor ?? "#8EB6F8"} ${progress}%, #d1d5db ${progress}%)`
+          background: `linear-gradient(to right, #8EB6F8 ${progress}%, #d1d5db ${progress}%)`
         }
       }
-    ), /* @__PURE__ */ import_react15.default.createElement("style", { jsx: true }, `
-          .slider {
-            -webkit-appearance: none;
-            appearance: none;
-          }
-
-          .slider::-webkit-slider-thumb {
-            -webkit-appearance: none;
-            appearance: none;
-            width: 36px;
-            height: 24px;
-            background-color: ${sliderColor ?? "#4285F4"};
-            border-radius: 9999px;
-            outline: 3px solid #B3CEFB
-            cursor: pointer;
-          }
-
-          .slider::-webkit-slider-thumb:hover {
-            background-color: #285092;
-            outline: 3px solid #B3CEFB
-          }
-
-          .slider::-webkit-slider-thumb:active {
-            background-color: #356ac3;
-            outline: 3px solid #B3CEFB
-            box-shadow: 0px 4px 4.7px 0px #0000002e;
-          }
-
-          .slider::-moz-range-thumb {
-            width: 50px;
-            outline: 3px solid #B3CEFB
-            height: 50px;
-            background-color: #000;
-            border-radius: 0;
-            cursor: pointer;
-          }
-        `));
+    ));
   }
 );
 Slider.displayName = "Slider";

package/dist/index.css

@@ -1241,9 +1241,6 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.outline {
-  outline-style: solid;
-}
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
@@ -1360,6 +1357,35 @@ video {
   background-repeat: no-repeat;
   background-size: cover;
 }
+.slider {
+  -webkit-appearance: none;
+  appearance: none;
+}
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 36px;
+  height: 24px;
+  background-color: #4285f4;
+  border-radius: 9999px;
+  cursor: pointer;
+}
+.slider::-webkit-slider-thumb:hover {
+  background-color: #285092;
+}
+.slider::-webkit-slider-thumb:active {
+  background-color: #356ac3;
+  outline: 3px solid #b3cefb;
+  box-shadow: 0px 4px 4.7px 0px #0000002e;
+}
+.slider::-moz-range-thumb {
+  width: 50px;
+  outline: 3px solid #b3cefb;
+  height: 50px;
+  background-color: #000;
+  border-radius: 0;
+  cursor: pointer;
+}
 .last\:border-none:last-child {
   border-style: none;
 }

package/dist/index.d.cts

@@ -210,7 +210,6 @@ interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"
     min?: number;
     max?: number;
     size?: "sm" | "lg";
-    sliderColor?: string;
 }
 declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLInputElement>>;
 

package/dist/index.d.ts

@@ -210,7 +210,6 @@ interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"
     min?: number;
     max?: number;
     size?: "sm" | "lg";
-    sliderColor?: string;
 }
 declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLInputElement>>;
 

package/dist/index.js

@@ -685,7 +685,7 @@ var ListItem_default = ListItem;
 // src/components/Slider.tsx
 import React15, { forwardRef as forwardRef3 } from "react";
 var Slider = forwardRef3(
-  ({ value, min = 0, max = 100, size = "sm", sliderColor, ...props }, ref) => {
+  ({ value, min = 0, max = 100, size = "sm", ...props }, ref) => {
     const progress = (value - min) / (max - min) * 100;
     return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(
       "input",
@@ -701,46 +701,10 @@ var Slider = forwardRef3(
           size === "sm" ? "h-1.5" : "h-4"
         ),
         style: {
-          background: `linear-gradient(to right, ${sliderColor ?? "#8EB6F8"} ${progress}%, #d1d5db ${progress}%)`
+          background: `linear-gradient(to right, #8EB6F8 ${progress}%, #d1d5db ${progress}%)`
         }
       }
-    ), /* @__PURE__ */ React15.createElement("style", { jsx: true }, `
-          .slider {
-            -webkit-appearance: none;
-            appearance: none;
-          }
-
-          .slider::-webkit-slider-thumb {
-            -webkit-appearance: none;
-            appearance: none;
-            width: 36px;
-            height: 24px;
-            background-color: ${sliderColor ?? "#4285F4"};
-            border-radius: 9999px;
-            outline: 3px solid #B3CEFB
-            cursor: pointer;
-          }
-
-          .slider::-webkit-slider-thumb:hover {
-            background-color: #285092;
-            outline: 3px solid #B3CEFB
-          }
-
-          .slider::-webkit-slider-thumb:active {
-            background-color: #356ac3;
-            outline: 3px solid #B3CEFB
-            box-shadow: 0px 4px 4.7px 0px #0000002e;
-          }
-
-          .slider::-moz-range-thumb {
-            width: 50px;
-            outline: 3px solid #B3CEFB
-            height: 50px;
-            background-color: #000;
-            border-radius: 0;
-            cursor: pointer;
-          }
-        `));
+    ));
   }
 );
 Slider.displayName = "Slider";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "katalyst-riya-test",
   "description": "website design system",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.mjs",