react-input-chips/dist/index.css.map

A package with minimum dependencies and maximum customization.

{"version":3,"sources":["../src/components/styles.css"],"sourcesContent":[".chip-input-wrapper {\n   gap: 4px;\n   flex: 2;\n   padding: 5px;\n   overflow: auto;\n   display: flex;\n   flex-wrap: wrap;\n   align-items: center;\n   border: 1px solid #BBBBBB;\n   border-radius: 4px;\n   max-width: 650px;\n   min-width: 300px;\n\n   .chip {\n      background: #e5e5e5;\n      border-radius: 4px;\n      color: #333333;\n      display: flex;\n      gap: 0.5rem;\n      align-items: center;\n      justify-content: space-between;\n      max-width: max-content;\n      padding: 6px;\n   }\n\n   .chip-input {\n      border: none;\n      outline: none;\n      flex: 1;\n      padding: 0 8px;\n      height: 30px;\n   }\n\n   .closeBtn {\n      outline: none;\n      border: none;\n      background: none;\n      height: 18px;\n      width: 18px;\n      object-fit: cover;\n      cursor: pointer;\n      display: grid;\n      place-items: center;\n   }\n}\n\n.chip-input-wrapper-error {\n   border: 2px solid red\n}\n\n.error-msg-wrapper {\n   margin: 0;\n   font-size: 12px;\n   color: red\n}"],"mappings":";AAAA,CAAC;AACE,OAAK;AACL,QAAM;AACN,WAAS;AACT,YAAU;AACV,WAAS;AACT,aAAW;AACX,eAAa;AACb,UAAQ,IAAI,MAAM;AAClB,iBAAe;AACf,aAAW;AACX,aAAW;AAEX,GAAC;AACE,gBAAY;AACZ,mBAAe;AACf,WAAO;AACP,aAAS;AACT,SAAK;AACL,iBAAa;AACb,qBAAiB;AACjB,eAAW;AACX,aAAS;AACZ;AAEA,GAAC;AACE,YAAQ;AACR,aAAS;AACT,UAAM;AACN,aAAS,EAAE;AACX,YAAQ;AACX;AAEA,GAAC;AACE,aAAS;AACT,YAAQ;AACR,gBAAY;AACZ,YAAQ;AACR,WAAO;AACP,gBAAY;AACZ,YAAQ;AACR,aAAS;AACT,iBAAa;AAChB;AACH;AAEA,CAAC;AACE,UAAQ,IAAI,MAAM;AACrB;AAEA,CAAC;AACE,UAAQ;AACR,aAAW;AACX,SAAO;AACV;","names":[]}