@alixpartners/ui-components 2.0.0-beta.5 → 2.0.0-beta.6
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/DragAndDrop.css +1 -0
- package/dist/assets/Dropdown.css +1 -1
- package/dist/assets/SplitButton.css +1 -1
- package/dist/assets/Tab.css +1 -0
- package/dist/assets/TabNavigation.css +1 -0
- package/dist/assets/Tag.css +1 -0
- package/dist/assets/Toast.css +1 -1
- package/dist/assets/Tooltip.css +1 -1
- package/dist/components/DragAndDrop/DragAndDrop.d.ts +34 -0
- package/dist/components/DragAndDrop/DragAndDrop.js +111 -0
- package/dist/components/Dropdown/Dropdown.js +202 -194
- package/dist/components/SplitButton/SplitButton.js +16 -15
- package/dist/components/Tab/Tab.d.ts +26 -0
- package/dist/components/Tab/Tab.js +35 -0
- package/dist/components/TabNavigation/TabNavigation.d.ts +7 -0
- package/dist/components/TabNavigation/TabNavigation.js +13 -0
- package/dist/components/Tag/Tag.d.ts +34 -0
- package/dist/components/Tag/Tag.js +43 -0
- package/dist/components/Tag/Tag.test.d.ts +1 -0
- package/dist/components/Tag/Tag.test.js +44 -0
- package/dist/components/Toast/Toast.js +114 -45
- package/dist/components/Toast/Toast.test.js +33 -33
- package/dist/components/Tooltip/Tooltip.js +53 -52
- package/dist/main.d.ts +3 -0
- package/dist/main.js +28 -22
- package/dist/storybook-docs-page.d.ts +2 -0
- 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: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){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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.DragAndDrop-module__drag-and-drop-container___WHqGh{display:flex;flex-direction:column;gap:12px}.DragAndDrop-module__drag-and-drop-container___WHqGh.DragAndDrop-module__disabled___h47do{cursor:not-allowed}.DragAndDrop-module__drag-and-drop-container___WHqGh.DragAndDrop-module__disabled___h47do label,.DragAndDrop-module__drag-and-drop-container___WHqGh.DragAndDrop-module__disabled___h47do .DragAndDrop-module__required___z3cHB,.DragAndDrop-module__drag-and-drop-container___WHqGh.DragAndDrop-module__disabled___h47do .DragAndDrop-module__drag-and-drop-space-text-message___fL-Ac,.DragAndDrop-module__drag-and-drop-container___WHqGh.DragAndDrop-module__disabled___h47do .DragAndDrop-module__drag-and-drop-space-text-constraints___YrL7J{color:#b2b2b2}label{display:flex;align-items:center;gap:4px}.DragAndDrop-module__required___z3cHB{color:#cb282e}.DragAndDrop-module__drag-and-drop-space___09a0I{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 48px;border:2px dashed #cccccc;border-radius:4px;gap:12px}.DragAndDrop-module__drag-and-drop-space___09a0I.DragAndDrop-module__active___ZMuEx{background-color:#f1f6f0;border-color:#5cb335}.DragAndDrop-module__drag-and-drop-space-text___-8rqC{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.DragAndDrop-module__drag-and-drop-space-text-message___fL-Ac{color:#4a4a4a;font-weight:500}.DragAndDrop-module__drag-and-drop-space-text-constraints___YrL7J{color:#727272}ul.DragAndDrop-module__drag-and-drop-files-list___7WNCk{display:flex;flex-direction:column;list-style:none;padding-left:0;margin:0}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M{padding-bottom:12px;padding-top:12px}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M:first-child{padding-top:0}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-content___lx7-M{display:flex;align-items:start;gap:8px}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-content-data___qQq7-{display:flex;align-items:center;justify-content:space-between;width:100%}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-icon-container___EDvX4{background-color:#f1f1f1}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-icon___Dx9YE{display:flex;align-items:center;justify-content:center;color:#878787;font-size:20px;height:34px;width:32px}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-text___xPCPA{display:flex;flex-direction:column;gap:3px}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-name___M7OAd{color:#4a4a4a}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-size___aaovj{color:#727272}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-error___yR0DY{display:flex;align-items:center;gap:3px;color:#cb282e}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M .DragAndDrop-module__drag-and-drop-files-list-item-icon-error___17EE-{color:#cb282e;font-size:16px}.DragAndDrop-module__drag-and-drop-files-list-item___vQO6M:not(:last-child){border-bottom:2px solid #cccccc}
|
package/dist/assets/Dropdown.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.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__dropdownLabelDisabled___SLRmM{color:#b2b2b2}.Dropdown-module__required___ChI1m{color:#cb282e;font-weight:600}.Dropdown-module__dropdownWrapper___AUuWD{position:relative;width:100%}.Dropdown-module__dropdownTrigger___Rue93{width:100%;
|
|
1
|
+
.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__dropdownLabelDisabled___SLRmM{color:#b2b2b2}.Dropdown-module__required___ChI1m{color:#cb282e;font-weight:600}.Dropdown-module__dropdownWrapper___AUuWD{position:relative;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}.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}.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}.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;padding-right:8px}.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}.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}.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 +1 @@
|
|
|
1
|
-
.SplitButton-module__split-button-container___Pt3u6{display:flex;align-items:center}.SplitButton-module__split-button-action-trigger___dRgWH{border-radius:2px 0 0 2px;padding-left:12px}.SplitButton-module__split-button-dropdown-trigger___kVFdu{min-width:fit-content;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.SplitButton-module__split-button-container-trigger-single___LHqLO,.SplitButton-module__split-button-container-trigger-split___vMf3J{color:#fff}.SplitButton-module__split-button-container-type-primary___rvgCN .SplitButton-module__split-button-action-trigger___dRgWH{border-right:solid 1px #ffffff}.SplitButton-module__split-button-container-type-primary___rvgCN .SplitButton-module__split-button-dropdown-trigger___kVFdu{background:#498e2b;border:none}.SplitButton-module__split-button-container-type-primary___rvgCN .SplitButton-module__split-button-dropdown-trigger___kVFdu:hover{border:none;background:#3f7b25}.SplitButton-module__split-button-container-type-primary___rvgCN .SplitButton-module__split-button-dropdown-trigger___kVFdu i{color:#fff}.SplitButton-module__split-button-container-type-secondary___bkeij .SplitButton-module__split-button-action-trigger___dRgWH{border-right:solid 1px #498e2b}.SplitButton-module__split-button-container-type-secondary___bkeij .SplitButton-module__split-button-dropdown-trigger___kVFdu{background:#fff;border:solid 1px #498e2b;border-left:none}.SplitButton-module__split-button-container-type-secondary___bkeij .SplitButton-module__split-button-dropdown-trigger___kVFdu:hover{background:#3f7b25;border:solid 1px #498e2b;border-left:none}.SplitButton-module__split-button-container-type-secondary___bkeij .SplitButton-module__split-button-dropdown-trigger___kVFdu:hover i{color:#fff}.SplitButton-module__split-button-container-type-secondary___bkeij .SplitButton-module__split-button-dropdown-trigger___kVFdu:focus{background:#3f7b25;border:solid 1px #498e2b;border-left:none}.SplitButton-module__split-button-container-type-secondary___bkeij .SplitButton-module__split-button-dropdown-trigger___kVFdu:focus i{color:#fff}.SplitButton-module__split-button-container-type-secondary___bkeij .SplitButton-module__split-button-dropdown-trigger___kVFdu i{color:#498e2b}.SplitButton-module__split-button-container-size-md___4nS4s{font-size:inherit}.SplitButton-module__split-button-container-size-md___4nS4s .SplitButton-module__split-button-dropdown-trigger___kVFdu{height:32px}.SplitButton-module__split-button-container-size-sm___amUB4 .SplitButton-module__split-button-dropdown-trigger___kVFdu{height:24px;min-height:24px;padding-left:4px;padding-right:4px}.SplitButton-module__split-button-container-size-sm___amUB4 .SplitButton-module__split-button-dropdown-menu___VM6wC [data-dropdown-option-item]{font-size:13px}
|
|
1
|
+
.SplitButton-module__split-button-container___Pt3u6{display:flex;align-items:center}.SplitButton-module__split-button-action-trigger___dRgWH{border-radius:2px 0 0 2px;padding-left:12px}.SplitButton-module__split-button-dropdown-trigger___kVFdu{min-width:fit-content;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.SplitButton-module__split-button-container-trigger-single___LHqLO,.SplitButton-module__split-button-container-trigger-split___vMf3J{color:#fff}.SplitButton-module__split-button-container-type-primary___rvgCN.SplitButton-module__split-button-container-disabled___EO8ba .SplitButton-module__split-button-dropdown-trigger___kVFdu{background:#8dca7e;pointer-events:none}.SplitButton-module__split-button-container-type-primary___rvgCN .SplitButton-module__split-button-action-trigger___dRgWH{border-right:solid 1px #ffffff}.SplitButton-module__split-button-container-type-primary___rvgCN .SplitButton-module__split-button-dropdown-trigger___kVFdu{background:#498e2b;border:none}.SplitButton-module__split-button-container-type-primary___rvgCN .SplitButton-module__split-button-dropdown-trigger___kVFdu:hover{border:none;background:#3f7b25}.SplitButton-module__split-button-container-type-primary___rvgCN .SplitButton-module__split-button-dropdown-trigger___kVFdu i{color:#fff}.SplitButton-module__split-button-container-type-secondary___bkeij.SplitButton-module__split-button-container-disabled___EO8ba .SplitButton-module__split-button-dropdown-trigger___kVFdu{pointer-events:none;border-color:#8dca7e}.SplitButton-module__split-button-container-type-secondary___bkeij.SplitButton-module__split-button-container-disabled___EO8ba .SplitButton-module__split-button-dropdown-trigger___kVFdu i{color:#8dca7e}.SplitButton-module__split-button-container-type-secondary___bkeij.SplitButton-module__split-button-container-disabled___EO8ba .SplitButton-module__split-button-action-trigger___dRgWH{border-right:solid 1px #8dca7e}.SplitButton-module__split-button-container-type-secondary___bkeij .SplitButton-module__split-button-action-trigger___dRgWH{border-right:solid 1px #498e2b}.SplitButton-module__split-button-container-type-secondary___bkeij .SplitButton-module__split-button-dropdown-trigger___kVFdu{background:#fff;border:solid 1px #498e2b;border-left:none}.SplitButton-module__split-button-container-type-secondary___bkeij .SplitButton-module__split-button-dropdown-trigger___kVFdu:hover{background:#3f7b25;border:solid 1px #498e2b;border-left:none}.SplitButton-module__split-button-container-type-secondary___bkeij .SplitButton-module__split-button-dropdown-trigger___kVFdu:hover i{color:#fff}.SplitButton-module__split-button-container-type-secondary___bkeij .SplitButton-module__split-button-dropdown-trigger___kVFdu:focus{background:#3f7b25;border:solid 1px #498e2b;border-left:none}.SplitButton-module__split-button-container-type-secondary___bkeij .SplitButton-module__split-button-dropdown-trigger___kVFdu:focus i{color:#fff}.SplitButton-module__split-button-container-type-secondary___bkeij .SplitButton-module__split-button-dropdown-trigger___kVFdu i{color:#498e2b}.SplitButton-module__split-button-container-size-md___4nS4s{font-size:inherit}.SplitButton-module__split-button-container-size-md___4nS4s .SplitButton-module__split-button-dropdown-trigger___kVFdu{height:32px}.SplitButton-module__split-button-container-size-sm___amUB4 .SplitButton-module__split-button-dropdown-trigger___kVFdu{height:24px;min-height:24px;padding-left:4px;padding-right:4px}.SplitButton-module__split-button-container-size-sm___amUB4 .SplitButton-module__split-button-dropdown-menu___VM6wC [data-dropdown-option-item]{font-size:13px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.Tab-module__tab___ShyYn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:2px;height:40px;padding-left:22px;padding-right:22px;color:#4a4a4a;border-bottom:solid 2px transparent}.Tab-module__tab___ShyYn:hover{cursor:pointer;border-bottom:solid 2px #b2b2b2;border-color:#b2b2b2}.Tab-module__tab___ShyYn.Tab-module__active___tB2AH{border-bottom:solid 2px #498e2b;border-color:#498e2b;color:#498e2b}.Tab-module__tab___ShyYn.Tab-module__disabled___trlpg{cursor:not-allowed;border:none;color:#b2b2b2}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.TabNavigation-module__tab-navigation___y-Q6p{display:flex;align-items:center;justify-content:center}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.Tag-module__tag___0Cfjz{display:flex;align-items:center;justify-content:center;box-sizing:border-box}.Tag-module__tag-md___JwMcM{gap:4px;height:24px;padding:9px;border-radius:240px}.Tag-module__tag-md___JwMcM .Tag-module__label___aGRya{font-size:13px}.Tag-module__tag-sm___XzenL{gap:2px;height:20px;padding:9px;border-radius:240px}.Tag-module__tag-sm___XzenL .Tag-module__label___aGRya{font-size:12px}.Tag-module__tag___0Cfjz:has(i){padding:5px}.Tag-module__tag___0Cfjz:has(i) i{font-size:12px}.Tag-module__tag-border___HNVCz{border-style:solid;border-width:1px}.Tag-module__tag-borderless___fva4F{border-style:none}.Tag-module__tag-success___77hcn{border-color:#a5d192;background-color:#dff0db;color:#3f7b25}.Tag-module__tag-success___77hcn.Tag-module__tag-solid___B6-dI{background-color:#3f7b25}.Tag-module__tag-success___77hcn.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya,.Tag-module__tag-success___77hcn.Tag-module__tag-solid___B6-dI i{color:#fff}.Tag-module__tag-warning___0QvsH{border-color:#f9d250;background-color:#fec;color:#b86a0f}.Tag-module__tag-warning___0QvsH.Tag-module__tag-solid___B6-dI{background-color:#ce7309}.Tag-module__tag-warning___0QvsH.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya,.Tag-module__tag-warning___0QvsH i{color:#fff}.Tag-module__tag-error___MziYU{border-color:#f1b5b7;background-color:#ffebed;color:#bf494e}.Tag-module__tag-error___MziYU.Tag-module__tag-solid___B6-dI{background-color:#cb282e}.Tag-module__tag-error___MziYU.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya,.Tag-module__tag-error___MziYU i{color:#fff}.Tag-module__tag-gray___o2tVE{border-color:#ccc;background-color:#f1f1f1;color:#4a4a4a}.Tag-module__tag-gray___o2tVE i{color:#727272}.Tag-module__tag-gray___o2tVE.Tag-module__tag-solid___B6-dI{background-color:#878787}.Tag-module__tag-gray___o2tVE.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#fff}.Tag-module__tag-gray___o2tVE.Tag-module__tag-solid___B6-dI i{color:#f1f1f1}.Tag-module__tag-white___gaibD{border-color:#ccc;background-color:#fff;color:#4a4a4a}.Tag-module__tag-white___gaibD.Tag-module__tag-solid___B6-dI{background-color:#f1f1f1}.Tag-module__tag-white___gaibD.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#4a4a4a}.Tag-module__tag-white___gaibD.Tag-module__tag-solid___B6-dI i{color:#878787}.Tag-module__tag-red___z6Mt0{border-color:#f1b5b7;background-color:#ffebed;color:#bf494e}.Tag-module__tag-red___z6Mt0 i{color:#727272}.Tag-module__tag-red___z6Mt0.Tag-module__tag-solid___B6-dI{background-color:#cb282e}.Tag-module__tag-red___z6Mt0.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#fff}.Tag-module__tag-red___z6Mt0.Tag-module__tag-solid___B6-dI i{color:#f1f1f1}.Tag-module__tag-orange___ugnvJ{border-color:#f9d250;background-color:#fec;color:#b86a0f}.Tag-module__tag-orange___ugnvJ i{color:#727272}.Tag-module__tag-orange___ugnvJ.Tag-module__tag-solid___B6-dI{background-color:#ce7309}.Tag-module__tag-orange___ugnvJ.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#fff}.Tag-module__tag-orange___ugnvJ.Tag-module__tag-solid___B6-dI i{color:#f1f1f1}.Tag-module__tag-green___sVT5C{border-color:#a5d192;background-color:#dff0db;color:#3f7b25}.Tag-module__tag-green___sVT5C i{color:#727272}.Tag-module__tag-green___sVT5C.Tag-module__tag-solid___B6-dI{background-color:#3f7b25}.Tag-module__tag-green___sVT5C.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#fff}.Tag-module__tag-green___sVT5C.Tag-module__tag-solid___B6-dI i{color:#f1f1f1}.Tag-module__tag-purple___cxVjH{border-color:#d3adf7;background-color:#f5ecfd;color:#812fc1}.Tag-module__tag-purple___cxVjH i{color:#727272}.Tag-module__tag-purple___cxVjH.Tag-module__tag-solid___B6-dI{background-color:#812fc1}.Tag-module__tag-purple___cxVjH.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#fff}.Tag-module__tag-purple___cxVjH.Tag-module__tag-solid___B6-dI i{color:#f1f1f1}.Tag-module__tag-turquoise___srWRm{border-color:#87e8de;background-color:#d3f8f2;color:#006176}.Tag-module__tag-turquoise___srWRm i{color:#727272}.Tag-module__tag-turquoise___srWRm.Tag-module__tag-solid___B6-dI{background-color:#01a69e}.Tag-module__tag-turquoise___srWRm.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#fff}.Tag-module__tag-turquoise___srWRm.Tag-module__tag-solid___B6-dI i{color:#f1f1f1}.Tag-module__tag-blue___6hIJc{border-color:#9bb5fd;background-color:#e0eaff;color:#024870}.Tag-module__tag-blue___6hIJc i{color:#727272}.Tag-module__tag-blue___6hIJc.Tag-module__tag-solid___B6-dI{background-color:#0369a3}.Tag-module__tag-blue___6hIJc.Tag-module__tag-solid___B6-dI .Tag-module__label___aGRya{color:#fff}.Tag-module__tag-blue___6hIJc.Tag-module__tag-solid___B6-dI i{color:#f1f1f1}
|
package/dist/assets/Toast.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.Toast-module__toast___ngbBR{display:flex;align-items:center;gap:8px;height:44px;background-color:#fff;padding:0 20px;border-radius:240px;position:relative}.Toast-module__toast-success___D6okd{border:solid 2px #498e2b}.Toast-module__toast-success___D6okd .Toast-module__toast-icon___RNPXp{color:#498e2b;width:24px;height:24px;font-size:24px}.Toast-module__toast-success___D6okd .Toast-module__toast-label___8fb-l{color:#498e2b}.Toast-module__toast-warning___vPjpC{border:solid 2px #ce7309}.Toast-module__toast-warning___vPjpC .Toast-module__toast-icon___RNPXp{color:#ce7309;width:24px;height:24px;font-size:24px}.Toast-module__toast-warning___vPjpC .Toast-module__toast-label___8fb-l{color:#ce7309}.Toast-module__toast-error___TPnnP{border:solid 2px #cb282e}.Toast-module__toast-error___TPnnP .Toast-module__toast-icon___RNPXp{color:#cb282e;width:24px;height:24px;font-size:24px}.Toast-module__toast-error___TPnnP .Toast-module__toast-label___8fb-l{color:#cb282e}
|
|
1
|
+
.Toast-module__toast___ngbBR{display:flex;align-items:center;gap:8px;height:44px;background-color:#fff;padding:0 20px;border-radius:240px;position:relative;transition:transform .6s cubic-bezier(.25,.8,.25,1),opacity .3s ease}.Toast-module__slide-from-left___ElPnx.Toast-module__animating___JX8yh{transform:translate(-100%);opacity:0}.Toast-module__slide-from-right___lvqQq.Toast-module__animating___JX8yh{transform:translate(100%);opacity:0}.Toast-module__slide-from-top___2QKJ7.Toast-module__animating___JX8yh{transform:translateY(-100%);opacity:0}.Toast-module__slide-from-bottom___0PzuV.Toast-module__animating___JX8yh{transform:translateY(100%);opacity:0}.Toast-module__fade-in___4rJCE.Toast-module__animating___JX8yh{opacity:0}.Toast-module__toast-success___D6okd{border:solid 2px #498e2b}.Toast-module__toast-success___D6okd .Toast-module__toast-icon___RNPXp{color:#498e2b;width:24px;height:24px;font-size:24px}.Toast-module__toast-success___D6okd .Toast-module__toast-label___8fb-l{color:#498e2b;font-weight:500;font-size:15px}.Toast-module__toast-warning___vPjpC{border:solid 2px #ce7309}.Toast-module__toast-warning___vPjpC .Toast-module__toast-icon___RNPXp{color:#ce7309;width:24px;height:24px;font-size:24px}.Toast-module__toast-warning___vPjpC .Toast-module__toast-label___8fb-l{color:#ce7309;font-weight:500;font-size:15px}.Toast-module__toast-error___TPnnP{border:solid 2px #cb282e}.Toast-module__toast-error___TPnnP .Toast-module__toast-icon___RNPXp{color:#cb282e;width:24px;height:24px;font-size:24px}.Toast-module__toast-error___TPnnP .Toast-module__toast-label___8fb-l{color:#cb282e;font-weight:500;font-size:15px}
|
package/dist/assets/Tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.Tooltip-module__tooltip___LjRUX{display:flex;align-items:
|
|
1
|
+
.Tooltip-module__tooltip___LjRUX{display:flex;align-items:flex-start;justify-content:space-between;border-radius:4px;position:relative;box-shadow:0 0 4px #00000029;max-width:300px;word-wrap:break-word;line-height:1.4;box-sizing:border-box}.Tooltip-module__tooltip-md___v79jI{padding:12px;gap:12px;font-size:14px;max-width:400px;min-width:200px}.Tooltip-module__tooltip-sm___yOh4k{padding:8px;font-size:12px}.Tooltip-module__tooltip-dark___PHEuo{background-color:#4a4a4a;color:#fff}.Tooltip-module__tooltip-dark___PHEuo .Tooltip-module__tooltip-arrow___xtDeb:before{background-color:#4a4a4a}.Tooltip-module__tooltip-dark___PHEuo .Tooltip-module__tooltip-close-button___y7KQF{color:#ccc}.Tooltip-module__tooltip-light___f9BKo{background-color:#fff;color:#4a4a4a;border:1px solid rgba(0,0,0,.1)}.Tooltip-module__tooltip-light___f9BKo .Tooltip-module__tooltip-arrow___xtDeb:before{background-color:#fff}.Tooltip-module__tooltip-light___f9BKo .Tooltip-module__tooltip-close-icon___EceS-{color:#878787}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-top___hqLXn .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:1px 1px 3px #00000029}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-top___hqLXn.Tooltip-module__tooltip-start___abZ45 .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:1px 1px 3px #00000029}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-top___hqLXn.Tooltip-module__tooltip-end___zlqCX .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:1px 1px 3px #00000029}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-bottom___e0WtM .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:-2px -2px 4px #00000029}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-bottom___e0WtM.Tooltip-module__tooltip-start___abZ45 .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:-2px -2px 4px #00000029}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-bottom___e0WtM.Tooltip-module__tooltip-end___zlqCX .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:-2px -2px 4px #00000029}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-left___YJ90G .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:2px -2px 4px #00000029}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-left___YJ90G.Tooltip-module__tooltip-start___abZ45 .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:2px -2px 4px #00000029}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-left___YJ90G.Tooltip-module__tooltip-end___zlqCX .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:2px -2px 4px #00000029}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-right___CKvnv .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:-2px 2px 4px #00000029}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-right___CKvnv.Tooltip-module__tooltip-start___abZ45 .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:-2px 2px 4px #00000029}.Tooltip-module__tooltip-light___f9BKo.Tooltip-module__tooltip-right___CKvnv.Tooltip-module__tooltip-end___zlqCX .Tooltip-module__tooltip-arrow___xtDeb:before{box-shadow:-2px 2px 4px #00000029}.Tooltip-module__tooltip-content___fjJv5{flex:1;text-align:center}.Tooltip-module__closable___MjoEb .Tooltip-module__tooltip-content___fjJv5{text-align:left}.Tooltip-module__tooltip-arrow___xtDeb{position:absolute;width:8px;height:8px;transform:rotate(45deg)}.Tooltip-module__tooltip-arrow___xtDeb:before{content:"";position:absolute;width:100%;height:100%;border-radius:1px}.Tooltip-module__tooltip-top___hqLXn .Tooltip-module__tooltip-arrow___xtDeb{bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg)}.Tooltip-module__tooltip-top___hqLXn.Tooltip-module__tooltip-start___abZ45 .Tooltip-module__tooltip-arrow___xtDeb{left:16px;transform:rotate(45deg)}.Tooltip-module__tooltip-top___hqLXn.Tooltip-module__tooltip-end___zlqCX .Tooltip-module__tooltip-arrow___xtDeb{left:auto;right:16px;transform:rotate(45deg)}.Tooltip-module__tooltip-bottom___e0WtM .Tooltip-module__tooltip-arrow___xtDeb{top:-4px;left:50%;transform:translate(-50%) rotate(45deg)}.Tooltip-module__tooltip-bottom___e0WtM.Tooltip-module__tooltip-start___abZ45 .Tooltip-module__tooltip-arrow___xtDeb{left:16px;transform:rotate(45deg)}.Tooltip-module__tooltip-bottom___e0WtM.Tooltip-module__tooltip-end___zlqCX .Tooltip-module__tooltip-arrow___xtDeb{left:auto;right:16px;transform:rotate(45deg)}.Tooltip-module__tooltip-left___YJ90G .Tooltip-module__tooltip-arrow___xtDeb{right:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}.Tooltip-module__tooltip-left___YJ90G.Tooltip-module__tooltip-start___abZ45 .Tooltip-module__tooltip-arrow___xtDeb{top:16px;transform:rotate(45deg)}.Tooltip-module__tooltip-left___YJ90G.Tooltip-module__tooltip-end___zlqCX .Tooltip-module__tooltip-arrow___xtDeb{top:auto;bottom:16px;transform:rotate(45deg)}.Tooltip-module__tooltip-right___CKvnv .Tooltip-module__tooltip-arrow___xtDeb{left:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}.Tooltip-module__tooltip-right___CKvnv.Tooltip-module__tooltip-start___abZ45 .Tooltip-module__tooltip-arrow___xtDeb{top:16px;transform:rotate(45deg)}.Tooltip-module__tooltip-right___CKvnv.Tooltip-module__tooltip-end___zlqCX .Tooltip-module__tooltip-arrow___xtDeb{top:auto;bottom:16px;transform:rotate(45deg)}.Tooltip-module__tooltip-close-button___y7KQF{display:flex;background:none;border:none;cursor:pointer;padding:0;margin:0;align-items:center}.Tooltip-module__tooltip-close-icon___EceS-{font-size:16px}.Tooltip-module__tooltip-enter___KfwAg{opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .2s ease}.Tooltip-module__tooltip-enter-active___L7FtU{opacity:1;transform:scale(1)}.Tooltip-module__tooltip-exit___RLxZG{opacity:1;transform:scale(1);transition:opacity .15s ease,transform .15s ease}.Tooltip-module__tooltip-exit-active___BsVba{opacity:0;transform:scale(.8)}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { DataAttributes } from '../../types/data-attributes';
|
|
2
|
+
export type FileExtended = {
|
|
3
|
+
file: File;
|
|
4
|
+
error?: string;
|
|
5
|
+
};
|
|
6
|
+
type DragAndDropProps = {
|
|
7
|
+
type?: 'single' | 'multiple';
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
label?: string;
|
|
10
|
+
required?: boolean;
|
|
11
|
+
fileExtensionsAllowed: string[];
|
|
12
|
+
maxSize: number;
|
|
13
|
+
maxFiles?: number;
|
|
14
|
+
onUpload?: (files: FileExtended[]) => void;
|
|
15
|
+
queueFiles?: boolean;
|
|
16
|
+
} & DataAttributes;
|
|
17
|
+
/**
|
|
18
|
+
* DragAndDrop provides a file upload surface that supports browsing files
|
|
19
|
+
* and dragging-and-dropping one or multiple files with client-side validation.
|
|
20
|
+
*
|
|
21
|
+
* @param {object} props - DragAndDrop component props
|
|
22
|
+
* @param {('single'|'multiple')} props.type - Upload mode; when 'single' only one file is accepted
|
|
23
|
+
* @param {boolean} [props.disabled] - Whether the component is disabled
|
|
24
|
+
* @param {string} [props.label] - Optional label displayed above the drop area
|
|
25
|
+
* @param {boolean} [props.required] - Whether the field is required; shows an asterisk
|
|
26
|
+
* @param {string[]} props.fileExtensionsAllowed - Allowed file extensions (e.g. ['pdf','png'])
|
|
27
|
+
* @param {number} props.maxSize - Maximum file size in MB
|
|
28
|
+
* @param {number} [props.maxFiles] - Maximum number of files when type is 'multiple'
|
|
29
|
+
* @param {(files: FileExtended[]) => void} [props.onUpload] - Callback fired with validated files upon selection or drop
|
|
30
|
+
* @param {boolean} [props.queueFiles] - When true, newly selected files are appended to the existing list
|
|
31
|
+
* @returns {JSX.Element} The rendered DragAndDrop component
|
|
32
|
+
*/
|
|
33
|
+
export default function DragAndDrop({ label, type, disabled, required, fileExtensionsAllowed, maxSize, maxFiles, onUpload, queueFiles, ...props }: DragAndDropProps): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export {};
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
import { jsxs as s, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { useId as $, useRef as L, useState as S } from "react";
|
|
3
|
+
import k from "../Button/Button.js";
|
|
4
|
+
import { c as H } from "../../clsx-OuTLNxxd.js";
|
|
5
|
+
import B from "../Icon/Icon.js";
|
|
6
|
+
import '../../assets/DragAndDrop.css';const Q = "DragAndDrop-module__disabled___h47do", W = "DragAndDrop-module__required___z3cHB", G = "DragAndDrop-module__active___ZMuEx", r = {
|
|
7
|
+
"drag-and-drop-container": "DragAndDrop-module__drag-and-drop-container___WHqGh",
|
|
8
|
+
disabled: Q,
|
|
9
|
+
required: W,
|
|
10
|
+
"drag-and-drop-space-text-message": "DragAndDrop-module__drag-and-drop-space-text-message___fL-Ac",
|
|
11
|
+
"drag-and-drop-space-text-constraints": "DragAndDrop-module__drag-and-drop-space-text-constraints___YrL7J",
|
|
12
|
+
"drag-and-drop-space": "DragAndDrop-module__drag-and-drop-space___09a0I",
|
|
13
|
+
active: G,
|
|
14
|
+
"drag-and-drop-space-text": "DragAndDrop-module__drag-and-drop-space-text___-8rqC",
|
|
15
|
+
"drag-and-drop-files-list": "DragAndDrop-module__drag-and-drop-files-list___7WNCk",
|
|
16
|
+
"drag-and-drop-files-list-item": "DragAndDrop-module__drag-and-drop-files-list-item___vQO6M",
|
|
17
|
+
"drag-and-drop-files-list-item-content": "DragAndDrop-module__drag-and-drop-files-list-item-content___lx7-M",
|
|
18
|
+
"drag-and-drop-files-list-item-content-data": "DragAndDrop-module__drag-and-drop-files-list-item-content-data___qQq7-",
|
|
19
|
+
"drag-and-drop-files-list-item-icon-container": "DragAndDrop-module__drag-and-drop-files-list-item-icon-container___EDvX4",
|
|
20
|
+
"drag-and-drop-files-list-item-icon": "DragAndDrop-module__drag-and-drop-files-list-item-icon___Dx9YE",
|
|
21
|
+
"drag-and-drop-files-list-item-text": "DragAndDrop-module__drag-and-drop-files-list-item-text___xPCPA",
|
|
22
|
+
"drag-and-drop-files-list-item-name": "DragAndDrop-module__drag-and-drop-files-list-item-name___M7OAd",
|
|
23
|
+
"drag-and-drop-files-list-item-size": "DragAndDrop-module__drag-and-drop-files-list-item-size___aaovj",
|
|
24
|
+
"drag-and-drop-files-list-item-error": "DragAndDrop-module__drag-and-drop-files-list-item-error___yR0DY",
|
|
25
|
+
"drag-and-drop-files-list-item-icon-error": "DragAndDrop-module__drag-and-drop-files-list-item-icon-error___17EE-"
|
|
26
|
+
};
|
|
27
|
+
function U({
|
|
28
|
+
label: h,
|
|
29
|
+
type: c = "single",
|
|
30
|
+
disabled: _,
|
|
31
|
+
required: F,
|
|
32
|
+
fileExtensionsAllowed: g,
|
|
33
|
+
maxSize: p,
|
|
34
|
+
maxFiles: f,
|
|
35
|
+
onUpload: i,
|
|
36
|
+
queueFiles: v,
|
|
37
|
+
...I
|
|
38
|
+
}) {
|
|
39
|
+
const A = $(), N = L(null), m = L(null), [l, u] = S([]), x = g.join(", "), y = p ? `up to ${p}MB` : "", q = g.map((e) => `.${e.replace(/^\./, "")}`).join(","), w = () => {
|
|
40
|
+
var e;
|
|
41
|
+
_ || (e = N.current) == null || e.click();
|
|
42
|
+
}, z = (e) => {
|
|
43
|
+
const a = p ? p * 1024 * 1024 : Number.POSITIVE_INFINITY, d = new Set(g.map((o) => o.toLowerCase().replace(/^\./, ""))), n = e.map((o) => {
|
|
44
|
+
const b = o.size <= a, C = o.name.toLowerCase(), P = C.includes(".") ? C.split(".").pop() ?? "" : "", Y = d.size === 0 || d.has(P);
|
|
45
|
+
let D;
|
|
46
|
+
return b || (D = `File size is too large. Must be ${y}.`), Y || (D = `The file format is incorrect. Please make sure it is one of the extensions: ${x}.`), {
|
|
47
|
+
file: o,
|
|
48
|
+
error: D
|
|
49
|
+
};
|
|
50
|
+
});
|
|
51
|
+
return c === "single" ? n.slice(0, 1) : f && f > 0 ? n.slice(0, f) : n;
|
|
52
|
+
}, O = (e) => {
|
|
53
|
+
if (!e.target.files) return;
|
|
54
|
+
const a = Array.from(e.target.files), d = z(a);
|
|
55
|
+
u((n) => v ? [...n, ...d] : d), i == null || i(d), e.target.value = "";
|
|
56
|
+
}, T = (e) => {
|
|
57
|
+
const a = l.filter((d) => d.file.name !== e);
|
|
58
|
+
u(a), i == null || i(a);
|
|
59
|
+
}, M = (e) => (e / 1024).toFixed(2) + " KB", j = (e) => {
|
|
60
|
+
var a;
|
|
61
|
+
e.preventDefault(), (a = m.current) == null || a.classList.add(r.active);
|
|
62
|
+
}, E = (e) => {
|
|
63
|
+
var a;
|
|
64
|
+
e.preventDefault(), (a = m.current) == null || a.classList.remove(r.active);
|
|
65
|
+
}, R = (e) => {
|
|
66
|
+
var n;
|
|
67
|
+
e.preventDefault();
|
|
68
|
+
const a = Array.from(e.dataTransfer.files), d = z(a);
|
|
69
|
+
u((o) => v ? [...o, ...d] : d), i == null || i(d), e.dataTransfer.clearData(), (n = m.current) == null || n.classList.remove(r.active);
|
|
70
|
+
};
|
|
71
|
+
return /* @__PURE__ */ s("div", { className: H(r["drag-and-drop-container"], _ && r.disabled), ...I, children: [
|
|
72
|
+
h && /* @__PURE__ */ s("label", { htmlFor: A, children: [
|
|
73
|
+
h,
|
|
74
|
+
F && /* @__PURE__ */ t("span", { "aria-hidden": "true", className: r.required, children: "*" })
|
|
75
|
+
] }),
|
|
76
|
+
/* @__PURE__ */ s("div", { ref: m, className: r["drag-and-drop-space"], onDragOver: j, onDragLeave: E, onDrop: R, children: [
|
|
77
|
+
/* @__PURE__ */ t(k, { type: "secondary", variant: "default", size: "md", disabled: _, onClick: w, children: c === "single" ? "Browse file" : "Browse files" }),
|
|
78
|
+
/* @__PURE__ */ t("input", { id: A, ref: N, type: "file", style: {
|
|
79
|
+
display: "none"
|
|
80
|
+
}, multiple: c === "multiple", accept: q, onChange: O }),
|
|
81
|
+
/* @__PURE__ */ s("div", { className: r["drag-and-drop-space-text"], children: [
|
|
82
|
+
/* @__PURE__ */ t("span", { className: r["drag-and-drop-space-text-message"], children: c === "single" ? "or drag your file" : "or drag multiple files" }),
|
|
83
|
+
/* @__PURE__ */ s("span", { className: r["drag-and-drop-space-text-constraints"], children: [
|
|
84
|
+
" ",
|
|
85
|
+
x,
|
|
86
|
+
" ",
|
|
87
|
+
c === "single" ? "file" : "files",
|
|
88
|
+
" ",
|
|
89
|
+
y
|
|
90
|
+
] })
|
|
91
|
+
] })
|
|
92
|
+
] }),
|
|
93
|
+
(l == null ? void 0 : l.length) > 0 && /* @__PURE__ */ t("ul", { className: r["drag-and-drop-files-list"], children: l == null ? void 0 : l.map((e, a) => /* @__PURE__ */ t("li", { className: r["drag-and-drop-files-list-item"], children: /* @__PURE__ */ s("div", { className: r["drag-and-drop-files-list-item-content"], children: [
|
|
94
|
+
/* @__PURE__ */ t("span", { className: r["drag-and-drop-files-list-item-icon-container"], children: /* @__PURE__ */ t(B, { icon: "ap-icon-document", className: r["drag-and-drop-files-list-item-icon"] }) }),
|
|
95
|
+
/* @__PURE__ */ s("div", { className: r["drag-and-drop-files-list-item-content-data"], children: [
|
|
96
|
+
/* @__PURE__ */ s("div", { className: r["drag-and-drop-files-list-item-text"], children: [
|
|
97
|
+
/* @__PURE__ */ t("span", { className: r["drag-and-drop-files-list-item-name"], children: e.file.name }),
|
|
98
|
+
/* @__PURE__ */ t("span", { className: r["drag-and-drop-files-list-item-size"], children: M(e.file.size) }),
|
|
99
|
+
e.error && /* @__PURE__ */ s("span", { className: r["drag-and-drop-files-list-item-error"], children: [
|
|
100
|
+
/* @__PURE__ */ t(B, { icon: "ap-icon-alert", className: r["drag-and-drop-files-list-item-icon-error"] }),
|
|
101
|
+
e.error
|
|
102
|
+
] })
|
|
103
|
+
] }),
|
|
104
|
+
/* @__PURE__ */ t(k, { type: "tertiary", variant: "default", size: "sm", onClick: () => T(e.file.name), icon: "ap-icon-delete" })
|
|
105
|
+
] })
|
|
106
|
+
] }) }, a)) })
|
|
107
|
+
] });
|
|
108
|
+
}
|
|
109
|
+
export {
|
|
110
|
+
U as default
|
|
111
|
+
};
|