@jengaui/slider
Version:
Jenga UI Slider component in React
17 lines (12 loc) • 1.53 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var tastycss = require('tastycss');
var l=tastycss.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=tastycss.tasty({styles:{top:"1.875x",position:"absolute",fill:{"":"#dark-05"},height:"2px",width:"100%",radius:!0}}),r=tastycss.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=tastycss.tasty({styles:{}}),o=tastycss.tasty({styles:{}}),d=tastycss.tasty({styles:{position:"relative",width:"100% - 2x",height:"4x"}}),p=tastycss.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=tastycss.tasty({styles:{display:"flex",alignItems:"center",flexDirection:"column",width:"100%"}});
exports.StyledContent = n;
exports.StyledControls = d;
exports.StyledGradation = i;
exports.StyledGrade = o;
exports.StyledSlide = s;
exports.StyledSlideTrack = r;
exports.StyledSlider = p;
exports.StyledThumb = l;