react-color-palette-picker/build/index.umd.css.map

React Color Picker Component written in typescript.

{"version":3,"sources":["saturation.module.css","huebar.module.css","dropdown.module.css","fields.module.css","colorPicker.module.css"],"names":[],"mappings":"AAAA,2CACI,iBAAkB,CACtB,MAAO,CACP,KAAM,CACN,UAAW,CACX,WAAY,CACZ,qBAAuB,CACvB,qBAAuB,CACvB,iBAAkB,CAClB,oCAAgD,CAChD,8BAAgC,CAChC,kBAAuB,CACvB,mBACA,CAEA,qCACI,YAAa,CACjB,iBAAkB,CAClB,wBAAiB,CAAjB,gBACA,CCnBA,6BACI,iBAAkB,CAClB,WAAY,CACZ,wEASC,CACD,kBAAmB,CACnB,wBAAiB,CAAjB,gBAAiB,CACjB,gBAAkB,CAClB,mBACJ,CAEA,mCACI,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,qBAAuB,CACvB,iBAAkB,CAClB,oCAAgD,CAChD,kBAAuB,CAEvB,0BAA6B,CAC7B,OAAQ,CACR,UACJ,CC9BA,iCACI,iBAAkB,CAClB,6BACJ,CAEA,wCACI,cAAe,CACf,cAAe,CACf,eAAgB,CAChB,UAAc,CACd,wBAAyB,CACzB,yBAA0B,CAC1B,+BAAiC,CACjC,gBAAiB,CACjB,wBAAiB,CAAjB,gBAAiB,CACjB,wBACJ,CACA,8CACQ,wBACR,CAEA,qCACI,YAAa,CACb,qBAAsB,CACtB,iBAAkB,CAClB,4BAAa,CAAb,aAAa,CACb,qBAAyB,CACzB,kBAAmB,CACnB,qCAA0C,CAC1C,0BAA2B,CAC3B,mDAAyD,CACzD,cAAe,CACf,SAAU,CACV,iBAAkB,CAClB,WACJ,CACA,yDACI,uBAAwB,CACxB,SAAU,CACV,kBACF,CAEA,0CACE,cAAe,CACf,mBAAoB,CACpB,sBAAuB,CACvB,UAAW,CACX,cAAe,CACf,eAAgB,CAChB,UAAc,CACd,+BAAiC,CACjC,aAAc,CACd,wBAAiB,CAAjB,gBACF,CACA,gDACE,wBACF,CCtDF,6BACI,YAAa,CACjB,UAEA,CAEA,kCACI,UAAW,CACf,6BAAiC,CACjC,cAAe,CACf,eAAgB,CAChB,wBAAyB,CACrB,aAAc,CACd,YAAa,CACb,kBAAmB,CACnB,UAGJ,CAEA,0HAEE,QAAS,CACT,uBACF,CC3BA,uCACI,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,iBAAkB,CAClB,qBAAyB,CAEzB,cAAe,CACf,kBAAmB,CACnB,aACJ,CAEA,2CACI,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,sBAAuB,CACvB,gBAEJ","file":"index.umd.css","sourcesContent":[".saturationCursor{\r\n    position: absolute;\r\nleft: 0;\r\ntop: 0;\r\nwidth: 10px;\r\nheight: 10px;\r\nbackground-color: white;\r\nborder: 2px solid white;\r\nborder-radius: 50%;\r\nbox-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0.5px;\r\ntransform: translate(-7px, -7px);\r\nbox-sizing: content-box;\r\npointer-events: none;\r\n}\r\n\r\n.saturation{\r\n    display: flex;\r\nposition: relative;\r\nuser-select: none;\r\n}",".hueBar{\r\n    position: relative;\r\n    height: 12px;\r\n    background-image: linear-gradient(\r\n      to right,\r\n      rgb(255, 0, 0),\r\n      rgb(255, 255, 0),\r\n      rgb(0, 255, 0),\r\n      rgb(0, 255, 255),\r\n      rgb(0, 0, 255),\r\n      rgb(255, 0, 255),\r\n      rgb(255, 0, 0)\r\n    );\r\n    border-radius: 10px;\r\n    user-select: none;\r\n    margin-top: 0.5rem;\r\n    margin-bottom: 0.5rem;\r\n}\r\n\r\n.hueBarCursor{\r\n    position: absolute;\r\n    width: 12px;\r\n    height: 12px;\r\n    border: 2px solid white;\r\n    border-radius: 50%;\r\n    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0.5px;\r\n    box-sizing: content-box;\r\n    /* transform: translate(-8px, -2px); */\r\n    transform: translate(0, -50%);\r\n    top: 50%;\r\n    bottom: 50%;\r\n}\r\n","\r\n.dropdown{\r\n    position: relative;\r\n    font-family: 'Roboto', sans-serif;\r\n}\r\n\r\n.dropdownTrigger{\r\n    cursor: pointer;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    background-color: #121212;\r\n    border-radius: 5px 0 0 5px;\r\n    transition: background-color 0.2s;\r\n    padding: 8px 15px;\r\n    user-select: none;\r\n    border: 1px solid #e6e6e6;\r\n}\r\n.dropdownTrigger:hover{\r\n        background-color: #242424;\r\n}\r\n\r\n.dropdownMenu{\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: absolute;\r\n    width:stretch;\r\n    background-color: #ffffff;\r\n    border-radius: 10px;\r\n    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);\r\n    transform: translateY(10px);\r\n    transition: transform 0.2s, opacity 0.2s, visibility 0.2s;\r\n    padding: 10px 0;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    z-index: 666;\r\n}\r\n.dropdownMenu[aria-expanded='true'] {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n\r\n  .dropdownMenuModel{\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n    justify-content: center;\r\n    width: 100%;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #000000;\r\n    transition: background-color 0.2s;\r\n    padding: 5px 0;\r\n    user-select: none;\r\n  }\r\n  .dropdownMenuModel:hover {\r\n    background-color: #f3f3f3;\r\n  }","\r\n\r\n\r\n.fields{\r\n    display: flex;\r\nwidth: 100%;\r\n/* margin: 10px 0 0; */\r\n}\r\n\r\n.fieldsInput{\r\n    width: 100%;\r\nfont-family: \"Roboto\", sans-serif;\r\nfont-size: 14px;\r\nfont-weight: 700;\r\nborder: 1px solid #e0e0e0;\r\n    padding: 0 5px;\r\n    outline: none;\r\n    background: #232323;\r\n    color: white;\r\n\r\n\r\n}\r\n\r\n.fieldsInput::-webkit-outer-spin-button,\r\n.fieldsInput::-webkit-inner-spin-button {\r\n  margin: 0;\r\n  -webkit-appearance: none;\r\n}\r\n",".colorPicker{\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    width: max-content;\r\n    background-color: #ffffff;\r\n    /* box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0.5px; */\r\n    min-width: 100%;\r\n    background: inherit;\r\n    color: inherit;\r\n}\r\n\r\n.colorPickerBody{\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0 0 10px 0;\r\n    \r\n}\r\n"]}