@alixpartners/ui-components 2.0.0 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/assets/Dropdown.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -25,13 +25,13 @@ Version **2.0** has been **rebuilt from the ground up** to align with the latest
|
|
|
25
25
|
## 🚀 Installation
|
|
26
26
|
|
|
27
27
|
```bash
|
|
28
|
-
npm install @alixpartners/ui-
|
|
28
|
+
npm install @alixpartners/ui-components
|
|
29
29
|
```
|
|
30
30
|
|
|
31
31
|
## 🔧 Usage
|
|
32
32
|
|
|
33
33
|
```tsx
|
|
34
|
-
import { YourComponent } from '@alixpartners/ui-
|
|
34
|
+
import { YourComponent } from '@alixpartners/ui-components'
|
|
35
35
|
|
|
36
36
|
function App() {
|
|
37
37
|
return <YourComponent />
|
package/dist/assets/Dropdown.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.Dropdown-module__dropdownContainer___beNhQ{display:flex;flex-direction:column;gap:4px;width:100%;position:relative;gap:6px}.Dropdown-module__dropdownLabel___T9FmB{font-size:14px;font-weight:500;color:#4a4a4a;line-height:1;display:flex;align-items:center;gap:4px}.Dropdown-module__dropdownLabel___T9FmB .Dropdown-module__label-text___VEqG-{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__dropdownLabel___T9FmB.Dropdown-module__dropdownLabelDisabled___SLRmM{pointer-events:none;color:#b2b2b2}.Dropdown-module__dropdownLabel___T9FmB.Dropdown-module__dropdownLabelDisabled___SLRmM .Dropdown-module__label-tooltip-icon___JYVOm{color:#ccc}.Dropdown-module__required___ChI1m{color:#cb282e;font-weight:600}.Dropdown-module__label-tooltip-icon___JYVOm{color:#4a4a4a;font-size:16px;cursor:pointer}.Dropdown-module__dropdownWrapper___AUuWD{position:relative;width:100%}.Dropdown-module__dropdown-menu-trigger___fgqVT{display:inline-block;width:100%}.Dropdown-module__dropdownTrigger___Rue93{width:100%;height:32px;padding:6px 8px;background-color:#fff;border:1px solid #cccccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:240px;box-sizing:border-box}.Dropdown-module__dropdownTrigger___Rue93:hover:not(.Dropdown-module__dropdownTriggerDisabled___63wkd){border-color:#5cb335}.Dropdown-module__dropdownTrigger___Rue93:focus{outline:none;border-color:#5cb335}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerOpen___cbm8V{border-color:#5cb335;border-radius:4px}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerDisabled___63wkd{background-color:#f5f5f5;border-color:#ccc;cursor:not-allowed}.Dropdown-module__dropdownTrigger___Rue93.Dropdown-module__dropdownTriggerError___Uu02x{border-color:#bf494e}.Dropdown-module__dropdownContent___zLMhL{display:flex;align-items:center;gap:8px;width:100%;min-height:20px}.Dropdown-module__dropdownSelectedItems___iXnpQ{flex:1;min-width:0;display:flex;align-items:center;color:#28292c;font-size:14px}.Dropdown-module__selectedItemsList___uBD7x{display:flex;flex-wrap:wrap;gap:4px;width:100%}.Dropdown-module__selectedItemsCreatable___SCjLK{display:flex;align-items:center;gap:4px;flex:1}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z{border-radius:240px;height:20px;padding:0 5px 0 9px}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z .Dropdown-module__selectedItemLabel___efVI-{color:#3f7b25}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z .Dropdown-module__removeButton___9r85B{border:none;background:none;cursor:pointer;padding:0;margin:0;display:flex;align-items:center}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__selectedItem___2jO4z .Dropdown-module__removeIcon___st3b-{font-size:12px;height:12px;width:12px;color:#727272}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__singleSelectedCreatableItem___BKFLb{display:flex;justify-content:space-between;align-items:center;flex:1;border-right:solid 1px #cccccc;padding-right:3px}.Dropdown-module__selectedItemsCreatable___SCjLK .Dropdown-module__singleSelectedCreatableItem___BKFLb .Dropdown-module__selectedItemLabel___efVI-{color:#28292c;font-size:14px}.Dropdown-module__singleSelectedCreatableItemRemoveButton___w3XXp{transform:rotate(45deg)}.Dropdown-module__selectedItem___2jO4z{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background-color:#dff0db;border:1px solid #dff0db;border-radius:12px;font-size:12px;color:#4a4a4a;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__selectedOptionLabel___7Zdh3{color:#28292c;font-size:14px}.Dropdown-module__placeholder___fWdch{color:#878787;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__dropdownActions___d55Fa{display:flex;align-items:center;gap:4px;flex-shrink:0}.Dropdown-module__dropdownArrow___dLbrb{color:#4a4a4a;font-size:16px!important;transition:transform .2s ease}.Dropdown-module__dropdownArrow___dLbrb.Dropdown-module__dropdownArrowOpen___Z4Nh1{transform:rotate(180deg)}.Dropdown-module__dropdownMenu___toYcy{background-color:#fff;border:1px solid #cccccc;border-radius:4px;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column;width:fit-content;max-width:640px;min-width:80x;box-sizing:border-box;box-shadow:0 0 4px #00000029}.Dropdown-module__dropdown-container-grouped___1twhU .Dropdown-module__dropdownMenu___toYcy{min-width:212px}.Dropdown-module__dropdown-container-multi-select___zdaum .Dropdown-module__dropdownMenu___toYcy{min-width:224px}.Dropdown-module__dropdownMenuToolbar___gFne0{display:flex;flex-direction:column;gap:16px;padding:8px 12px;border-bottom:1px solid #cccccc}.Dropdown-module__searchContainer___4kUvD{position:relative;display:flex;align-items:center;gap:16px}.Dropdown-module__searchContainer___4kUvD .Dropdown-module__search___JmgDx{flex:1}.Dropdown-module__dropdownCreatableSearchContainer___sbs0F{min-width:300px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;background:#fff;border:1px solid #cccccc;border-radius:4px;min-height:32px;padding:0 8px}.Dropdown-module__dropdownCreatableSearchContainer___sbs0F:focus-within{border-color:#5cb335}.Dropdown-module__dropdownCreatableSearchContainer___sbs0F.Dropdown-module__disabled___0FjAX{cursor:not-allowed;opacity:.6}.Dropdown-module__dropdownCreatableError___gwBGw{border-color:#bf494e}.Dropdown-module__creatableInput___meKz6{flex:1 1 120px;min-width:80px;border:none;outline:none;background:transparent;height:20px;padding:6px 0;color:#28292c;font-size:14px}.Dropdown-module__creatableInput___meKz6::placeholder{color:#878787}.Dropdown-module__creatableInput___meKz6:disabled{color:#b2b2b2}.Dropdown-module__searchInput___2Ad09{width:100%;padding:8px 32px 8px 12px;border:1px solid #cccccc;border-radius:4px;font-size:14px;color:#28292c;background-color:#fff}.Dropdown-module__searchInput___2Ad09:focus{outline:none;border-color:#5cb335}.Dropdown-module__searchInput___2Ad09::placeholder{color:#878787}.Dropdown-module__searchIcon___QxaFA{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#4a4a4a;font-size:16px;pointer-events:none}.Dropdown-module__optionsList___rk2hi{padding:8px;flex:1;overflow-y:auto;max-height:200px}.Dropdown-module__categoryGroup___Np2bP{display:flex;flex-direction:column}.Dropdown-module__optionsList___rk2hi .Dropdown-module__categoryGroup___Np2bP:first-child .Dropdown-module__categoryDivider___Gh6F0{border-top:none}.Dropdown-module__categoryDivider___Gh6F0{padding:8px;border-top:1px solid #cccccc;background-color:#fff;display:flex;align-items:center}.Dropdown-module__categoryLabel___B9IDR{font-size:12px;font-weight:600;color:#727272;text-transform:uppercase;letter-spacing:.5px}.Dropdown-module__optionItem___7pi10{width:100%;padding:8px;border:none;background:none;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease;text-align:left;font-size:14px;color:#4a4a4a;min-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;box-sizing:border-box}.Dropdown-module__optionItem___7pi10:hover:not(.Dropdown-module__optionItemDisabled___aepUD){background-color:#dff0db}.Dropdown-module__optionItem___7pi10:focus{outline:none}.Dropdown-module__optionItem___7pi10.Dropdown-module__optionItemDisabled___aepUD{color:#b2b2b2;cursor:not-allowed;opacity:.6}.Dropdown-module__optionItem___7pi10.Dropdown-module__optionItemFocused___u2781{background-color:#dff0db}.Dropdown-module__optionContent___nf1VC{display:flex;align-items:center;justify-content:space-between;width:100%}.Dropdown-module__optionLabel___sJerM{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Roboto,sans-serif!important}.Dropdown-module__tickIcon___hYdCr{color:inherit;font-size:14px;flex-shrink:0;margin-left:8px}.Dropdown-module__creatableIcon___3zxIF{color:inherit;font-size:14px;flex-shrink:0;margin-right:8px}.Dropdown-module__noOptions___8vmhM{padding:8px;text-align:center;color:#878787;font-size:14px;font-style:italic}.Dropdown-module__maxItemsWarning___4F7o-{padding:8px;border-top:1px solid #cccccc;background-color:#f8f9fa;font-size:12px;color:#727272;text-align:center}.Dropdown-module__helpers___s4ulA{display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0}.Dropdown-module__helpText___YooJE{font-size:12px;color:#727272;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__helpTextDisabled___Ct4qq{color:#b2b2b2}.Dropdown-module__helpLink___-Zwpq{color:#0369a3;font-size:12px;font-weight:500;line-height:1;text-decoration:none;flex-shrink:0}.Dropdown-module__helpLink___-Zwpq:hover{text-decoration:underline}.Dropdown-module__helpLinkDisabled___r-opC{color:#878787}.Dropdown-module__errorMessage___3Mopi{font-size:12px;color:#bf494e;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar{width:4px}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-track{background:transparent}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:240px}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-thumb:hover{background-color:#878787}.Dropdown-module__optionsList___rk2hi::-webkit-scrollbar-thumb:active{background-color:#4a4a4a}.Dropdown-module__selectAllContainer___Dlk3J{display:flex;gap:16px;background-color:#fff;justify-content:space-between;align-items:center;padding-bottom:8px}.Dropdown-module__searchContainer___4kUvD:has(+.Dropdown-module__selectAllContainer___Dlk3J){border-bottom:none}.Dropdown-module__actionButtons___-2nvr{display:flex;justify-content:space-between;gap:8px;padding:12px;border-top:1px solid #cccccc;background-color:#fff}
|