UNPKG

@2e32/react-select

Version:

A React select component

github.com/2e32/react-select

2e32/react-select

8 lines (7 loc) • 5.4 kB
1
2
3
4
5
6
7
8
{ "version": 3, "sources": ["../../src/assets/css/styles.css"], "sourcesContent": [":root {\n --e-colors-white: #fff;\n --e-colors-blue-lighten-90: #e5f0fd;\n --e-colors-blue-lighten-70: #99c5f9;\n --e-colors-blue: #0070f2;\n\n --e-colors-darkgray-lighten-90: #ececec;\n --e-colors-darkgray-lighten-80: #d9d9d9;\n --e-colors-darkgray-lighten-70: #b3b3b3;\n --e-colors-darkgray-lighten-20: #676767;\n --e-colors-darkgray: #424242;\n\n --e-radius: 4px;\n}\n\n.e-select {\n display: inline-flex;\n position: relative;\n min-width: 36px;\n min-height: 36px;\n color: var(--e-colors-darkgray);\n}\n\n.e-select--disabled,\n.e-select--readonly,\n.e-select--loading {\n pointer-events: none;\n cursor: default;\n}\n\n.e-select--disabled {\n color: var(--e-colors-darkgray-lighten-70);\n}\n\n.e-select--block {\n width: 100%;\n}\n\n.e-select--disabled > .e-select__box {\n background-color: var(--e-colors-darkgray-lighten-90);\n border-color: var(--e-colors-darkgray-lighten-80);\n}\n\n.e-select:not(.e-select--disabled) > .e-select__box:hover {\n border-color: var(--e-colors-darkgray-lighten-20);\n}\n\n.e-select:not(.e-select--disabled) > .e-select__box:focus {\n outline: 2px solid;\n outline-offset: 1px;\n outline-color: var(--e-colors-darkgray-lighten-80);\n}\n\n.e-select__box {\n display: flex;\n flex-grow: 1;\n background-color: var(--e-colors-white);\n border: 1px solid var(--e-colors-darkgray-lighten-70);\n border-radius: var(--e-radius);\n box-sizing: border-box;\n cursor: pointer;\n}\n\n.e-select__value {\n display: flex;\n align-items: center;\n flex: 1 1;\n padding: 6px 16px;\n}\n\n.e-select__placeholder {\n color: var(--e-colors-darkgray-lighten-70);\n}\n\n.e-select__prepend-inner,\n.e-select__append-inner {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.e-select__action {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n background-color: transparent;\n border: 0;\n outline: 0;\n cursor: pointer;\n}\n\n.e-select__clear {\n fill: var(--e-colors-darkgray-lighten-70);\n}\n\n.e-select__clear:hover {\n fill: var(--e-colors-darkgray-lighten-20);\n}\n\n.e-select__dropdown {\n position: absolute;\n left: 0;\n z-index: 1;\n /* \u041C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u0430\u044F \u0448\u0438\u0440\u0438\u043D\u0430 \u043C\u0435\u043D\u044E \u043F\u043E \u0448\u0438\u0440\u0438\u043D\u0435 \u0441\u0435\u043B\u0435\u043A\u0442\u0430 */\n min-width: 100%;\n}\n\n.e-select__dropdown--hidden {\n display: none;\n}\n\n.e-select__items {\n display: block;\n padding-left: 0;\n margin: 0;\n list-style-type: none;\n background-color: var(--e-colors-white);\n border: 1px solid var(--e-colors-darkgray-lighten-70);\n border-radius: var(--e-radius);\n box-sizing: border-box;\n overflow: hidden;\n}\n\n.e-select__item,\n.e-select__empty {\n display: block;\n padding: 6px 16px;\n}\n\n.e-select__item--disabled {\n color: var(--e-colors-darkgray-lighten-70);\n pointer-events: none;\n cursor: default;\n}\n\n.e-select__item:not(.e-select__item--disabled):hover {\n cursor: pointer;\n}\n\n.e-select__item:not(.e-select__item--disabled):not(.e-select__item--selected):hover {\n background-color: var(--e-colors-darkgray-lighten-90);\n}\n\n.e-select__item:not(.e-select__item--disabled).e-select__item--selected {\n color: var(--e-colors-blue);\n background-color: var(--e-colors-blue-lighten-90);\n}\n\n.e-select__item.e-select__item--disabled.e-select__item--selected {\n color: var(--e-colors-blue-lighten-70);\n background-color: var(--e-colors-blue-lighten-90);\n}\n\n.e-select__empty {\n user-select: none;\n}\n"], "mappings": "AAAA,MACE,kBAAkB,KAClB,4BAA4B,QAC5B,4BAA4B,QAC5B,iBAAiB,QAEjB,gCAAgC,QAChC,gCAAgC,QAChC,gCAAgC,QAChC,gCAAgC,QAChC,qBAAqB,QAErB,YAAY,GACd,CAEA,CAAC,SACC,QAAS,YACT,SAAU,SACV,UAAW,KACX,WAAY,KACZ,MAAO,IAAI,oBACb,CAEA,CAAC,mBACD,CAAC,mBACD,CAAC,kBACC,eAAgB,KAChB,OAAQ,OACV,CAEA,CAPC,mBAQC,MAAO,IAAI,+BACb,CAEA,CAAC,gBACC,MAAO,IACT,CAEA,CAfC,kBAemB,CAAE,CAAC,cACrB,iBAAkB,IAAI,gCACtB,aAAc,IAAI,+BACpB,CAEA,CA5BC,QA4BQ,KAAK,CApBb,mBAoBkC,CAAE,CALd,aAK4B,OACjD,aAAc,IAAI,+BACpB,CAEA,CAhCC,QAgCQ,KAAK,CAxBb,mBAwBkC,CAAE,CATd,aAS4B,OACjD,QAAS,IAAI,MACb,eAAgB,IAChB,cAAe,IAAI,+BACrB,CAEA,CAfuB,cAgBrB,QAAS,KACT,UAAW,EACX,iBAAkB,IAAI,kBACtB,OAAQ,IAAI,MAAM,IAAI,gCACtB,cAAe,IAAI,YACnB,WAAY,WACZ,OAAQ,OACV,CAEA,CAAC,gBACC,QAAS,KACT,YAAa,OACb,KAAM,EAAE,EAlEV,QAmEW,IAAI,IACf,CAEA,CAAC,sBACC,MAAO,IAAI,+BACb,CAEA,CAAC,wBACD,CAAC,uBACC,QAAS,KACT,YAAa,OACb,gBAAiB,MACnB,CAEA,CAAC,iBACC,QAAS,YACT,YAAa,OACb,gBAAiB,OApFnB,QAqFW,EACT,iBAAkB,YAClB,OAAQ,EACR,QAAS,EACT,OAAQ,OACV,CAEA,CAAC,gBACC,KAAM,IAAI,+BACZ,CAEA,CAJC,eAIe,OACd,KAAM,IAAI,+BACZ,CAEA,CAAC,mBACC,SAAU,SACV,KAAM,EACN,QAAS,EAET,UAAW,IACb,CAEA,CAAC,2BACC,QAAS,IACX,CAEA,CAAC,gBACC,QAAS,MACT,aAAc,EAlHhB,OAmHU,EACR,gBAAiB,KACjB,iBAAkB,IAAI,kBACtB,OAAQ,IAAI,MAAM,IAAI,gCACtB,cAAe,IAAI,YACnB,WAAY,WACZ,SAAU,MACZ,CAEA,CAAC,eACD,CAAC,gBACC,QAAS,MA9HX,QA+HW,IAAI,IACf,CAEA,CAAC,yBACC,MAAO,IAAI,gCACX,eAAgB,KAChB,OAAQ,OACV,CAEA,CAZC,cAYc,KAAK,CANnB,yBAM6C,OAC5C,OAAQ,OACV,CAEA,CAhBC,cAgBc,KAAK,CAVnB,yBAU6C,KAAK,CAAC,yBAAyB,OAC3E,iBAAkB,IAAI,+BACxB,CAEA,CApBC,cAoBc,KAAK,CAdnB,yBAc6C,CAJM,yBAKlD,MAAO,IAAI,iBACX,iBAAkB,IAAI,2BACxB,CAEA,CAzBC,cAyBc,CAnBd,wBAmBuC,CATY,yBAUlD,MAAO,IAAI,4BACX,iBAAkB,IAAI,2BACxB,CAEA,CA7BC,gBA8BC,YAAa,IACf", "names": [] }