@jengaui/slider
Version:
Jenga UI Slider component in React
6 lines (3 loc) • 1.24 kB
JavaScript
import { tasty } from 'tastycss';
var l=tasty({styles:{top:"2x",width:"2x",height:"2x",fill:{"":"#purple",hovered:"#purple-text",dragged:"#purple",disabled:"#dark-04"},cursor:"pointer",shadow:{"":"0px 2px 4px #dark.2",dragged:"inset 0 0 0 2px #purple-text, 0px 2px 4px #dark.2"},radius:"50%",border:{"":null,focused:"3px solid #purple-04"},transition:"theme"}}),s=tasty({styles:{top:"1.875x",position:"absolute",fill:{"":"#dark-05"},height:"2px",width:"100%",radius:!0}}),r=tasty({styles:{position:"absolute","@start-range":{"":"@thumb-0-value",single:"0"},"@end-range":{"":"(1 - @thumb-1-value)",single:"(1 - @thumb-0-value)"},left:"(@start-range * 100%)",right:"(@end-range * 100%)",height:"2px",fill:{"":"#purple",disabled:"#dark-04"},radius:!0}}),i=tasty({styles:{}}),o=tasty({styles:{}}),d=tasty({styles:{position:"relative",width:"100% - 2x",height:"4x"}}),p=tasty({as:"section",styles:{position:"relative",display:"flex",gap:{"":"0",inputs:"1x"},flexDirection:{"":"column",inputs:"row"},alignItems:"center",width:"100%",padding:{"":"0",sideLabel:"0.75x top"}}}),n=tasty({styles:{display:"flex",alignItems:"center",flexDirection:"column",width:"100%"}});
export { l as a, s as b, r as c, i as d, o as e, d as f, p as g, n as h };