kiban-design-system 1.1.9 → 1.1.10
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/components/FileUpload/FileUpload.d.ts +21 -0
- package/dist/components/FileUpload/FileUpload.props.d.ts +63 -0
- package/dist/components/FileUpload/index.d.ts +3 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/index.cjs.js +301 -73
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.esm.js +301 -74
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
|
|
63
63
|
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */.Empty-state__container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;min-height:18.5rem;text-align:center;width:18.5rem}.Empty-state__image-container{background-color:#f1f7ff;background-position:50%;background-repeat:no-repeat;background-size:auto;border-radius:50%;height:16.25rem;min-height:16.25rem;min-width:16.25rem;width:16.25rem}.Empty-state__title{color:#000;font-size:1.5rem;font-weight:700;line-height:2rem;margin:.75rem 0}.Empty-state__children-container{color:#707684;font-size:1rem;font-weight:500;line-height:1.5rem}.Empty-state__action-container{display:flex;margin-top:1.5rem;width:100%}.Empty-state__action-container[class*=is-center]{justify-content:center}.Empty-state__action-container[class*=is-spaceBetween]{justify-content:space-between}.Empty-state__action-container--tertiary{justify-content:center;margin-top:1.5rem}
|
|
64
64
|
|
|
65
|
-
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */.FileDownloader{align-items:center;background:#fafbfb;border:.06rem solid #dee1e5;border-radius:4px;color:#000;display:flex;font-size:.87rem;font-weight:700;height:2.5rem;justify-content:space-between;line-height:1.5rem;padding:.5rem 1rem;text-decoration:none;width:100%}.FileDownloader button{background-color:transparent;border:none;color:none;cursor:pointer}.FileDownloader--is-disabled{background:.06rem solid #95bdff;border:#f1f7ff;color:#dee1e5}.FileDownloader--is-disabled svg{color:#dee1e5}.FileDownloader--is-disabled button{cursor:auto}
|
|
65
|
+
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */.FileDownloader{align-items:center;background:#fafbfb;border:.06rem solid #dee1e5;border-radius:4px;color:#000;display:flex;font-size:.87rem;font-weight:700;height:2.5rem;justify-content:space-between;line-height:1.5rem;padding:.5rem 1rem;text-decoration:none;width:100%}.FileDownloader button{background-color:transparent;border:none;color:none;cursor:pointer}.FileDownloader--is-disabled{background:.06rem solid #95bdff;border:#f1f7ff;color:#dee1e5}.FileDownloader--is-disabled svg{color:#dee1e5}.FileDownloader--is-disabled button{cursor:auto}.FileUpload{display:flex;flex-direction:column;gap:12px;width:100%}.FileUpload__label{color:#000;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;line-height:24px;margin-bottom:12px}.FileUpload__dropzone{align-items:center;background-color:#fff;border:1px dashed #c2c6cd;border-radius:8px;cursor:pointer;display:flex;height:160px;justify-content:center;position:relative;transition:all .2s ease;width:100%}.FileUpload__dropzone:hover:not(.FileUpload__dropzone--disabled){background-color:#f8f9fa;border-color:#626d7c}.FileUpload__dropzone--dragging{background-color:#f0f0f0;border-color:#000;border-style:solid}.FileUpload__dropzone--disabled{cursor:not-allowed;opacity:.6}.FileUpload__container{align-items:center;display:flex;flex-direction:column;gap:12px}.FileUpload__icon-wrapper{align-items:center;border:1px solid #c2c6cd;border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.FileUpload__icon-wrapper svg{color:#000;height:20px;width:20px}.FileUpload__copy-wrapper{align-items:center;display:flex;flex-direction:column;gap:4px;text-align:center}.FileUpload__copy-title{color:#000;font-weight:700}.FileUpload__copy-subtitle,.FileUpload__copy-title{font-family:Manrope,sans-serif;font-size:14px;line-height:20px}.FileUpload__copy-subtitle{color:#626d7c}.FileUpload__input{height:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:0}.FileUpload__list{display:flex;flex-direction:column;gap:8px}.FileUpload__item{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.FileUpload__item-content{align-items:center;display:flex;flex:1;gap:12px;min-width:0}.FileUpload__item-content svg{color:#626d7c;flex-shrink:0;height:20px;width:20px}.FileUpload__item-info{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.FileUpload__item-name{color:#000;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.FileUpload__item-size{color:#626d7c;font-family:Manrope,sans-serif;font-size:12px}.FileUpload__item-delete{align-items:center;background:transparent;border:none;border-radius:4px;color:#626d7c;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-left:12px;transition:all .2s ease;width:32px}.FileUpload__item-delete:hover{background-color:#e9ecef;color:#000}.FileUpload__item-delete svg{height:16px;width:16px}
|
|
66
66
|
|
|
67
67
|
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */.Label{align-items:center;background-color:#fff;border-radius:1.25rem;border-style:solid;border-width:.06rem;box-sizing:border-box;display:inline-flex;max-width:100%;padding:0 .62rem;position:relative}.Label__text{font-weight:700;line-height:1.5rem;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.Label--is-primary-50{border-color:#f1f7ff;color:#f1f7ff}.Label--is-primary-100{border-color:#e3efff;color:#e3efff}.Label--is-primary-200{border-color:#c7dfff;color:#c7dfff}.Label--is-primary-300{border-color:#95bdff;color:#95bdff}.Label--is-primary-400{border-color:#5b9aff;color:#5b9aff}.Label--is-primary-500{border-color:#336cff;color:#336cff}.Label--is-primary-600{border-color:#0047ff;color:#0047ff}.Label--is-primary-700{border-color:#0028ee;color:#0028ee}.Label--is-primary-800{border-color:#00c;color:#00c}.Label--is-primary-900{border-color:#000c91;color:#000c91}.Label--is-primary-950{border-color:#001757;color:#001757}.Label--is-black{border-color:#000;color:#000}.Label--is-white{border-color:#fff;color:#fff}.Label--is-neutral-light-10{border-color:#fafbfb;color:#fafbfb}.Label--is-neutral-light-20{border-color:#f5f6f7;color:#f5f6f7}.Label--is-neutral-light-30{border-color:#ebedf0;color:#ebedf0}.Label--is-neutral-light-40{border-color:#dee1e5;color:#dee1e5}.Label--is-neutral-light-50{border-color:#c2c6cd;color:#c2c6cd}.Label--is-neutral-light-60{border-color:#b5bac3;color:#b5bac3}.Label--is-neutral-light-70{border-color:#a6acb7;color:#a6acb7}.Label--is-neutral-light-80{border-color:#949aa4;color:#949aa4}.Label--is-neutral-light-90{border-color:#808692;color:#808692}.Label--is-neutral-dark-100{border-color:#707684;color:#707684}.Label--is-neutral-dark-200{border-color:#646d79;color:#646d79}.Label--is-neutral-dark-300{border-color:#565f6c;color:#565f6c}.Label--is-neutral-dark-400{border-color:#485160;color:#485160}.Label--is-neutral-dark-500{border-color:#3c4655;color:#3c4655}.Label--is-neutral-dark-600{border-color:#2f3946;color:#2f3946}.Label--is-neutral-dark-700{border-color:#212b39;color:#212b39}.Label--is-neutral-dark-800{border-color:#181f2e;color:#181f2e}.Label--is-neutral-dark-900{border-color:#0c111d;color:#0c111d}.Label--is-success-50{border-color:#ecfdf5;color:#ecfdf5}.Label--is-success-100{border-color:#d1fae5;color:#d1fae5}.Label--is-success-200{border-color:#a7f3d0;color:#a7f3d0}.Label--is-success-300{border-color:#6ee7b7;color:#6ee7b7}.Label--is-success-400{border-color:#34d399;color:#34d399}.Label--is-success-500{border-color:#10b981;color:#10b981}.Label--is-success-600{border-color:#059669;color:#059669}.Label--is-success-700{border-color:#047857;color:#047857}.Label--is-success-800{border-color:#065f46;color:#065f46}.Label--is-success-900{border-color:#064e3b;color:#064e3b}.Label--is-error-50{border-color:#fef2f2;color:#fef2f2}.Label--is-error-100{border-color:#fee2e2;color:#fee2e2}.Label--is-error-200{border-color:#fecaca;color:#fecaca}.Label--is-error-300{border-color:#fca5a5;color:#fca5a5}.Label--is-error-400{border-color:#f87171;color:#f87171}.Label--is-error-500{border-color:#ef4444;color:#ef4444}.Label--is-error-600{border-color:#dc2626;color:#dc2626}.Label--is-error-700{border-color:#b91c1c;color:#b91c1c}.Label--is-error-800{border-color:#991b1b;color:#991b1b}.Label--is-error-900{border-color:#7f1d1d;color:#7f1d1d}.Label--is-warning-50{border-color:#fffbeb;color:#fffbeb}.Label--is-warning-100{border-color:#fef3c7;color:#fef3c7}.Label--is-warning-200{border-color:#fde68a;color:#fde68a}.Label--is-warning-300{border-color:#fcd34d;color:#fcd34d}.Label--is-warning-400{border-color:#fbbf24;color:#fbbf24}.Label--is-warning-500{border-color:#f59e0b;color:#f59e0b}.Label--is-warning-600{border-color:#d97706;color:#d97706}.Label--is-warning-700{border-color:#b45309;color:#b45309}.Label--is-warning-800{border-color:#92400e;color:#92400e}.Label--is-warning-900{border-color:#78350f;color:#78350f}.Label--is-rainao-50{border-color:#fff4fa;color:#fff4fa}.Label--is-rainao-100{border-color:#ffe0f1;color:#ffe0f1}.Label--is-rainao-200{border-color:#ffc5e4;color:#ffc5e4}.Label--is-rainao-300{border-color:#ff99d0;color:#ff99d0}.Label--is-rainao-400{border-color:#ff66b8;color:#ff66b8}.Label--is-rainao-500{border-color:#ff40a7;color:#ff40a7}.Label--is-rainao-600{border-color:#ef007f;color:#ef007f}.Label--is-rainao-700{border-color:#d9007f;color:#d9007f}.Label--is-rainao-800{border-color:#a90075;color:#a90075}.Label--is-rainao-900{border-color:#8c0055;color:#8c0055}.Label--is-rainao-1000{border-color:#6c0039;color:#6c0039}.Label--is-link-50{border-color:#fff4d9;color:#fff4d9}.Label--is-link-100{border-color:#ffe3b0;color:#ffe3b0}.Label--is-link-200{border-color:#ffd68b;color:#ffd68b}.Label--is-link-300{border-color:#ffce5f;color:#ffce5f}.Label--is-link-400{border-color:#ffc746;color:#ffc746}.Label--is-link-500{border-color:#ffb32b;color:#ffb32b}.Label--is-link-600{border-color:#ff9400;color:#ff9400}.Label--is-link-700{border-color:#ec8900;color:#ec8900}.Label--is-link-800{border-color:#d07900;color:#d07900}.Label--is-link-900{border-color:#a76100;color:#a76100}.Label--is-rekon-50{border-color:#ebfffb;color:#ebfffb}.Label--is-rekon-100{border-color:#d7fff8;color:#d7fff8}.Label--is-rekon-200{border-color:#b9fff2;color:#b9fff2}.Label--is-rekon-300{border-color:#93ffeb;color:#93ffeb}.Label--is-rekon-400{border-color:#65ffe3;color:#65ffe3}.Label--is-rekon-500{border-color:#23ffd7;color:#23ffd7}.Label--is-rekon-600{border-color:#00f2c6;color:#00f2c6}.Label--is-rekon-700{border-color:#00dab2;color:#00dab2}.Label--is-rekon-800{border-color:#00b594;color:#00b594}.Label--is-rekon-900{border-color:#00715c;color:#00715c}.Label--is-workfloo-50{border-color:#f4edfe;color:#f4edfe}.Label--is-workfloo-100{border-color:#e6d8fc;color:#e6d8fc}.Label--is-workfloo-200{border-color:#c8aafa;color:#c8aafa}.Label--is-workfloo-300{border-color:#a471f7;color:#a471f7}.Label--is-workfloo-400{border-color:#9150f6;color:#9150f6}.Label--is-workfloo-500{border-color:#7121f1;color:#7121f1}.Label--is-workfloo-600{border-color:#500de5;color:#500de5}.Label--is-workfloo-700{border-color:#2d02bb;color:#2d02bb}.Label--is-workfloo-800{border-color:#0a058b;color:#0a058b}.Label--is-workfloo-900{border-color:#040265;color:#040265}.Label.is-primary[class*=is--KLIN-50]{border-color:#f1f7ff;color:#f1f7ff}.Label.is-primary[class*=is--KLIN-100]{border-color:#e3efff;color:#e3efff}.Label.is-primary[class*=is--KLIN-200]{border-color:#c7dfff;color:#c7dfff}.Label.is-primary[class*=is--KLIN-300]{border-color:#95bdff;color:#95bdff}.Label.is-primary[class*=is--KLIN-400]{border-color:#5b9aff;color:#5b9aff}.Label.is-primary[class*=is--KLIN-500]{border-color:#336cff;color:#336cff}.Label.is-primary[class*=is--KLIN-600]{border-color:#0047ff;color:#0047ff}.Label.is-primary[class*=is--KLIN-700]{border-color:#0028ee;color:#0028ee}.Label.is-primary[class*=is--KLIN-800]{border-color:#00c;color:#00c}.Label.is-primary[class*=is--KLIN-900]{border-color:#000c91;color:#000c91}.Label.is-primary[class*=is--KLIN-950]{border-color:#001757;color:#001757}.Label.is-primary[class*=is--CLOUD-50]{border-color:#f1f7ff;color:#f1f7ff}.Label.is-primary[class*=is--CLOUD-100]{border-color:#e3efff;color:#e3efff}.Label.is-primary[class*=is--CLOUD-200]{border-color:#c7dfff;color:#c7dfff}.Label.is-primary[class*=is--CLOUD-300]{border-color:#95bdff;color:#95bdff}.Label.is-primary[class*=is--CLOUD-400]{border-color:#5b9aff;color:#5b9aff}.Label.is-primary[class*=is--CLOUD-500]{border-color:#336cff;color:#336cff}.Label.is-primary[class*=is--CLOUD-600]{border-color:#0047ff;color:#0047ff}.Label.is-primary[class*=is--CLOUD-700]{border-color:#0028ee;color:#0028ee}.Label.is-primary[class*=is--CLOUD-800]{border-color:#00c;color:#00c}.Label.is-primary[class*=is--CLOUD-900]{border-color:#000c91;color:#000c91}.Label.is-primary[class*=is--CLOUD-950]{border-color:#001757;color:#001757}.Label.is-primary[class*=is--RAINAO-50]{border-color:#fff4fa;color:#fff4fa}.Label.is-primary[class*=is--RAINAO-100]{border-color:#ffe0f1;color:#ffe0f1}.Label.is-primary[class*=is--RAINAO-200]{border-color:#ffc5e4;color:#ffc5e4}.Label.is-primary[class*=is--RAINAO-300]{border-color:#ff99d0;color:#ff99d0}.Label.is-primary[class*=is--RAINAO-400]{border-color:#ff66b8;color:#ff66b8}.Label.is-primary[class*=is--RAINAO-500]{border-color:#ff40a7;color:#ff40a7}.Label.is-primary[class*=is--RAINAO-600]{border-color:#ef007f;color:#ef007f}.Label.is-primary[class*=is--RAINAO-700]{border-color:#d9007f;color:#d9007f}.Label.is-primary[class*=is--RAINAO-800]{border-color:#a90075;color:#a90075}.Label.is-primary[class*=is--RAINAO-900]{border-color:#8c0055;color:#8c0055}.Label.is-primary[class*=is--RAINAO-1000]{border-color:#6c0039;color:#6c0039}.Label.is-primary[class*=is--LINK-50]{border-color:#fff4d9;color:#fff4d9}.Label.is-primary[class*=is--LINK-100]{border-color:#ffe3b0;color:#ffe3b0}.Label.is-primary[class*=is--LINK-200]{border-color:#ffd68b;color:#ffd68b}.Label.is-primary[class*=is--LINK-300]{border-color:#ffce5f;color:#ffce5f}.Label.is-primary[class*=is--LINK-400]{border-color:#ffc746;color:#ffc746}.Label.is-primary[class*=is--LINK-500]{border-color:#ffb32b;color:#ffb32b}.Label.is-primary[class*=is--LINK-600]{border-color:#ff9400;color:#ff9400}.Label.is-primary[class*=is--LINK-700]{border-color:#ec8900;color:#ec8900}.Label.is-primary[class*=is--LINK-800]{border-color:#d07900;color:#d07900}.Label.is-primary[class*=is--LINK-900]{border-color:#a76100;color:#a76100}.Label.is-primary[class*=is--REKON-50]{border-color:#ebfffb;color:#ebfffb}.Label.is-primary[class*=is--REKON-100]{border-color:#d7fff8;color:#d7fff8}.Label.is-primary[class*=is--REKON-200]{border-color:#b9fff2;color:#b9fff2}.Label.is-primary[class*=is--REKON-300]{border-color:#93ffeb;color:#93ffeb}.Label.is-primary[class*=is--REKON-400]{border-color:#65ffe3;color:#65ffe3}.Label.is-primary[class*=is--REKON-500]{border-color:#23ffd7;color:#23ffd7}.Label.is-primary[class*=is--REKON-600]{border-color:#00f2c6;color:#00f2c6}.Label.is-primary[class*=is--REKON-700]{border-color:#00dab2;color:#00dab2}.Label.is-primary[class*=is--REKON-800]{border-color:#00b594;color:#00b594}.Label.is-primary[class*=is--REKON-900]{border-color:#00715c;color:#00715c}.Label.is-primary[class*=is--WORKFLOO-50]{border-color:#f4edfe;color:#f4edfe}.Label.is-primary[class*=is--WORKFLOO-100]{border-color:#e6d8fc;color:#e6d8fc}.Label.is-primary[class*=is--WORKFLOO-200]{border-color:#c8aafa;color:#c8aafa}.Label.is-primary[class*=is--WORKFLOO-300]{border-color:#a471f7;color:#a471f7}.Label.is-primary[class*=is--WORKFLOO-400]{border-color:#9150f6;color:#9150f6}.Label.is-primary[class*=is--WORKFLOO-500]{border-color:#7121f1;color:#7121f1}.Label.is-primary[class*=is--WORKFLOO-600]{border-color:#500de5;color:#500de5}.Label.is-primary[class*=is--WORKFLOO-700]{border-color:#2d02bb;color:#2d02bb}.Label.is-primary[class*=is--WORKFLOO-800]{border-color:#0a058b;color:#0a058b}.Label.is-primary[class*=is--WORKFLOO-900]{border-color:#040265;color:#040265}
|
|
68
68
|
|