@smartprocure/react-dropdown-tree-select
Version:
Lightweight, customizable and fast Dropdown Tree Select component for React
1 lines • 4.66 kB
Source Map (JSON)
{"version":3,"file":"styles.css","mappings":"AAAA,KACE,yBAA0B,yBACA,sBACH,kBACJ,oBACG,CACvB,kBAGG,yBAA0B,oBACJ,CACvB,YAGD,cAAe,cACA,iBACG,eACF,6BACc,YACjB,YACC,CACf,0CAIG,kBAAoB,CACrB,kBAGC,aAAe,C;AC7BnB,YACE,eAAgB,eACC,CAClB,UAGC,eAAgB,UACL,QACD,CACX,UAGC,qBAAsB,UACV,CACb,kBAGG,YAAa,6BACiB,YAChB,CACf,qBAGD,gBAAkB,C;ACvBpB,MACE,gBAAiB,mBACG,WACP,CACd,qBAGK,YAAc,CACf,iBAGD,WAAY,kBACQ,CACrB,yCAGK,UAAa,CACd,cAGH,wBAA0B,CAC3B,QAGD,gBAAiB,iBACC,cACF,CACjB,cAGG,WAAa,CACd,wBAGC,WAAa,CACd,uBAGC,WAAa,CACd,sBAGD,YAAc,CACf,2BAIC,sBAAuB,gBACL,CACnB,uDAGG,YAAc,C;ACnDlB,8BACE,YAAc,CACf,sCAEG,kBAAmB,aACJ,CAChB,wDAEG,YAAa,iBACK,iBACA,qBACI,cACP,wBACsB,CACtC,8DAEG,cAAgB,CACjB,2EAEG,gBAAiB,sBACM,cACR,gBACG,CACnB,wEAEC,gBAAiB,sBACM,cACR,gBACG,CACnB,uEAEC,kBAAoB,CACrB,oFAEG,aAA0B,CAC3B,wDAEL,kBAAmB,YACN,UACF,gBACO,qCACuB,6CACQ,oCACA,CAClD,gEAEG,WAAY,YACC,6BACiB,YAChB,CACf,2DAEC,SAAU,SACC,C","sources":["webpack://ReactDropdownTreeSelect/./src/tag/index.css","webpack://ReactDropdownTreeSelect/./src/tags/index.css","webpack://ReactDropdownTreeSelect/./src/tree-node/index.css","webpack://ReactDropdownTreeSelect/./src/index.css"],"sourcesContent":[".tag {\n background-color: #f4f4f4;\n border: 1px solid #e9e9e9;\n padding: 2px 0 2px 2px;\n border-radius: 2px;\n display: inline-block;\n}\n\n .tag:focus-within {\n background-color: #e9e9e9;\n border-color: #a0a0a0;\n }\n\n.tag-remove {\n color: #a0a0a0;\n font-size: 75%;\n line-height: 100%;\n cursor: pointer;\n background-color: transparent;\n border: none;\n outline: none;\n}\n\n.tag-remove.readOnly,\n .tag-remove.disabled {\n cursor: not-allowed;\n }\n\n.tag-remove:focus {\n color: #3c3c3c;\n }\n",".node > label {\n cursor: pointer;\n margin-left: 2px;\n}\n\n.tag-list {\n display: inline;\n padding: 0;\n margin: 0;\n}\n\n.tag-item {\n display: inline-block;\n margin: 4px;\n}\n\n.tag-item .search {\n border: none;\n border-bottom: solid 1px #ccc;\n outline: none;\n }\n\n.tag-item:last-child {\n margin-right: 4px;\n}\n",".node {\n list-style: none;\n white-space: nowrap;\n padding: 4px;\n}\n\n .node.leaf.collapsed {\n display: none;\n }\n\n .node.disabled > * {\n color: gray;\n cursor: not-allowed;\n }\n\n .node.match-in-children.hide .node-label {\n opacity: 0.5;\n }\n\n .node.focused {\n background-color: #f4f4f4;\n }\n\n.toggle {\n white-space: pre;\n margin-right: 4px;\n cursor: pointer;\n}\n\n.toggle::after {\n content: ' ';\n }\n\n.toggle.collapsed::after {\n content: '+';\n }\n\n.toggle.expanded::after {\n content: '-';\n }\n\n.searchModeOn .toggle {\n display: none;\n}\n\n.checkbox-item,\n.radio-item {\n vertical-align: middle;\n margin: 0 4px 0 0;\n}\n\n.checkbox-item.simple-select, .radio-item.simple-select {\n display: none;\n }\n","/* component styles */\n.hide:not(.match-in-children) {\n display: none;\n}\n.react-dropdown-tree-select .dropdown {\n position: relative;\n display: table;\n }\n.react-dropdown-tree-select .dropdown .dropdown-trigger {\n padding: 4px;\n line-height: 20px;\n max-height: 200px;\n display: inline-block;\n overflow: auto;\n border: 1px solid rgb(185, 185, 185);\n }\n.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow {\n cursor: pointer;\n }\n.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.bottom::after {\n content: '\\25BC';\n vertical-align: middle;\n color: #3c3c3c;\n margin-right: 2px;\n }\n.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.top::after {\n content: '\\25B2';\n vertical-align: middle;\n color: #3c3c3c;\n margin-right: 2px;\n }\n.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.disabled {\n cursor: not-allowed;\n }\n.react-dropdown-tree-select .dropdown .dropdown-trigger.arrow.disabled.bottom::after {\n color: rgb(185, 185, 185);\n }\n.react-dropdown-tree-select .dropdown .dropdown-content {\n position: absolute;\n padding: 4px;\n z-index: 1;\n background: white;\n border-top: rgba(0, 0, 0, .05) 1px solid;\n -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, .15);\n box-shadow: 0 5px 8px rgba(0, 0, 0, .15);\n }\n.react-dropdown-tree-select .dropdown .dropdown-content .search {\n width: 100%;\n border: none;\n border-bottom: solid 1px #ccc;\n outline: none;\n }\n.react-dropdown-tree-select .dropdown .dropdown-content ul {\n margin: 0;\n padding: 0;\n }\n"],"names":[],"sourceRoot":""}