@alixpartners/ui-components 2.0.0-beta.12 → 2.0.0-beta.13
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/dist/assets/Button.css +1 -1
- package/dist/assets/Dropdown.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/Textarea.css +1 -1
- package/dist/components/Dropdown/Dropdown.js +100 -98
- package/dist/components/Input/Input.d.ts +3 -1
- package/dist/components/Input/Input.js +61 -58
- package/dist/components/Textarea/Textarea.d.ts +2 -2
- package/dist/main.d.ts +4 -3
- package/dist/main.js +12 -10
- package/package.json +1 -1
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.Button-module__btn___daEdK{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;border:none;text-align:center;font-family:Roboto,sans-serif;font-style:normal;font-weight:500;line-height:100%;cursor:pointer}.Button-module__btn-icon___G7m4S{display:flex;justify-content:center;align-items:center}.Button-module__btn-icon-sm___w7eg9{width:16px;height:16px;font-size:16px}.Button-module__btn-icon-md___8Ywy2{width:20px;height:20px;font-size:20px}.Button-module__btn-primary___vwY5K{border-radius:2px;color:#fff;background:#498e2b;gap:2px}.Button-module__btn-primary___vwY5K:hover{background:#3f7b25}.Button-module__btn-primary___vwY5K:disabled{background:#8dca7e;cursor:not-allowed}.Button-module__btn-primary___vwY5K.Button-module__btn-default___hpiKG{background:#498e2b}.Button-module__btn-primary___vwY5K.Button-module__btn-default___hpiKG:hover{background:#3f7b25}.Button-module__btn-primary___vwY5K.Button-module__btn-default___hpiKG:disabled{background:#8dca7e}.Button-module__btn-primary___vwY5K.Button-module__btn-danger___jTLwb{background:#cb282e}.Button-module__btn-primary___vwY5K.Button-module__btn-danger___jTLwb:hover{background:#ac272c}.Button-module__btn-primary___vwY5K.Button-module__btn-danger___jTLwb:disabled{background:#f99397}.Button-module__btn-primary___vwY5K.Button-module__btn-cancel___4SwgU{background:#878787}.Button-module__btn-primary___vwY5K.Button-module__btn-cancel___4SwgU:hover{background:#727272}.Button-module__btn-primary___vwY5K.Button-module__btn-cancel___4SwgU:disabled{background:#ccc}.Button-module__btn-primary___vwY5K .Button-module__loading-spinner___T25--{color:#fff}.Button-module__btn-secondary___w3xYM{border-radius:2px;border:1px solid #498e2b;background:#fff;gap:2px;color:#498e2b}.Button-module__btn-secondary___w3xYM:hover{border:1px solid #498e2b;color:#fff;background:#3f7b25}.Button-module__btn-secondary___w3xYM:disabled{border:1px solid #8dca7e;color:#8dca7e;background:#fff;cursor:not-allowed}.Button-module__btn-secondary___w3xYM .Button-module__loading-spinner___T25--{color:#8dca7e}.Button-module__btn-secondary___w3xYM.Button-module__btn-danger___jTLwb{border:1px solid #cb282e;color:#cb282e}.Button-module__btn-secondary___w3xYM.Button-module__btn-danger___jTLwb:hover:not(:disabled){border:1px solid #ac272c;color:#fff;background:#ac272c}.Button-module__btn-secondary___w3xYM.Button-module__btn-danger___jTLwb:disabled{border:1px solid #f99397;color:#f99397}.Button-module__btn-secondary___w3xYM.Button-module__btn-danger___jTLwb .Button-module__loading-spinner___T25--{color:#f99397}.Button-module__btn-secondary___w3xYM.Button-module__btn-cancel___4SwgU{border:1px solid #878787;color:#878787}.Button-module__btn-secondary___w3xYM.Button-module__btn-cancel___4SwgU:hover:not(:disabled){border:1px solid #727272;color:#fff;background:#727272}.Button-module__btn-secondary___w3xYM.Button-module__btn-cancel___4SwgU:disabled{border:1px solid #cccccc;color:#ccc}.Button-module__btn-secondary___w3xYM.Button-module__btn-cancel___4SwgU .Button-module__loading-spinner___T25--{color:#ccc}.Button-module__btn-tertiary___G-7lD{gap:2px;color:#4a4a4a;background:none}.Button-module__btn-tertiary___G-7lD:hover{color:#3f7b25}.Button-module__btn-tertiary___G-7lD:disabled{color:#ccc;cursor:not-allowed}.Button-module__btn-tertiary___G-7lD.Button-module__btn-danger___jTLwb{color:#cb282e}.Button-module__btn-tertiary___G-7lD.Button-module__btn-danger___jTLwb:hover{color:#ac272c}.Button-module__btn-tertiary___G-7lD.Button-module__btn-danger___jTLwb:disabled{color:#f99397}.Button-module__btn-tertiary___G-7lD.Button-module__btn-danger___jTLwb .Button-module__loading-spinner___T25--{color:#f99397}.Button-module__btn-tertiary___G-7lD.Button-module__btn-cancel___4SwgU{color:#878787}.Button-module__btn-tertiary___G-7lD.Button-module__btn-cancel___4SwgU:hover{color:#727272}.Button-module__btn-tertiary___G-7lD.Button-module__btn-cancel___4SwgU:disabled{color:#ccc}.Button-module__btn-tertiary___G-7lD.Button-module__btn-cancel___4SwgU .Button-module__loading-spinner___T25--,.Button-module__btn-tertiary___G-7lD .Button-module__loading-spinner___T25--{color:#ccc}.Button-module__btn-primary___vwY5K.Button-module__btn-disabled___eg1uH{background:#8dca7e;cursor:not-allowed}.Button-module__btn-primary___vwY5K .Button-module__btn-loading___vAg78{animation:Button-module__loading___QfItr 2s linear infinite}.Button-module__btn-secondary___w3xYM.Button-module__btn-disabled___eg1uH{border:1px solid #8dca7e;color:#8dca7e;background:#fff;cursor:not-allowed}.Button-module__btn-secondary___w3xYM .Button-module__btn-loading___vAg78{animation:Button-module__loading___QfItr 2s linear infinite}.Button-module__btn-tertiary___G-7lD.Button-module__btn-disabled___eg1uH{color:#ccc;cursor:not-allowed}.Button-module__btn-tertiary___G-7lD .Button-module__btn-loading___vAg78{animation:Button-module__loading___QfItr 2s linear infinite}@keyframes Button-module__loading___QfItr{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Button-module__btn-sm___KNlkv{height:24px;padding:0 8px}.Button-module__btn-md___C8vqh{height:32px;padding:0 12px}.Button-module__btn-sm___KNlkv:not(.Button-module__btn-tertiary___G-7lD){min-width:78px}.Button-module__btn-md___C8vqh:not(.Button-module__btn-tertiary___G-7lD){min-width:94px}.Button-module__btn-sm___KNlkv:has(.Button-module__btn-icon___G7m4S:only-child){padding:0;width:24px}.Button-module__btn-md___C8vqh:has(.Button-module__btn-icon___G7m4S:only-child){padding:0;width:32px}.Button-module__btn-sm___KNlkv:has(.Button-module__btn-icon___G7m4S:not(:only-child)){padding:0 8px 0 4px}.Button-module__btn-sm___KNlkv:has(.Button-module__loading-spinner___T25--){padding:0 8px 0 4px}.Button-module__btn-md___C8vqh:has(.Button-module__btn-icon___G7m4S:not(:only-child)){padding:0 12px 0 8px}.Button-module__btn-md___C8vqh:has(.Button-module__loading-spinner___T25--){padding:0 12px 0 8px}.Button-module__btn-md___C8vqh .Button-module__btn-text___3ccH9{font-size:15px;font-weight:500;line-height:20px}.Button-module__btn-sm___KNlkv .Button-module__btn-text___3ccH9{font-size:13px;font-weight:500;line-height:18px}.Button-module__btn-md___C8vqh.Button-module__btn-tertiary___G-7lD .Button-module__btn-text___3ccH9{font-size:13px}.Button-module__btn-sm___KNlkv.Button-module__btn-tertiary___G-7lD .Button-module__btn-text___3ccH9{font-size:12px}.Button-module__btn-tertiary___G-7lD:has(.Button-module__btn-icon___G7m4S:only-child) .Button-module__btn-icon-sm___w7eg9{width:20px;height:20px;font-size:20px}.Button-module__btn-tertiary___G-7lD:has(.Button-module__btn-icon___G7m4S:only-child) .Button-module__btn-icon-md___8Ywy2{width:24px;height:24px;font-size:24px}
|
|
1
|
+
.Button-module__btn___daEdK{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;border:none;text-align:center;font-family:Roboto,sans-serif;font-style:normal;font-weight:500;line-height:100%;cursor:pointer}.Button-module__btn-icon___G7m4S{display:flex;justify-content:center;align-items:center}.Button-module__btn-icon-sm___w7eg9{width:16px;height:16px;font-size:16px}.Button-module__btn-icon-md___8Ywy2{width:20px;height:20px;font-size:20px}.Button-module__btn-primary___vwY5K{border-radius:2px;color:#fff;background:#498e2b;gap:2px}.Button-module__btn-primary___vwY5K:hover{background:#3f7b25}.Button-module__btn-primary___vwY5K:disabled{background:#8dca7e;cursor:not-allowed}.Button-module__btn-primary___vwY5K.Button-module__btn-default___hpiKG{background:#498e2b}.Button-module__btn-primary___vwY5K.Button-module__btn-default___hpiKG:hover{background:#3f7b25}.Button-module__btn-primary___vwY5K.Button-module__btn-default___hpiKG:disabled{background:#8dca7e}.Button-module__btn-primary___vwY5K.Button-module__btn-danger___jTLwb{background:#cb282e}.Button-module__btn-primary___vwY5K.Button-module__btn-danger___jTLwb:hover{background:#ac272c}.Button-module__btn-primary___vwY5K.Button-module__btn-danger___jTLwb:disabled{background:#f99397}.Button-module__btn-primary___vwY5K.Button-module__btn-cancel___4SwgU{background:#878787}.Button-module__btn-primary___vwY5K.Button-module__btn-cancel___4SwgU:hover{background:#727272}.Button-module__btn-primary___vwY5K.Button-module__btn-cancel___4SwgU:disabled{background:#ccc}.Button-module__btn-primary___vwY5K .Button-module__loading-spinner___T25--{color:#fff}.Button-module__btn-secondary___w3xYM{border-radius:2px;border:1px solid #498e2b;background:#fff;gap:2px;color:#498e2b}.Button-module__btn-secondary___w3xYM:hover{border:1px solid #498e2b;color:#fff;background:#3f7b25}.Button-module__btn-secondary___w3xYM:disabled{border:1px solid #8dca7e;color:#8dca7e;background:#fff;cursor:not-allowed}.Button-module__btn-secondary___w3xYM .Button-module__loading-spinner___T25--{color:#8dca7e}.Button-module__btn-secondary___w3xYM.Button-module__btn-danger___jTLwb{border:1px solid #cb282e;color:#cb282e}.Button-module__btn-secondary___w3xYM.Button-module__btn-danger___jTLwb:hover:not(:disabled){border:1px solid #ac272c;color:#fff;background:#ac272c}.Button-module__btn-secondary___w3xYM.Button-module__btn-danger___jTLwb:disabled{border:1px solid #f99397;color:#f99397}.Button-module__btn-secondary___w3xYM.Button-module__btn-danger___jTLwb .Button-module__loading-spinner___T25--{color:#f99397}.Button-module__btn-secondary___w3xYM.Button-module__btn-cancel___4SwgU{border:1px solid #878787;color:#878787}.Button-module__btn-secondary___w3xYM.Button-module__btn-cancel___4SwgU:hover:not(:disabled){border:1px solid #727272;color:#fff;background:#727272}.Button-module__btn-secondary___w3xYM.Button-module__btn-cancel___4SwgU:disabled{border:1px solid #cccccc;color:#ccc}.Button-module__btn-secondary___w3xYM.Button-module__btn-cancel___4SwgU .Button-module__loading-spinner___T25--{color:#ccc}.Button-module__btn-tertiary___G-7lD{gap:2px;color:#4a4a4a;background:none}.Button-module__btn-tertiary___G-7lD:hover{color:#3f7b25}.Button-module__btn-tertiary___G-7lD:disabled{color:#ccc;cursor:not-allowed}.Button-module__btn-tertiary___G-7lD.Button-module__btn-danger___jTLwb{color:#cb282e}.Button-module__btn-tertiary___G-7lD.Button-module__btn-danger___jTLwb:hover{color:#ac272c}.Button-module__btn-tertiary___G-7lD.Button-module__btn-danger___jTLwb:disabled{color:#f99397}.Button-module__btn-tertiary___G-7lD.Button-module__btn-danger___jTLwb .Button-module__loading-spinner___T25--{color:#f99397}.Button-module__btn-tertiary___G-7lD.Button-module__btn-cancel___4SwgU{color:#878787}.Button-module__btn-tertiary___G-7lD.Button-module__btn-cancel___4SwgU:hover{color:#727272}.Button-module__btn-tertiary___G-7lD.Button-module__btn-cancel___4SwgU:disabled{color:#ccc}.Button-module__btn-tertiary___G-7lD.Button-module__btn-cancel___4SwgU .Button-module__loading-spinner___T25--,.Button-module__btn-tertiary___G-7lD .Button-module__loading-spinner___T25--{color:#ccc}.Button-module__btn-primary___vwY5K.Button-module__btn-disabled___eg1uH{background:#8dca7e;cursor:not-allowed}.Button-module__btn-primary___vwY5K .Button-module__btn-loading___vAg78{animation:Button-module__loading___QfItr 2s linear infinite}.Button-module__btn-secondary___w3xYM.Button-module__btn-disabled___eg1uH{border:1px solid #8dca7e;color:#8dca7e;background:#fff;cursor:not-allowed}.Button-module__btn-secondary___w3xYM .Button-module__btn-loading___vAg78{animation:Button-module__loading___QfItr 2s linear infinite}.Button-module__btn-tertiary___G-7lD.Button-module__btn-disabled___eg1uH{color:#ccc;cursor:not-allowed}.Button-module__btn-tertiary___G-7lD .Button-module__btn-loading___vAg78{animation:Button-module__loading___QfItr 2s linear infinite}@keyframes Button-module__loading___QfItr{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Button-module__btn-sm___KNlkv{height:24px;padding:0 8px}.Button-module__btn-md___C8vqh{height:32px;padding:0 12px}.Button-module__btn-sm___KNlkv:not(.Button-module__btn-tertiary___G-7lD):not(:has(.Button-module__btn-icon___G7m4S:only-child)){min-width:78px;box-sizing:border-box}.Button-module__btn-md___C8vqh:not(.Button-module__btn-tertiary___G-7lD):not(:has(.Button-module__btn-icon___G7m4S:only-child)){min-width:94px;box-sizing:border-box}.Button-module__btn-sm___KNlkv:has(.Button-module__btn-icon___G7m4S:only-child){padding:0;width:24px}.Button-module__btn-md___C8vqh:has(.Button-module__btn-icon___G7m4S:only-child){padding:0;width:32px}.Button-module__btn-sm___KNlkv:has(.Button-module__btn-icon___G7m4S:not(:only-child)){padding:0 8px 0 4px}.Button-module__btn-sm___KNlkv:has(.Button-module__loading-spinner___T25--){padding:0 8px 0 4px}.Button-module__btn-md___C8vqh:has(.Button-module__btn-icon___G7m4S:not(:only-child)){padding:0 12px 0 8px}.Button-module__btn-md___C8vqh:has(.Button-module__loading-spinner___T25--){padding:0 12px 0 8px}.Button-module__btn-md___C8vqh .Button-module__btn-text___3ccH9{font-size:15px;font-weight:500;line-height:20px}.Button-module__btn-sm___KNlkv .Button-module__btn-text___3ccH9{font-size:13px;font-weight:500;line-height:18px}.Button-module__btn-md___C8vqh.Button-module__btn-tertiary___G-7lD .Button-module__btn-text___3ccH9{font-size:13px}.Button-module__btn-sm___KNlkv.Button-module__btn-tertiary___G-7lD .Button-module__btn-text___3ccH9{font-size:12px}.Button-module__btn-tertiary___G-7lD:has(.Button-module__btn-icon___G7m4S:only-child) .Button-module__btn-icon-sm___w7eg9{width:20px;height:20px;font-size:20px}.Button-module__btn-tertiary___G-7lD:has(.Button-module__btn-icon___G7m4S:only-child) .Button-module__btn-icon-md___8Ywy2{width:24px;height:24px;font-size:24px}
|
package/dist/assets/Dropdown.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
button{all:unset}.Dropdown-module__dropdownContainer___beNhQ{display:flex;flex-direction:column;gap:4px;width:100%;position:relative}.Dropdown-module__dropdownLabel___T9FmB{font-size:14px;font-weight:500;color:#4a4a4a;line-height:1.2;display:flex;align-items:center;gap:4px;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}.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;flex:1;border-right:solid 1px #cccccc;padding-right:3px}.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;width:16px;height:16px;transition:transform .2s ease}.Dropdown-module__dropdownArrow___dLbrb.Dropdown-module__dropdownArrowOpen___Z4Nh1{transform:rotate(180deg)}.Dropdown-module__dropdownMenu___toYcy{position:absolute;top:calc(100% + 6px);left:0;right:0;background-color:#fff;border:1px solid #cccccc;border-top: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__dropdownMenu___toYcy.Dropdown-module__dropdownMenuRight___n1aDk{left:auto;right:0}.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__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}
|
|
1
|
+
button{all:unset}.Dropdown-module__dropdownContainer___beNhQ{display:flex;flex-direction:column;gap:4px;width:100%;position:relative}.Dropdown-module__dropdownLabel___T9FmB{font-size:14px;font-weight:500;color:#4a4a4a;line-height:1.2;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{position:absolute;top:calc(100% + 6px);left:0;right:0;background-color:#fff;border:1px solid #cccccc;border-top: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__dropdownMenu___toYcy.Dropdown-module__dropdownMenuRight___n1aDk{left:auto;right:0}.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}
|
package/dist/assets/Input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.Input-module__inputContainer___vubIa{display:grid;grid-template-columns:1fr;row-gap:6px}.Input-module__inline___ghC8J{display:grid;grid-template-columns:max-content 1fr;grid-template-rows:auto auto;align-items:center;gap:6px}.Input-module__inline___ghC8J>*:nth-child(1){grid-column:1;grid-row:1}.Input-module__inline___ghC8J>*:nth-child(2){grid-column:2;grid-row:1}.Input-module__inline___ghC8J>*:nth-child(n+3){grid-column:2;grid-row:2}.Input-module__inputWrapper___TYJbS{background:#fff;border:1px solid #cccccc;border-radius:4px;height:32px;display:flex;align-items:center;padding:0 8px;gap:6px}.Input-module__inputWrapper___TYJbS input{background:none;border:none;outline:none;color:#28292c;font-size:14px;font-weight:400;line-height:1;font-family:Roboto,sans-serif}.Input-module__inputWrapper___TYJbS input:disabled{color:#b2b2b2}.Input-module__inputWrapper___TYJbS:focus-within{border-color:#5cb335}.Input-module__inputWrapper___TYJbS.Input-module__errorState___tTZjq{border-color:#bf494e}.Input-module__disabledState___MQEAl .Input-module__label___gmqts{color:#b2b2b2}.Input-module__disabledState___MQEAl .Input-module__icon___qkecR{color:#ccc}.Input-module__disabledState___MQEAl .Input-module__inputWrapper___TYJbS{border-color:#ccc}.Input-module__disabledState___MQEAl .Input-module__helperText___NGV3W{color:#b2b2b2}.Input-module__disabledState___MQEAl .Input-module__helpLink___1n9ck{color:#878787}.Input-module__disabledState___MQEAl .Input-module__required___kHc93{color:#b2b2b2}.Input-module__disabledState___MQEAl .Input-module__label-tooltip-icon___YhCk7{color:#ccc}.Input-module__disabledState___MQEAl *{cursor:not-allowed;pointer-events:none}.Input-module__label___gmqts{color:#4a4a4a;font-size:14px;font-weight:500;line-height:1;display:flex;align-items:center;gap:4px}.Input-module__icon___qkecR{font-size:20px!important;color:#4a4a4a!important}.Input-module__helpers___fqdSd{display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0}.Input-module__helperText___NGV3W{color:#727272;font-size:12px;font-weight:400;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Input-module__errorMessage___R9MPm{color:#bf494e;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Input-module__helpLink___1n9ck{color:#0369a3;font-size:13px;font-weight:500;line-height:1;text-decoration:none;flex-shrink:0;margin-left:auto}.Input-module__helpLink___1n9ck:hover{text-decoration:underline}.Input-module__required___kHc93{color:#cb282e}.Input-module__label-tooltip-icon___YhCk7{color:#4a4a4a;font-size:16px;cursor:pointer}
|
|
1
|
+
.Input-module__inputContainer___vubIa{display:grid;grid-template-columns:1fr;row-gap:6px}.Input-module__inline___ghC8J{display:grid;grid-template-columns:max-content 1fr;grid-template-rows:auto auto;align-items:center;gap:6px}.Input-module__inline___ghC8J>*:nth-child(1){grid-column:1;grid-row:1}.Input-module__inline___ghC8J>*:nth-child(2){grid-column:2;grid-row:1}.Input-module__inline___ghC8J>*:nth-child(n+3){grid-column:2;grid-row:2}.Input-module__inputWrapper___TYJbS{background:#fff;border:1px solid #cccccc;border-radius:4px;height:32px;display:flex;align-items:center;padding:0 8px;gap:6px}.Input-module__inputWrapper___TYJbS input{background:none;border:none;outline:none;color:#28292c;font-size:14px;font-weight:400;line-height:1;font-family:Roboto,sans-serif;flex:1}.Input-module__inputWrapper___TYJbS input:disabled{color:#b2b2b2}.Input-module__inputWrapper___TYJbS:focus-within{border-color:#5cb335}.Input-module__inputWrapper___TYJbS.Input-module__errorState___tTZjq{border-color:#bf494e}.Input-module__disabledState___MQEAl .Input-module__label___gmqts{color:#b2b2b2}.Input-module__disabledState___MQEAl .Input-module__icon___qkecR{color:#ccc}.Input-module__disabledState___MQEAl .Input-module__inputWrapper___TYJbS{border-color:#ccc}.Input-module__disabledState___MQEAl .Input-module__helperText___NGV3W{color:#b2b2b2}.Input-module__disabledState___MQEAl .Input-module__helpLink___1n9ck{color:#878787}.Input-module__disabledState___MQEAl .Input-module__required___kHc93{color:#b2b2b2}.Input-module__disabledState___MQEAl .Input-module__label-tooltip-icon___YhCk7{color:#ccc}.Input-module__disabledState___MQEAl *{cursor:not-allowed;pointer-events:none}.Input-module__label___gmqts{color:#4a4a4a;font-size:14px;font-weight:500;line-height:1;display:flex;align-items:center;gap:4px;min-width:0}.Input-module__label-text___cOWuX{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Input-module__icon___qkecR{font-size:20px!important;color:#4a4a4a!important}.Input-module__helpers___fqdSd{display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0}.Input-module__helperText___NGV3W{color:#727272;font-size:12px;font-weight:400;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Input-module__errorMessage___R9MPm{color:#bf494e;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Input-module__helpLink___1n9ck{color:#0369a3;font-size:13px;font-weight:500;line-height:1;text-decoration:none;flex-shrink:0;margin-left:auto}.Input-module__helpLink___1n9ck:hover{text-decoration:underline}.Input-module__required___kHc93{color:#cb282e}.Input-module__label-tooltip-icon___YhCk7{color:#4a4a4a;font-size:16px;cursor:pointer}
|
package/dist/assets/Textarea.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.Textarea-module__textareaContainer___O6LaY{width:fit-content;display:grid;grid-template-columns:1fr;row-gap:6px}.Textarea-module__textareaWrapper___Jq9MF{width:fit-content;position:relative;display:flex;flex-direction:column;border:1px solid #cccccc;border-radius:4px}textarea{box-sizing:border-box;background:#fff;border:none;border-radius:4px;outline:none;color:#28292c;font-size:14px;font-family:Roboto,sans-serif;padding:6px 12px}
|
|
1
|
+
.Textarea-module__textareaContainer___O6LaY{width:fit-content;display:grid;grid-template-columns:1fr;row-gap:6px}.Textarea-module__textareaWrapper___Jq9MF{width:fit-content;position:relative;display:flex;flex-direction:column;border:1px solid #cccccc;border-radius:4px}textarea{box-sizing:border-box;background:#fff;border:none;border-radius:4px;outline:none;color:#28292c;font-size:14px;font-family:Roboto,sans-serif;padding:6px 12px}.Textarea-module__textareaWrapper___Jq9MF:focus-within{border-color:#5cb335}.Textarea-module__textareaWrapper___Jq9MF.Textarea-module__errorState___VI29O{border-color:#bf494e}.Textarea-module__disabledState___fiMjr .Textarea-module__label___EjFTD,.Textarea-module__disabledState___fiMjr .Textarea-module__required___HEPGF{color:#b2b2b2}.Textarea-module__disabledState___fiMjr .Textarea-module__label-tooltip-icon___Zsj09{color:#ccc}.Textarea-module__disabledState___fiMjr .Textarea-module__textareaWrapper___Jq9MF{border-color:#ccc;background:#fff}.Textarea-module__disabledState___fiMjr textarea,.Textarea-module__disabledState___fiMjr .Textarea-module__counter___-Q123{color:#b2b2b2}.Textarea-module__disabledState___fiMjr *{cursor:not-allowed;pointer-events:none}.Textarea-module__label___EjFTD{color:#4a4a4a;font-size:14px;font-weight:500;display:flex;align-items:center;gap:4px}.Textarea-module__errorMessage___-WILV{color:#bf494e;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Textarea-module__counter___-Q123{padding-right:8px;padding-bottom:4px;padding-top:4px;align-self:flex-end;color:#727272;font-size:12px}.Textarea-module__required___HEPGF{color:#cb282e}.Textarea-module__label-tooltip-icon___Zsj09{color:#4a4a4a;font-size:16px;cursor:pointer}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as t, jsxs as f } from "react/jsx-runtime";
|
|
2
2
|
import { c as P } from "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import * as m from "react";
|
|
4
|
-
import { useState as B, useRef as
|
|
4
|
+
import { useState as B, useRef as j, useEffect as W, useCallback as te } from "react";
|
|
5
5
|
import U from "../Icon/Icon.js";
|
|
6
6
|
import He from "../Toggle/Toggle.js";
|
|
7
7
|
import ne from "../Button/Button.js";
|
|
@@ -12,10 +12,10 @@ import { u as oo, c as to, d as _e, P as me, a as K, g as no } from "../../index
|
|
|
12
12
|
import { c as we, R as ro, A as fe, P as lo, D as so, C as ao, a as co } from "../../index-DieLVN0p.js";
|
|
13
13
|
import { h as io, R as po, u as uo, F as _o } from "../../index-BGZDIjm9.js";
|
|
14
14
|
import { u as mo } from "../../index-2H7slGYV.js";
|
|
15
|
-
import { P as
|
|
16
|
-
import '../../assets/Dropdown.css';var Z = "Popover", [
|
|
15
|
+
import { P as he } from "../../index-DpfPnSMn.js";
|
|
16
|
+
import '../../assets/Dropdown.css';var Z = "Popover", [ve, Wt] = to(Z, [
|
|
17
17
|
we
|
|
18
|
-
]), X = we(), [wo, T] =
|
|
18
|
+
]), X = we(), [wo, T] = ve(Z), be = (n) => {
|
|
19
19
|
const {
|
|
20
20
|
__scopePopover: p,
|
|
21
21
|
children: c,
|
|
@@ -23,7 +23,7 @@ import '../../assets/Dropdown.css';var Z = "Popover", [he, Vt] = to(Z, [
|
|
|
23
23
|
defaultOpen: a,
|
|
24
24
|
onOpenChange: r,
|
|
25
25
|
modal: _ = !1
|
|
26
|
-
} = n, u = X(p), A = m.useRef(null), [
|
|
26
|
+
} = n, u = X(p), A = m.useRef(null), [v, x] = m.useState(!1), [S, R] = oo({
|
|
27
27
|
prop: s,
|
|
28
28
|
defaultProp: a ?? !1,
|
|
29
29
|
onChange: r,
|
|
@@ -38,7 +38,7 @@ import '../../assets/Dropdown.css';var Z = "Popover", [he, Vt] = to(Z, [
|
|
|
38
38
|
open: S,
|
|
39
39
|
onOpenChange: R,
|
|
40
40
|
onOpenToggle: m.useCallback(() => R((i) => !i), [R]),
|
|
41
|
-
hasCustomAnchor:
|
|
41
|
+
hasCustomAnchor: v,
|
|
42
42
|
onCustomAnchorAdd: m.useCallback(() => x(!0), []),
|
|
43
43
|
onCustomAnchorRemove: m.useCallback(() => x(!1), []),
|
|
44
44
|
modal: _,
|
|
@@ -73,27 +73,27 @@ var Ce = "PopoverTrigger", Ie = m.forwardRef(
|
|
|
73
73
|
}
|
|
74
74
|
);
|
|
75
75
|
Ie.displayName = Ce;
|
|
76
|
-
var re = "PopoverPortal", [fo,
|
|
76
|
+
var re = "PopoverPortal", [fo, ho] = ve(re, {
|
|
77
77
|
forceMount: void 0
|
|
78
78
|
}), Ne = (n) => {
|
|
79
79
|
const { __scopePopover: p, forceMount: c, children: s, container: a } = n, r = T(re, p);
|
|
80
|
-
return /* @__PURE__ */ t(fo, { scope: p, forceMount: c, children: /* @__PURE__ */ t(
|
|
80
|
+
return /* @__PURE__ */ t(fo, { scope: p, forceMount: c, children: /* @__PURE__ */ t(he, { present: c || r.open, children: /* @__PURE__ */ t(lo, { asChild: !0, container: a, children: s }) }) });
|
|
81
81
|
};
|
|
82
82
|
Ne.displayName = re;
|
|
83
|
-
var
|
|
83
|
+
var q = "PopoverContent", Oe = m.forwardRef(
|
|
84
84
|
(n, p) => {
|
|
85
|
-
const c =
|
|
86
|
-
return /* @__PURE__ */ t(
|
|
85
|
+
const c = ho(q, n.__scopePopover), { forceMount: s = c.forceMount, ...a } = n, r = T(q, n.__scopePopover);
|
|
86
|
+
return /* @__PURE__ */ t(he, { present: s || r.open, children: r.modal ? /* @__PURE__ */ t(bo, { ...a, ref: p }) : /* @__PURE__ */ t(go, { ...a, ref: p }) });
|
|
87
87
|
}
|
|
88
88
|
);
|
|
89
|
-
Oe.displayName =
|
|
90
|
-
var
|
|
89
|
+
Oe.displayName = q;
|
|
90
|
+
var vo = no("PopoverContent.RemoveScroll"), bo = m.forwardRef(
|
|
91
91
|
(n, p) => {
|
|
92
|
-
const c = T(
|
|
92
|
+
const c = T(q, n.__scopePopover), s = m.useRef(null), a = _e(p, s), r = m.useRef(!1);
|
|
93
93
|
return m.useEffect(() => {
|
|
94
94
|
const _ = s.current;
|
|
95
95
|
if (_) return io(_);
|
|
96
|
-
}, []), /* @__PURE__ */ t(po, { as:
|
|
96
|
+
}, []), /* @__PURE__ */ t(po, { as: vo, allowPinchZoom: !0, children: /* @__PURE__ */ t(
|
|
97
97
|
Pe,
|
|
98
98
|
{
|
|
99
99
|
...n,
|
|
@@ -107,8 +107,8 @@ var ho = no("PopoverContent.RemoveScroll"), bo = m.forwardRef(
|
|
|
107
107
|
onPointerDownOutside: K(
|
|
108
108
|
n.onPointerDownOutside,
|
|
109
109
|
(_) => {
|
|
110
|
-
const u = _.detail.originalEvent, A = u.button === 0 && u.ctrlKey === !0,
|
|
111
|
-
r.current =
|
|
110
|
+
const u = _.detail.originalEvent, A = u.button === 0 && u.ctrlKey === !0, v = u.button === 2 || A;
|
|
111
|
+
r.current = v;
|
|
112
112
|
},
|
|
113
113
|
{ checkForDefaultPrevented: !1 }
|
|
114
114
|
),
|
|
@@ -122,7 +122,7 @@ var ho = no("PopoverContent.RemoveScroll"), bo = m.forwardRef(
|
|
|
122
122
|
}
|
|
123
123
|
), go = m.forwardRef(
|
|
124
124
|
(n, p) => {
|
|
125
|
-
const c = T(
|
|
125
|
+
const c = T(q, n.__scopePopover), s = m.useRef(!1), a = m.useRef(!1);
|
|
126
126
|
return /* @__PURE__ */ t(
|
|
127
127
|
Pe,
|
|
128
128
|
{
|
|
@@ -135,10 +135,10 @@ var ho = no("PopoverContent.RemoveScroll"), bo = m.forwardRef(
|
|
|
135
135
|
(_ = n.onCloseAutoFocus) == null || _.call(n, r), r.defaultPrevented || (s.current || (u = c.triggerRef.current) == null || u.focus(), r.preventDefault()), s.current = !1, a.current = !1;
|
|
136
136
|
},
|
|
137
137
|
onInteractOutside: (r) => {
|
|
138
|
-
var A,
|
|
138
|
+
var A, v;
|
|
139
139
|
(A = n.onInteractOutside) == null || A.call(n, r), r.defaultPrevented || (s.current = !0, r.detail.originalEvent.type === "pointerdown" && (a.current = !0));
|
|
140
140
|
const _ = r.target;
|
|
141
|
-
((
|
|
141
|
+
((v = c.triggerRef.current) == null ? void 0 : v.contains(_)) && r.preventDefault(), r.detail.originalEvent.type === "focusin" && a.current && r.preventDefault();
|
|
142
142
|
}
|
|
143
143
|
}
|
|
144
144
|
);
|
|
@@ -153,10 +153,10 @@ var ho = no("PopoverContent.RemoveScroll"), bo = m.forwardRef(
|
|
|
153
153
|
disableOutsidePointerEvents: _,
|
|
154
154
|
onEscapeKeyDown: u,
|
|
155
155
|
onPointerDownOutside: A,
|
|
156
|
-
onFocusOutside:
|
|
156
|
+
onFocusOutside: v,
|
|
157
157
|
onInteractOutside: x,
|
|
158
158
|
...S
|
|
159
|
-
} = n, R = T(
|
|
159
|
+
} = n, R = T(q, c), i = X(c);
|
|
160
160
|
return uo(), /* @__PURE__ */ t(
|
|
161
161
|
_o,
|
|
162
162
|
{
|
|
@@ -173,7 +173,7 @@ var ho = no("PopoverContent.RemoveScroll"), bo = m.forwardRef(
|
|
|
173
173
|
onInteractOutside: x,
|
|
174
174
|
onEscapeKeyDown: u,
|
|
175
175
|
onPointerDownOutside: A,
|
|
176
|
-
onFocusOutside:
|
|
176
|
+
onFocusOutside: v,
|
|
177
177
|
onDismiss: () => R.onOpenChange(!1),
|
|
178
178
|
children: /* @__PURE__ */ t(
|
|
179
179
|
ao,
|
|
@@ -225,15 +225,16 @@ function Re(n) {
|
|
|
225
225
|
return n ? "open" : "closed";
|
|
226
226
|
}
|
|
227
227
|
var No = be, Oo = De, Po = Ie, Ao = Ne, Ro = Oe;
|
|
228
|
-
const yo = "Dropdown-module__dropdownContainer___beNhQ", Lo = "Dropdown-module__dropdownLabel___T9FmB", ko = "Dropdown-module__dropdownLabelDisabled___SLRmM", xo = "Dropdown-module__required___ChI1m",
|
|
228
|
+
const yo = "Dropdown-module__dropdownContainer___beNhQ", Lo = "Dropdown-module__dropdownLabel___T9FmB", ko = "Dropdown-module__dropdownLabelDisabled___SLRmM", xo = "Dropdown-module__required___ChI1m", Eo = "Dropdown-module__dropdownWrapper___AUuWD", Mo = "Dropdown-module__dropdownTrigger___Rue93", So = "Dropdown-module__dropdownTriggerDisabled___63wkd", Fo = "Dropdown-module__dropdownTriggerOpen___cbm8V", Bo = "Dropdown-module__dropdownTriggerError___Uu02x", To = "Dropdown-module__dropdownContent___zLMhL", Vo = "Dropdown-module__dropdownSelectedItems___iXnpQ", Wo = "Dropdown-module__selectedItemsCreatable___SCjLK", Go = "Dropdown-module__selectedItem___2jO4z", qo = "Dropdown-module__selectedItemLabel___efVI-", zo = "Dropdown-module__removeButton___9r85B", Jo = "Dropdown-module__removeIcon___st3b-", jo = "Dropdown-module__singleSelectedCreatableItem___BKFLb", Uo = "Dropdown-module__singleSelectedCreatableItemRemoveButton___w3XXp", Ko = "Dropdown-module__selectedOptionLabel___7Zdh3", Xo = "Dropdown-module__placeholder___fWdch", Yo = "Dropdown-module__dropdownActions___d55Fa", Zo = "Dropdown-module__dropdownArrow___dLbrb", $o = "Dropdown-module__dropdownArrowOpen___Z4Nh1", Ho = "Dropdown-module__dropdownMenu___toYcy", Qo = "Dropdown-module__dropdownMenuRight___n1aDk", et = "Dropdown-module__dropdownMenuToolbar___gFne0", ot = "Dropdown-module__searchContainer___4kUvD", tt = "Dropdown-module__search___JmgDx", nt = "Dropdown-module__dropdownCreatableSearchContainer___sbs0F", rt = "Dropdown-module__disabled___0FjAX", dt = "Dropdown-module__dropdownCreatableError___gwBGw", lt = "Dropdown-module__creatableInput___meKz6", st = "Dropdown-module__optionsList___rk2hi", at = "Dropdown-module__categoryGroup___Np2bP", ct = "Dropdown-module__categoryDivider___Gh6F0", it = "Dropdown-module__categoryLabel___B9IDR", pt = "Dropdown-module__optionItem___7pi10", ut = "Dropdown-module__optionItemDisabled___aepUD", _t = "Dropdown-module__optionItemFocused___u2781", mt = "Dropdown-module__optionContent___nf1VC", wt = "Dropdown-module__optionLabel___sJerM", ft = "Dropdown-module__tickIcon___hYdCr", ht = "Dropdown-module__noOptions___8vmhM", vt = "Dropdown-module__helpers___s4ulA", bt = "Dropdown-module__helpText___YooJE", gt = "Dropdown-module__helpTextDisabled___Ct4qq", Dt = "Dropdown-module__helpLink___-Zwpq", Ct = "Dropdown-module__helpLinkDisabled___r-opC", It = "Dropdown-module__errorMessage___3Mopi", Nt = "Dropdown-module__selectAllContainer___Dlk3J", Ot = "Dropdown-module__actionButtons___-2nvr", o = {
|
|
229
229
|
dropdownContainer: yo,
|
|
230
230
|
dropdownLabel: Lo,
|
|
231
|
+
"label-text": "Dropdown-module__label-text___VEqG-",
|
|
231
232
|
dropdownLabelDisabled: ko,
|
|
232
233
|
"label-tooltip-icon": "Dropdown-module__label-tooltip-icon___JYVOm",
|
|
233
234
|
required: xo,
|
|
234
|
-
dropdownWrapper:
|
|
235
|
+
dropdownWrapper: Eo,
|
|
235
236
|
"dropdown-menu-trigger": "Dropdown-module__dropdown-menu-trigger___fgqVT",
|
|
236
|
-
dropdownTrigger:
|
|
237
|
+
dropdownTrigger: Mo,
|
|
237
238
|
dropdownTriggerDisabled: So,
|
|
238
239
|
dropdownTriggerOpen: Fo,
|
|
239
240
|
dropdownTriggerError: Bo,
|
|
@@ -241,10 +242,10 @@ const yo = "Dropdown-module__dropdownContainer___beNhQ", Lo = "Dropdown-module__
|
|
|
241
242
|
dropdownSelectedItems: Vo,
|
|
242
243
|
selectedItemsCreatable: Wo,
|
|
243
244
|
selectedItem: Go,
|
|
244
|
-
selectedItemLabel:
|
|
245
|
-
removeButton:
|
|
246
|
-
removeIcon:
|
|
247
|
-
singleSelectedCreatableItem:
|
|
245
|
+
selectedItemLabel: qo,
|
|
246
|
+
removeButton: zo,
|
|
247
|
+
removeIcon: Jo,
|
|
248
|
+
singleSelectedCreatableItem: jo,
|
|
248
249
|
singleSelectedCreatableItemRemoveButton: Uo,
|
|
249
250
|
selectedOptionLabel: Ko,
|
|
250
251
|
placeholder: Xo,
|
|
@@ -257,31 +258,32 @@ const yo = "Dropdown-module__dropdownContainer___beNhQ", Lo = "Dropdown-module__
|
|
|
257
258
|
"dropdown-container-multi-select": "Dropdown-module__dropdown-container-multi-select___zdaum",
|
|
258
259
|
dropdownMenuToolbar: et,
|
|
259
260
|
searchContainer: ot,
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
261
|
+
search: tt,
|
|
262
|
+
dropdownCreatableSearchContainer: nt,
|
|
263
|
+
disabled: rt,
|
|
264
|
+
dropdownCreatableError: dt,
|
|
265
|
+
creatableInput: lt,
|
|
266
|
+
optionsList: st,
|
|
267
|
+
categoryGroup: at,
|
|
268
|
+
categoryDivider: ct,
|
|
269
|
+
categoryLabel: it,
|
|
270
|
+
optionItem: pt,
|
|
271
|
+
optionItemDisabled: ut,
|
|
272
|
+
optionItemFocused: _t,
|
|
273
|
+
optionContent: mt,
|
|
274
|
+
optionLabel: wt,
|
|
275
|
+
tickIcon: ft,
|
|
276
|
+
noOptions: ht,
|
|
275
277
|
helpers: vt,
|
|
276
|
-
helpText:
|
|
277
|
-
helpTextDisabled:
|
|
278
|
-
helpLink:
|
|
279
|
-
helpLinkDisabled:
|
|
280
|
-
errorMessage:
|
|
281
|
-
selectAllContainer:
|
|
282
|
-
actionButtons:
|
|
278
|
+
helpText: bt,
|
|
279
|
+
helpTextDisabled: gt,
|
|
280
|
+
helpLink: Dt,
|
|
281
|
+
helpLinkDisabled: Ct,
|
|
282
|
+
errorMessage: It,
|
|
283
|
+
selectAllContainer: Nt,
|
|
284
|
+
actionButtons: Ot
|
|
283
285
|
};
|
|
284
|
-
function
|
|
286
|
+
function Gt({
|
|
285
287
|
className: n,
|
|
286
288
|
label: p,
|
|
287
289
|
options: c,
|
|
@@ -291,12 +293,12 @@ function Wt({
|
|
|
291
293
|
required: _ = !1,
|
|
292
294
|
searchable: u = !1,
|
|
293
295
|
searchPlaceholder: A = "Search options...",
|
|
294
|
-
errorMessage:
|
|
296
|
+
errorMessage: v,
|
|
295
297
|
helpText: x,
|
|
296
298
|
helpLink: S,
|
|
297
299
|
helpLinkText: R,
|
|
298
300
|
onChange: i,
|
|
299
|
-
onSearch:
|
|
301
|
+
onSearch: E,
|
|
300
302
|
multiSelect: b = !1,
|
|
301
303
|
grouped: ye = !1,
|
|
302
304
|
align: Le = "left",
|
|
@@ -304,13 +306,13 @@ function Wt({
|
|
|
304
306
|
toggleLabel: ke,
|
|
305
307
|
isCreatable: g = !1,
|
|
306
308
|
dropdownTriggerClassName: xe,
|
|
307
|
-
dropdownMenuClassName:
|
|
308
|
-
hideSelectedItems:
|
|
309
|
+
dropdownMenuClassName: Ee,
|
|
310
|
+
hideSelectedItems: Me = !1,
|
|
309
311
|
labelTooltip: V,
|
|
310
312
|
isTagsFields: D = !1,
|
|
311
313
|
...$
|
|
312
314
|
}) {
|
|
313
|
-
const [w, F] = B(s), [O, y] = B(!1), [L, N] = B(""), [
|
|
315
|
+
const [w, F] = B(s), [O, y] = B(!1), [L, N] = B(""), [z, h] = B(-1), [M, k] = B([]), Se = j(null), de = j(null), le = j(null), J = j(null), [se, Fe] = B(0), [Be, Te] = B(0), [Ve, We] = B(s.length > 0 ? s.join(", ") : a ?? ""), ae = j(s);
|
|
314
316
|
W(() => {
|
|
315
317
|
JSON.stringify(ae.current) !== JSON.stringify(s) && (F(s), ae.current = s);
|
|
316
318
|
}, [s]), W(() => {
|
|
@@ -328,27 +330,27 @@ function Wt({
|
|
|
328
330
|
W(() => {
|
|
329
331
|
We(s.length > 0 ? s.join(", ") : a ?? "");
|
|
330
332
|
}, [s, a]), W(() => {
|
|
331
|
-
O && (u || g || D) &&
|
|
333
|
+
O && (u || g || D) && J.current && J.current.focus();
|
|
332
334
|
}, [O, u, g, D]);
|
|
333
335
|
const Ge = (e) => {
|
|
334
|
-
y(e), e ? (k([...w]), N(""),
|
|
336
|
+
y(e), e ? (k([...w]), N(""), h(-1)) : (N(""), h(-1), k([]));
|
|
335
337
|
}, H = te((e) => {
|
|
336
338
|
if (e.disabled) return;
|
|
337
339
|
let d = [];
|
|
338
340
|
if (b)
|
|
339
|
-
d =
|
|
341
|
+
d = M.includes(e.value) ? M.filter((l) => l !== e.value) : [...M, e.value];
|
|
340
342
|
else {
|
|
341
|
-
w.includes(e.value) ? d = [] : d = [e.value], F(d), i == null || i(d), y(!1), N(""),
|
|
343
|
+
w.includes(e.value) ? d = [] : d = [e.value], F(d), i == null || i(d), y(!1), N(""), h(-1), k([]);
|
|
342
344
|
return;
|
|
343
345
|
}
|
|
344
346
|
k(d);
|
|
345
|
-
}, [b, i,
|
|
346
|
-
F(
|
|
347
|
-
},
|
|
348
|
-
y(!1), N(""),
|
|
349
|
-
},
|
|
350
|
-
N(e),
|
|
351
|
-
},
|
|
347
|
+
}, [b, i, M, w]), qe = () => {
|
|
348
|
+
F(M), i == null || i(M), y(!1), N(""), h(-1), k([]);
|
|
349
|
+
}, ze = () => {
|
|
350
|
+
y(!1), N(""), h(-1), k([]);
|
|
351
|
+
}, Je = (e) => {
|
|
352
|
+
N(e), h(-1), E == null || E(e);
|
|
353
|
+
}, je = te((e) => {
|
|
352
354
|
const d = {
|
|
353
355
|
value: e,
|
|
354
356
|
label: e,
|
|
@@ -356,24 +358,24 @@ function Wt({
|
|
|
356
358
|
};
|
|
357
359
|
if (c.push(d), b) {
|
|
358
360
|
const G = w.includes(e) ? w : [...w, e];
|
|
359
|
-
F(G), i == null || i(G), N(""), y(!0),
|
|
361
|
+
F(G), i == null || i(G), N(""), y(!0), h(-1);
|
|
360
362
|
} else {
|
|
361
363
|
const l = [e];
|
|
362
|
-
F(l), i == null || i(l), N(""), y(!1),
|
|
364
|
+
F(l), i == null || i(l), N(""), y(!1), h(-1);
|
|
363
365
|
}
|
|
364
366
|
}, [b, i, c, w]), Q = te((e) => {
|
|
365
367
|
if (!e.disabled)
|
|
366
368
|
if (b) {
|
|
367
369
|
const l = w.includes(e.value) ? w.filter((G) => G !== e.value) : [...w, e.value];
|
|
368
|
-
F(l), i == null || i(l), y(!0), N(""),
|
|
370
|
+
F(l), i == null || i(l), y(!0), N(""), h(-1);
|
|
369
371
|
} else {
|
|
370
372
|
const d = w.includes(e.value) ? [] : [e.value];
|
|
371
|
-
F(d), i == null || i(d), y(!1), N(""),
|
|
373
|
+
F(d), i == null || i(d), y(!1), N(""), h(-1);
|
|
372
374
|
}
|
|
373
375
|
}, [b, i, w]), Ue = (e) => {
|
|
374
|
-
y(!0), N(e),
|
|
376
|
+
y(!0), N(e), h(-1), E == null || E(e);
|
|
375
377
|
}, ce = (e) => {
|
|
376
|
-
y(!0), N(e),
|
|
378
|
+
y(!0), N(e), h(-1), E == null || E(e);
|
|
377
379
|
}, Ke = (e) => {
|
|
378
380
|
Y == null || Y(e);
|
|
379
381
|
}, ie = (e) => {
|
|
@@ -385,37 +387,37 @@ function Wt({
|
|
|
385
387
|
if (O)
|
|
386
388
|
switch (d.key) {
|
|
387
389
|
case "ArrowDown":
|
|
388
|
-
d.preventDefault(),
|
|
390
|
+
d.preventDefault(), h((l) => l < C.length - 1 ? l + 1 : 0);
|
|
389
391
|
break;
|
|
390
392
|
case "ArrowUp":
|
|
391
|
-
d.preventDefault(),
|
|
393
|
+
d.preventDefault(), h((l) => l > 0 ? l - 1 : C.length - 1);
|
|
392
394
|
break;
|
|
393
395
|
case "Enter":
|
|
394
|
-
if (d.preventDefault(),
|
|
395
|
-
const l = C[
|
|
396
|
+
if (d.preventDefault(), z >= 0 && z < C.length) {
|
|
397
|
+
const l = C[z];
|
|
396
398
|
g || D ? Q(l) : H(l);
|
|
397
399
|
}
|
|
398
400
|
break;
|
|
399
401
|
case "Escape":
|
|
400
|
-
d.preventDefault(), y(!1), N(""),
|
|
402
|
+
d.preventDefault(), y(!1), N(""), h(-1), k([]);
|
|
401
403
|
break;
|
|
402
404
|
}
|
|
403
405
|
};
|
|
404
406
|
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
405
|
-
}, [O,
|
|
406
|
-
const ee = g || D ? w : O ?
|
|
407
|
+
}, [O, z, C, g, D, Q, H]);
|
|
408
|
+
const ee = g || D ? w : O ? M : w, I = c.filter((e) => ee.includes(e.value)), pe = !!v, Xe = JSON.stringify(M) !== JSON.stringify(w), Ye = C.reduce((e, d) => {
|
|
407
409
|
const l = d.category || "default";
|
|
408
410
|
return e[l] || (e[l] = []), e[l].push(d), e;
|
|
409
411
|
}, {}), Ze = C;
|
|
410
412
|
return /* @__PURE__ */ f("div", { ref: Se, className: P(o.dropdownContainer, ye && o["dropdown-container-grouped"], b && o["dropdown-container-multi-select"], n), ...$, children: [
|
|
411
|
-
p && /* @__PURE__ */ f("label", { className: P(o.dropdownLabel, r && o.dropdownLabelDisabled),
|
|
412
|
-
p,
|
|
413
|
+
p && /* @__PURE__ */ f("label", { className: P(o.dropdownLabel, r && o.dropdownLabelDisabled), children: [
|
|
414
|
+
/* @__PURE__ */ t("span", { title: p, className: o["label-text"], children: p }),
|
|
413
415
|
_ && /* @__PURE__ */ t("span", { className: o.required, children: "*" }),
|
|
414
416
|
V && /* @__PURE__ */ t(eo, { content: V.content, size: V.size, theme: V.theme, tipSide: V.tipSide, tipAlignment: V.tipAlignment, startVisible: V.startVisible, children: /* @__PURE__ */ t(U, { icon: "ap-icon-info", className: o["label-tooltip-icon"] }) })
|
|
415
417
|
] }),
|
|
416
418
|
/* @__PURE__ */ t(No, { open: O, onOpenChange: Ge, children: /* @__PURE__ */ f("div", { className: o.dropdownWrapper, children: [
|
|
417
419
|
!g && !D && /* @__PURE__ */ t(Po, { disabled: r, className: P(o["dropdown-menu-trigger"], o.dropdownTrigger, xe, O && o.dropdownTriggerOpen, r && o.dropdownTriggerDisabled, pe && o.dropdownTriggerError), ref: de, ...$, children: /* @__PURE__ */ f("div", { className: o.dropdownContent, children: [
|
|
418
|
-
!
|
|
420
|
+
!Me && /* @__PURE__ */ t("div", { className: o.dropdownSelectedItems, children: I.length > 0 ? b ? I.length === 1 ? I.length + " option selected" : I.length + " options selected" : (
|
|
419
421
|
// For single select, show the selected option label
|
|
420
422
|
/* @__PURE__ */ t("span", { className: o.selectedOptionLabel, children: I[0].label })
|
|
421
423
|
) : /* @__PURE__ */ t("span", { title: Ve, className: o.placeholder, children: a }) }),
|
|
@@ -425,7 +427,7 @@ function Wt({
|
|
|
425
427
|
var e;
|
|
426
428
|
if (!b && I.length > 0)
|
|
427
429
|
return ce("");
|
|
428
|
-
(e =
|
|
430
|
+
(e = J.current) == null || e.focus();
|
|
429
431
|
}, ...$, children: [
|
|
430
432
|
I.length > 0 && /* @__PURE__ */ t("div", { className: P(o.selectedItemsCreatable), children: b ? I.length > 3 ? /* @__PURE__ */ t("div", { className: o.selectedItem, children: /* @__PURE__ */ f("span", { className: o.selectedItemLabel, children: [
|
|
431
433
|
I.length,
|
|
@@ -437,19 +439,19 @@ function Wt({
|
|
|
437
439
|
/* @__PURE__ */ t("span", { className: o.selectedItemLabel, children: I[0].label }),
|
|
438
440
|
/* @__PURE__ */ t(ne, { type: "tertiary", variant: "default", size: "sm", onClick: () => ie(I[0].value), disabled: r, icon: "ap-icon-add-filled", className: o.singleSelectedCreatableItemRemoveButton })
|
|
439
441
|
] }) }),
|
|
440
|
-
(b || !I.length) && /* @__PURE__ */ t("input", { ref:
|
|
442
|
+
(b || !I.length) && /* @__PURE__ */ t("input", { ref: J, placeholder: A, value: L, onChange: (e) => Ue(e.target.value), onFocus: (e) => ce(e.target.value), disabled: r, className: o.creatableInput }),
|
|
441
443
|
/* @__PURE__ */ t("div", { className: o.dropdownActions, children: /* @__PURE__ */ t(U, { icon: "ap-icon-expand-more", className: P(o.dropdownArrow, O && o.dropdownArrowOpen) }) })
|
|
442
444
|
] }) }),
|
|
443
445
|
/* @__PURE__ */ t(Ao, { children: /* @__PURE__ */ t(Ro, { align: "start", sideOffset: 0, style: {
|
|
444
446
|
minWidth: se
|
|
445
447
|
}, onInteractOutside: (e) => {
|
|
446
|
-
e.target ===
|
|
448
|
+
e.target === J.current && e.preventDefault();
|
|
447
449
|
}, children: O && /* @__PURE__ */ f("div", { style: {
|
|
448
450
|
minWidth: g || D ? Be : se
|
|
449
|
-
}, className: P(o.dropdownMenu,
|
|
451
|
+
}, className: P(o.dropdownMenu, Ee, Le === "right" && o.dropdownMenuRight), children: [
|
|
450
452
|
!g && !D && (u || b) && /* @__PURE__ */ f("div", { className: o.dropdownMenuToolbar, children: [
|
|
451
453
|
u && /* @__PURE__ */ f("div", { className: o.searchContainer, children: [
|
|
452
|
-
/* @__PURE__ */ t(Qe, { placeholder: A, value: L, onChange:
|
|
454
|
+
/* @__PURE__ */ t(Qe, { placeholder: A, value: L, onChange: Je, className: o.search }),
|
|
453
455
|
Y && /* @__PURE__ */ t(He, { label: ke, onChange: Ke })
|
|
454
456
|
] }),
|
|
455
457
|
b && !g && !D && /* @__PURE__ */ f("div", { className: o.selectAllContainer, children: [
|
|
@@ -457,7 +459,7 @@ function Wt({
|
|
|
457
459
|
const e = C.filter((d) => !d.disabled).map((d) => d.value);
|
|
458
460
|
k(e);
|
|
459
461
|
}, disabled: C.filter((e) => !e.disabled).length === 0, children: "Select all" }),
|
|
460
|
-
/* @__PURE__ */ t(ue, { variant: "default", noIcon: !0, onClick: () => k([]), disabled:
|
|
462
|
+
/* @__PURE__ */ t(ue, { variant: "default", noIcon: !0, onClick: () => k([]), disabled: M.length === 0, children: "Deselect all" })
|
|
461
463
|
] })
|
|
462
464
|
] }),
|
|
463
465
|
/* @__PURE__ */ f("div", { className: o.optionsList, "data-dropdown-options-list": !0, children: [
|
|
@@ -465,28 +467,28 @@ function Wt({
|
|
|
465
467
|
e !== "default" && /* @__PURE__ */ t("div", { className: o.categoryDivider, children: /* @__PURE__ */ t("span", { className: o.categoryLabel, children: e }) }),
|
|
466
468
|
d.map((l) => {
|
|
467
469
|
const G = Ze.indexOf(l), oe = C.find(($e) => $e.value === l.value);
|
|
468
|
-
return /* @__PURE__ */ t("button", { title: (oe == null ? void 0 : oe.label) || l.label, type: "button", className: P(o.optionItem, ee.includes(l.value) && o.optionItemSelected, l.disabled && o.optionItemDisabled, G ===
|
|
470
|
+
return /* @__PURE__ */ t("button", { title: (oe == null ? void 0 : oe.label) || l.label, type: "button", className: P(o.optionItem, ee.includes(l.value) && o.optionItemSelected, l.disabled && o.optionItemDisabled, G === z && o.optionItemFocused), onClick: () => g || D ? Q(l) : H(l), disabled: l.disabled, "data-dropdown-option-item": !0, children: /* @__PURE__ */ f("div", { className: o.optionContent, children: [
|
|
469
471
|
/* @__PURE__ */ t("span", { className: o.optionLabel, children: l.label }),
|
|
470
472
|
ee.includes(l.value) && /* @__PURE__ */ t(U, { icon: "ap-icon-check", className: o.tickIcon })
|
|
471
473
|
] }) }, l.value);
|
|
472
474
|
})
|
|
473
475
|
] }, e)) : null,
|
|
474
|
-
g && L !== "" && !C.find((e) => e.label === L) && /* @__PURE__ */ t("button", { type: "button", className: P(o.optionItem, o.optionItemCreatable), title: L ? `Create "${L}"` : "Create new option", onClick: () =>
|
|
476
|
+
g && L !== "" && !C.find((e) => e.label === L) && /* @__PURE__ */ t("button", { type: "button", className: P(o.optionItem, o.optionItemCreatable), title: L ? `Create "${L}"` : "Create new option", onClick: () => je(L), children: /* @__PURE__ */ t("div", { className: o.optionContent, children: /* @__PURE__ */ t("span", { className: o.optionLabel, children: L ? `Create "${L}"` : "Create new option" }) }) }),
|
|
475
477
|
C.length === 0 && !g && !D && /* @__PURE__ */ t("div", { className: o.noOptions, children: "No options found" }),
|
|
476
478
|
C.length === 0 && D && /* @__PURE__ */ t("div", { className: o.noOptions, children: "No options found" })
|
|
477
479
|
] }),
|
|
478
480
|
b && !g && !D && /* @__PURE__ */ f("div", { className: o.actionButtons, children: [
|
|
479
|
-
/* @__PURE__ */ t(ne, { type: "primary", variant: "cancel", size: "md", onClick:
|
|
480
|
-
/* @__PURE__ */ t(ne, { type: "primary", variant: "default", size: "md", onClick:
|
|
481
|
+
/* @__PURE__ */ t(ne, { type: "primary", variant: "cancel", size: "md", onClick: ze, children: "Cancel" }),
|
|
482
|
+
/* @__PURE__ */ t(ne, { type: "primary", variant: "default", size: "md", onClick: qe, disabled: !Xe, children: "Apply" })
|
|
481
483
|
] })
|
|
482
484
|
] }) }) })
|
|
483
485
|
] }) }),
|
|
484
|
-
(
|
|
485
|
-
|
|
486
|
+
(v || x || S && R) && /* @__PURE__ */ f("div", { className: o.helpers, children: [
|
|
487
|
+
v ? /* @__PURE__ */ t("span", { title: v, className: o.errorMessage, children: v }) : x && /* @__PURE__ */ t("span", { title: x, className: P(o.helpText, r && o.helpTextDisabled), children: x }),
|
|
486
488
|
S && R && /* @__PURE__ */ t("a", { href: S, className: P(o.helpLink, r && o.helpLinkDisabled), target: "_blank", rel: "noopener noreferrer", children: R })
|
|
487
489
|
] })
|
|
488
490
|
] });
|
|
489
491
|
}
|
|
490
492
|
export {
|
|
491
|
-
|
|
493
|
+
Gt as default
|
|
492
494
|
};
|
|
@@ -18,6 +18,7 @@ type InputProps = {
|
|
|
18
18
|
disabled?: boolean;
|
|
19
19
|
required?: boolean;
|
|
20
20
|
labelTooltip?: InputLabelTooltipProps;
|
|
21
|
+
maxlength?: number;
|
|
21
22
|
autofocus?: boolean;
|
|
22
23
|
onFocus?: (value: string) => void;
|
|
23
24
|
onChange?: (value: string) => void;
|
|
@@ -41,10 +42,11 @@ type InputProps = {
|
|
|
41
42
|
* @param {boolean} [props.disabled] - Whether the input field is disabled
|
|
42
43
|
* @param {boolean} [props.required] - Whether the input field is required (displays asterisk in label)
|
|
43
44
|
* @param {ReactNode} [props.labelTooltip] - Tooltip to display next to the label
|
|
45
|
+
* @param {number} [props.maxlength] - Maximum number of characters allowed in the input field
|
|
44
46
|
* @param {boolean} [props.autofocus] - Whether the input field should receive focus on mount
|
|
45
47
|
* @param {(value: string) => void} [props.onFocus] - Callback fired when the input field receives focus
|
|
46
48
|
* @param {(value: string) => void} [props.onChange] - Callback fired when the input value changes
|
|
47
49
|
* @returns {JSX.Element} The rendered Input component
|
|
48
50
|
*/
|
|
49
|
-
export default function Input({ label, type, value, inline, placeholder, icon, iconPosition, helpText, helpLink, helpLinkText, errorMessage, disabled, required, labelTooltip, autofocus, onChange, onFocus, className, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
51
|
+
export default function Input({ label, type, value, inline, placeholder, icon, iconPosition, helpText, helpLink, helpLinkText, errorMessage, disabled, required, labelTooltip, autofocus, maxlength, onChange, onFocus, className, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
50
52
|
export {};
|
|
@@ -1,70 +1,73 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { c as
|
|
3
|
-
import { useId as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import '../../assets/Input.css';const
|
|
7
|
-
inputContainer:
|
|
8
|
-
inline:
|
|
9
|
-
inputWrapper:
|
|
10
|
-
errorState:
|
|
11
|
-
disabledState:
|
|
12
|
-
label:
|
|
13
|
-
icon:
|
|
14
|
-
helperText:
|
|
15
|
-
helpLink:
|
|
16
|
-
required:
|
|
1
|
+
import { jsxs as c, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { c as k } from "../../clsx-OuTLNxxd.js";
|
|
3
|
+
import { useId as L, useState as W, useEffect as M } from "react";
|
|
4
|
+
import f from "../Icon/Icon.js";
|
|
5
|
+
import R from "../Tooltip/Tooltip.js";
|
|
6
|
+
import '../../assets/Input.css';const Y = "Input-module__inputContainer___vubIa", y = "Input-module__inline___ghC8J", G = "Input-module__inputWrapper___TYJbS", H = "Input-module__errorState___tTZjq", Q = "Input-module__disabledState___MQEAl", X = "Input-module__label___gmqts", Z = "Input-module__icon___qkecR", w = "Input-module__helperText___NGV3W", B = "Input-module__helpLink___1n9ck", D = "Input-module__required___kHc93", F = "Input-module__helpers___fqdSd", K = "Input-module__errorMessage___R9MPm", t = {
|
|
7
|
+
inputContainer: Y,
|
|
8
|
+
inline: y,
|
|
9
|
+
inputWrapper: G,
|
|
10
|
+
errorState: H,
|
|
11
|
+
disabledState: Q,
|
|
12
|
+
label: X,
|
|
13
|
+
icon: Z,
|
|
14
|
+
helperText: w,
|
|
15
|
+
helpLink: B,
|
|
16
|
+
required: D,
|
|
17
17
|
"label-tooltip-icon": "Input-module__label-tooltip-icon___YhCk7",
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
"label-text": "Input-module__label-text___cOWuX",
|
|
19
|
+
helpers: F,
|
|
20
|
+
errorMessage: K
|
|
20
21
|
};
|
|
21
|
-
function
|
|
22
|
-
label:
|
|
23
|
-
type:
|
|
24
|
-
value:
|
|
25
|
-
inline:
|
|
26
|
-
placeholder:
|
|
27
|
-
icon:
|
|
28
|
-
iconPosition:
|
|
29
|
-
helpText:
|
|
30
|
-
helpLink:
|
|
31
|
-
helpLinkText:
|
|
22
|
+
function te({
|
|
23
|
+
label: o,
|
|
24
|
+
type: x,
|
|
25
|
+
value: a,
|
|
26
|
+
inline: v,
|
|
27
|
+
placeholder: p,
|
|
28
|
+
icon: l,
|
|
29
|
+
iconPosition: N,
|
|
30
|
+
helpText: s,
|
|
31
|
+
helpLink: d,
|
|
32
|
+
helpLinkText: S,
|
|
32
33
|
errorMessage: i,
|
|
33
|
-
disabled:
|
|
34
|
-
required:
|
|
35
|
-
labelTooltip:
|
|
36
|
-
autofocus:
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
34
|
+
disabled: _,
|
|
35
|
+
required: b,
|
|
36
|
+
labelTooltip: r,
|
|
37
|
+
autofocus: C,
|
|
38
|
+
maxlength: u,
|
|
39
|
+
onChange: m,
|
|
40
|
+
onFocus: h,
|
|
41
|
+
className: j,
|
|
42
|
+
...A
|
|
41
43
|
}) {
|
|
42
|
-
const
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
44
|
+
const g = L(), I = (e) => u && e && e.length > u ? e.substring(0, u) : e, [O, V] = W(I(a)), [z, q] = W(I(a) ?? "");
|
|
45
|
+
M(() => {
|
|
46
|
+
const e = I(a);
|
|
47
|
+
V(e), q(e || (p ?? ""));
|
|
48
|
+
}, [a]);
|
|
49
|
+
const E = (e) => {
|
|
50
|
+
_ || (V(e.target.value), q(e.target.value ? e.target.value : p ?? ""), m == null || m(e.target.value));
|
|
51
|
+
}, J = (e) => {
|
|
52
|
+
_ || h == null || h(e.target.value);
|
|
50
53
|
};
|
|
51
|
-
return /* @__PURE__ */
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
54
|
+
return /* @__PURE__ */ c("div", { className: k(t.inputContainer, _ && t.disabledState, v && t.inline, j), children: [
|
|
55
|
+
o && /* @__PURE__ */ c("label", { htmlFor: g, className: t.label, children: [
|
|
56
|
+
/* @__PURE__ */ n("span", { title: o, className: t["label-text"], children: o }),
|
|
57
|
+
b && /* @__PURE__ */ n("span", { "aria-hidden": "true", className: t.required, children: "*" }),
|
|
58
|
+
r && /* @__PURE__ */ n(R, { content: r.content, size: r.size, theme: r.theme, tipSide: r.tipSide, tipAlignment: r.tipAlignment, startVisible: r.startVisible, children: /* @__PURE__ */ n(f, { icon: "ap-icon-info", className: t["label-tooltip-icon"] }) })
|
|
56
59
|
] }),
|
|
57
|
-
/* @__PURE__ */
|
|
58
|
-
|
|
59
|
-
/* @__PURE__ */
|
|
60
|
-
|
|
60
|
+
/* @__PURE__ */ c("div", { className: k(t.inputWrapper, i && t.errorState), children: [
|
|
61
|
+
N === "left" && l && /* @__PURE__ */ n(f, { icon: l, className: t.icon }),
|
|
62
|
+
/* @__PURE__ */ n("input", { required: b, id: g, type: x, value: O, placeholder: p, disabled: _, title: z, autoFocus: C, onChange: E, onFocus: J, maxLength: u, ...A }),
|
|
63
|
+
N === "right" && l && /* @__PURE__ */ n(f, { icon: l, className: t.icon })
|
|
61
64
|
] }),
|
|
62
|
-
(i ||
|
|
63
|
-
i ? /* @__PURE__ */
|
|
64
|
-
|
|
65
|
+
(i || s || d) && /* @__PURE__ */ c("div", { className: t.helpers, children: [
|
|
66
|
+
i ? /* @__PURE__ */ n("span", { title: i, className: t.errorMessage, children: i }) : s && /* @__PURE__ */ n("span", { title: s, className: t.helperText, children: s }),
|
|
67
|
+
d && S && /* @__PURE__ */ n("a", { href: d, className: t.helpLink, target: "_blank", rel: "noopener noreferrer", children: S })
|
|
65
68
|
] })
|
|
66
69
|
] });
|
|
67
70
|
}
|
|
68
71
|
export {
|
|
69
|
-
|
|
72
|
+
te as default
|
|
70
73
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { TooltipProps } from '../Tooltip/Tooltip';
|
|
3
|
-
import {
|
|
3
|
+
import { InteractiveEventHandlers } from '../../types/native-events';
|
|
4
4
|
export type TextareaLabelTooltipProps = Omit<TooltipProps, 'children'>;
|
|
5
5
|
type TextareaProps = {
|
|
6
6
|
className?: string;
|
|
@@ -18,7 +18,7 @@ type TextareaProps = {
|
|
|
18
18
|
onChange?: (value: string) => void;
|
|
19
19
|
fullWidth?: boolean;
|
|
20
20
|
labelTooltip?: TextareaLabelTooltipProps;
|
|
21
|
-
} &
|
|
21
|
+
} & InteractiveEventHandlers;
|
|
22
22
|
/**
|
|
23
23
|
* Textarea component for multi-line text input with support for validation, character counting, and accessibility features.
|
|
24
24
|
*
|
package/dist/main.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ export { default as Icon } from './components/Icon/Icon';
|
|
|
4
4
|
export { default as Input, type InputLabelTooltipProps } from './components/Input/Input';
|
|
5
5
|
export { default as Radio } from './components/Radio/Radio.tsx';
|
|
6
6
|
export { default as RadioGroup } from './components/RadioGroup/RadioGroup.tsx';
|
|
7
|
-
export { default as Textarea, type TextareaLabelTooltipProps } from './components/Textarea/Textarea.tsx';
|
|
7
|
+
export { default as Textarea, type TextareaLabelTooltipProps, } from './components/Textarea/Textarea.tsx';
|
|
8
8
|
export { default as Toggle } from './components/Toggle/Toggle.tsx';
|
|
9
9
|
export { default as Banner } from './components/Banner/Banner.tsx';
|
|
10
10
|
export { default as Ghost } from './components/Ghost/Ghost.tsx';
|
|
@@ -12,12 +12,13 @@ export { default as Dropdown, type DropdownOption } from './components/Dropdown/
|
|
|
12
12
|
export { default as Search } from './components/Search/Search.tsx';
|
|
13
13
|
export { default as Toast } from './components/Toast/Toast.tsx';
|
|
14
14
|
export { default as Creatable } from './components/Creatable/Creatable.tsx';
|
|
15
|
-
export { default as SplitButton, type ActionDropdownOption } from './components/SplitButton/SplitButton.tsx';
|
|
15
|
+
export { default as SplitButton, type ActionDropdownOption, } from './components/SplitButton/SplitButton.tsx';
|
|
16
16
|
export { default as DragAndDrop, type UploadFile } from './components/DragAndDrop/DragAndDrop.tsx';
|
|
17
17
|
export { default as Tab } from './components/Tab/Tab.tsx';
|
|
18
18
|
export { default as TabNavigation } from './components/TabNavigation/TabNavigation.tsx';
|
|
19
19
|
export { default as Dialog } from './components/Dialog/Dialog.tsx';
|
|
20
20
|
export { default as TagsFields } from './components/TagsFields/TagsFields.tsx';
|
|
21
|
-
export { default as NavBar, type MenuItem, type Notifications, type UserProfile } from './components/NavBar/NavBar.tsx';
|
|
21
|
+
export { default as NavBar, type MenuItem, type Notifications, type UserProfile, } from './components/NavBar/NavBar.tsx';
|
|
22
22
|
export { default as Tag, type TagColors } from './components/Tag/Tag.tsx';
|
|
23
23
|
export { default as Tooltip, type TooltipProps } from './components/Tooltip/Tooltip.tsx';
|
|
24
|
+
export { default as Spinner } from './components/Spinner/Spinner.tsx';
|
package/dist/main.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as t } from "./components/Button/Button.js";
|
|
2
2
|
import { default as r } from "./components/Checkbox/Checkbox.js";
|
|
3
|
-
import { default as
|
|
3
|
+
import { default as p } from "./components/Icon/Icon.js";
|
|
4
4
|
import { default as d } from "./components/Input/Input.js";
|
|
5
5
|
import { default as u } from "./components/Radio/Radio.js";
|
|
6
6
|
import { default as m } from "./components/RadioGroup/RadioGroup.js";
|
|
@@ -8,10 +8,10 @@ import { default as i } from "./components/Textarea/Textarea.js";
|
|
|
8
8
|
import { default as g } from "./components/Toggle/Toggle.js";
|
|
9
9
|
import { default as B } from "./components/Banner/Banner.js";
|
|
10
10
|
import { default as c } from "./components/Ghost/Ghost.js";
|
|
11
|
-
import { default as
|
|
12
|
-
import { default as
|
|
13
|
-
import { default as
|
|
14
|
-
import { default as
|
|
11
|
+
import { default as S } from "./components/Dropdown/Dropdown.js";
|
|
12
|
+
import { default as C } from "./components/Search/Search.js";
|
|
13
|
+
import { default as I } from "./components/Toast/Toast.js";
|
|
14
|
+
import { default as R } from "./components/Creatable/Creatable.js";
|
|
15
15
|
import { default as w } from "./components/SplitButton/SplitButton.js";
|
|
16
16
|
import { default as F } from "./components/DragAndDrop/DragAndDrop.js";
|
|
17
17
|
import { default as q } from "./components/Tab/Tab.js";
|
|
@@ -21,28 +21,30 @@ import { default as K } from "./components/TagsFields/TagsFields.js";
|
|
|
21
21
|
import { default as M } from "./components/NavBar/NavBar.js";
|
|
22
22
|
import { default as P } from "./components/Tag/Tag.js";
|
|
23
23
|
import { default as U } from "./components/Tooltip/Tooltip.js";
|
|
24
|
+
import { default as W } from "./components/Spinner/Spinner.js";
|
|
24
25
|
import './assets/main.css';export {
|
|
25
26
|
B as Banner,
|
|
26
27
|
t as Button,
|
|
27
28
|
r as Checkbox,
|
|
28
|
-
|
|
29
|
+
R as Creatable,
|
|
29
30
|
H as Dialog,
|
|
30
31
|
F as DragAndDrop,
|
|
31
|
-
|
|
32
|
+
S as Dropdown,
|
|
32
33
|
c as Ghost,
|
|
33
|
-
|
|
34
|
+
p as Icon,
|
|
34
35
|
d as Input,
|
|
35
36
|
M as NavBar,
|
|
36
37
|
u as Radio,
|
|
37
38
|
m as RadioGroup,
|
|
38
|
-
|
|
39
|
+
C as Search,
|
|
40
|
+
W as Spinner,
|
|
39
41
|
w as SplitButton,
|
|
40
42
|
q as Tab,
|
|
41
43
|
z as TabNavigation,
|
|
42
44
|
P as Tag,
|
|
43
45
|
K as TagsFields,
|
|
44
46
|
i as Textarea,
|
|
45
|
-
|
|
47
|
+
I as Toast,
|
|
46
48
|
g as Toggle,
|
|
47
49
|
U as Tooltip
|
|
48
50
|
};
|