se-design 0.0.98 → 0.0.99
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/icons/attachment.svg +3 -0
- package/dist/assets/icons/banner-demo-img.svg +51 -0
- package/dist/assets/icons/file-red.svg +8 -0
- package/dist/assets/icons/next.svg +3 -0
- package/dist/assets/icons/padlock.svg +5 -0
- package/dist/assets/icons/slideout.svg +12 -0
- package/dist/assets/icons/sms.svg +3 -0
- package/dist/assets/icons/space.svg +3 -0
- package/dist/assets/style.css +1 -1
- package/dist/components/Badge/index.d.ts +11 -0
- package/dist/components/Banner/index.d.ts +18 -0
- package/dist/components/Button/index.d.ts +5 -1
- package/dist/components/HamburgerMenu/index.d.ts +2 -4
- package/dist/components/Header/index.d.ts +1 -0
- package/dist/components/Icon/index.d.ts +5 -1
- package/dist/components/KebabMenu/index.d.ts +1 -1
- package/dist/components/LabelChip/index.d.ts +6 -1
- package/dist/components/MenuItem/index.d.ts +1 -1
- package/dist/components/Pagination/index.d.ts +9 -0
- package/dist/components/Popover/index.d.ts +1 -1
- package/dist/components/SidebarOverlay/index.d.ts +2 -1
- package/dist/components/Tabs/index.d.ts +1 -1
- package/dist/components/index.d.ts +3 -1
- package/dist/index.js +26 -22
- package/dist/index.js.map +1 -1
- package/dist/index10.js +9 -9
- package/dist/index10.js.map +1 -1
- package/dist/index11.js +9 -8
- package/dist/index11.js.map +1 -1
- package/dist/index12.js +9 -9
- package/dist/index12.js.map +1 -1
- package/dist/index13.js +14 -14
- package/dist/index13.js.map +1 -1
- package/dist/index14.js +16 -14
- package/dist/index14.js.map +1 -1
- package/dist/index15.js +26 -66
- package/dist/index15.js.map +1 -1
- package/dist/index16.js +30 -30
- package/dist/index16.js.map +1 -1
- package/dist/index17.js +9 -9
- package/dist/index17.js.map +1 -1
- package/dist/index18.js +9 -9
- package/dist/index18.js.map +1 -1
- package/dist/index19.js +4 -4
- package/dist/index19.js.map +1 -1
- package/dist/index20.js +4 -4
- package/dist/index20.js.map +1 -1
- package/dist/index21.js +3 -3
- package/dist/index21.js.map +1 -1
- package/dist/index22.js +20 -19
- package/dist/index22.js.map +1 -1
- package/dist/index23.js +19 -19
- package/dist/index23.js.map +1 -1
- package/dist/index24.js +62 -2
- package/dist/index24.js.map +1 -1
- package/dist/index25.js +27 -2
- package/dist/index25.js.map +1 -1
- package/dist/index26.js +1 -1
- package/dist/index26.js.map +1 -1
- package/dist/index27.js +1 -1
- package/dist/index27.js.map +1 -1
- package/dist/index28.js +1 -1
- package/dist/index28.js.map +1 -1
- package/dist/index29.js +1 -1
- package/dist/index29.js.map +1 -1
- package/dist/index3.js +15 -13
- package/dist/index3.js.map +1 -1
- package/dist/index30.js +2 -2
- package/dist/index30.js.map +1 -1
- package/dist/index31.js +1 -1
- package/dist/index31.js.map +1 -1
- package/dist/index32.js +2 -149
- package/dist/index32.js.map +1 -1
- package/dist/index33.js +5 -0
- package/dist/index33.js.map +1 -0
- package/dist/index34.js +5 -0
- package/dist/index34.js.map +1 -0
- package/dist/index35.js +2 -10
- package/dist/index35.js.map +1 -1
- package/dist/index36.js +1 -9
- package/dist/index36.js.map +1 -1
- package/dist/index37.js +2 -5
- package/dist/index37.js.map +1 -1
- package/dist/index38.js +2 -170
- package/dist/index38.js.map +1 -1
- package/dist/index39.js +2 -11
- package/dist/index39.js.map +1 -1
- package/dist/index4.js +43 -25
- package/dist/index4.js.map +1 -1
- package/dist/index40.js +2 -6
- package/dist/index40.js.map +1 -1
- package/dist/index41.js +2 -6
- package/dist/index41.js.map +1 -1
- package/dist/index42.js +148 -37
- package/dist/index42.js.map +1 -1
- package/dist/index46.js +8 -48
- package/dist/index46.js.map +1 -1
- package/dist/index47.js +10 -2
- package/dist/index47.js.map +1 -1
- package/dist/index48.js +4 -75
- package/dist/index48.js.map +1 -1
- package/dist/index49.js +162 -85
- package/dist/index49.js.map +1 -1
- package/dist/index5.js +5 -5
- package/dist/index5.js.map +1 -1
- package/dist/index50.js +11 -52
- package/dist/index50.js.map +1 -1
- package/dist/index51.js +5 -7
- package/dist/index51.js.map +1 -1
- package/dist/index52.js +5 -4
- package/dist/index52.js.map +1 -1
- package/dist/index53.js +35 -49
- package/dist/index53.js.map +1 -1
- package/dist/index54.js +2 -2
- package/dist/index55.js +8 -2
- package/dist/index55.js.map +1 -1
- package/dist/{index45.js → index56.js} +6 -6
- package/dist/{index45.js.map → index56.js.map} +1 -1
- package/dist/index57.js +53 -0
- package/dist/index57.js.map +1 -0
- package/dist/index58.js +5 -0
- package/dist/index58.js.map +1 -0
- package/dist/index59.js +79 -0
- package/dist/index59.js.map +1 -0
- package/dist/index6.js +3 -3
- package/dist/index6.js.map +1 -1
- package/dist/index60.js +96 -0
- package/dist/index60.js.map +1 -0
- package/dist/index61.js +55 -0
- package/dist/index61.js.map +1 -0
- package/dist/index62.js +11 -0
- package/dist/index62.js.map +1 -0
- package/dist/index63.js +8 -0
- package/dist/index63.js.map +1 -0
- package/dist/index64.js +55 -0
- package/dist/index64.js.map +1 -0
- package/dist/index65.js +5 -0
- package/dist/index65.js.map +1 -0
- package/dist/index66.js +5 -0
- package/dist/index66.js.map +1 -0
- package/dist/index7.js +21 -7
- package/dist/index7.js.map +1 -1
- package/dist/index8.js +38 -20
- package/dist/index8.js.map +1 -1
- package/dist/index9.js +12 -12
- package/dist/index9.js.map +1 -1
- package/dist/typographyMixin.scss +79 -0
- package/package.json +3 -2
- package/dist/components/Button/Button.stories.d.ts +0 -26
- package/dist/components/HamburgerMenu/HamburgerMenu.stories.d.ts +0 -6
- package/dist/components/Icon/Icon.stories.d.ts +0 -6
- package/dist/components/Icon/Icon.types.d.ts +0 -4
- package/dist/components/KebabMenu/KebabMenu.stories.d.ts +0 -8
- package/dist/components/Modal/Modal.stories.d.ts +0 -12
- package/dist/components/SplitButton/SplitButton.stories.d.ts +0 -13
- package/dist/components/Tag/index.d.ts +0 -6
- package/dist/index43.js +0 -5
- package/dist/index43.js.map +0 -1
- package/dist/index44.js +0 -11
- package/dist/index44.js.map +0 -1
@@ -0,0 +1,3 @@
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="11" viewBox="0 0 8 11" fill="none">
|
2
|
+
<path d="M5.2 7.9359L5.2 3.32051C5.2 2.75407 4.66274 2.29487 4 2.29487C3.33726 2.29487 2.8 2.75407 2.8 3.32051L2.8 8.70513C2.8 9.69641 3.7402 10.5 4.9 10.5C6.0598 10.5 7 9.69641 7 8.70513L7 3.0641C7 1.64799 5.65685 0.5 4 0.5C2.34315 0.5 1 1.64799 1 3.0641L1 7.9359" stroke="#415575" stroke-width="0.8" stroke-linecap="round"/>
|
3
|
+
</svg>
|
@@ -0,0 +1,51 @@
|
|
1
|
+
<svg width="240" height="150" viewBox="0 0 240 150" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<g clip-path="url(#clip0_960_1151)">
|
3
|
+
<rect x="159.789" y="2" width="60.7392" height="109.607" rx="8.2826" fill="#1088E7"/>
|
4
|
+
<rect x="182.156" y="5.58984" width="16.0125" height="2.20862" rx="1.10431" fill="white"/>
|
5
|
+
<rect x="162.547" y="11.9375" width="55.2174" height="91.6609" fill="#DAE9FB"/>
|
6
|
+
<rect x="162.547" y="11.9375" width="55.2174" height="91.6603" fill="white"/>
|
7
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M176.077 44.2553C175.082 44.3146 174.305 45.1424 174.305 46.1442V54.9831C174.305 64.6478 180.446 73.2345 189.567 76.3208C189.957 76.4529 190.38 76.4529 190.77 76.3208C199.89 73.2345 206.032 64.6478 206.032 54.9831V46.1442C206.032 45.1424 205.254 44.3145 204.259 44.2552L204.248 44.2545C204.233 44.2534 204.207 44.2513 204.169 44.2477C204.092 44.2406 203.97 44.2277 203.805 44.2056C203.476 44.1614 202.983 44.0807 202.363 43.9374C201.122 43.6505 199.39 43.1152 197.47 42.1266C195.536 41.1303 194.041 40.0318 193.036 39.1887C192.535 38.7679 192.158 38.413 191.912 38.1699C191.79 38.0484 191.7 37.9551 191.644 37.8958C191.616 37.8661 191.597 37.8449 191.586 37.833L191.578 37.8241C191.22 37.4192 190.707 37.1875 190.168 37.1875C189.63 37.1875 189.118 37.4182 188.76 37.8222L188.758 37.8245L188.751 37.833C188.74 37.8449 188.72 37.8661 188.692 37.8958C188.637 37.9551 188.547 38.0484 188.424 38.1699C188.179 38.413 187.802 38.7679 187.3 39.1887C186.295 40.0318 184.8 41.1303 182.866 42.1266C181.089 43.0423 179.471 43.5691 178.256 43.8698C178.159 43.8938 178.065 43.9163 177.973 43.9374C177.354 44.0807 176.86 44.1614 176.531 44.2056C176.367 44.2277 176.244 44.2406 176.168 44.2477C176.13 44.2513 176.103 44.2534 176.089 44.2545L176.077 44.2553Z" fill="#1088E7"/>
|
8
|
+
<path d="M195.894 54.165H184.433C184.053 54.165 183.689 54.3146 183.42 54.581C183.151 54.8474 183 55.2086 183 55.5854V64.103C183 64.4797 183.151 64.841 183.42 65.1074C183.689 65.3738 184.053 65.5234 184.433 65.5234H195.896C196.276 65.5234 196.64 65.3738 196.909 65.1074C197.178 64.841 197.329 64.4797 197.329 64.103V55.5854C197.329 55.2086 197.178 54.8474 196.909 54.581C196.64 54.3146 196.276 54.165 195.896 54.165H195.894Z" fill="white" stroke="white" stroke-width="0.604607" stroke-linecap="round" stroke-linejoin="round"/>
|
9
|
+
<path d="M195.055 54.1645V52.015C195.055 50.685 194.53 49.4094 193.596 48.4689C192.662 47.5284 191.395 47 190.074 47C188.754 47 187.487 47.5284 186.553 48.4689C185.619 49.4094 185.094 50.685 185.094 52.015V54.1645" stroke="white" stroke-width="1.58454" stroke-linecap="round" stroke-linejoin="round"/>
|
10
|
+
<path d="M190.165 61.6287C190.662 61.6287 191.139 61.4311 191.491 61.0795C191.843 60.7279 192.04 60.251 192.04 59.7537C192.04 59.2564 191.843 58.7795 191.491 58.4278C191.139 58.0762 190.662 57.8787 190.165 57.8787C189.668 57.8787 189.191 58.0762 188.839 58.4278C188.488 58.7795 188.29 59.2564 188.29 59.7537C188.29 60.251 188.488 60.7279 188.839 61.0795C189.191 61.4311 189.668 61.6287 190.165 61.6287Z" fill="#1088E7" stroke="#1088E7" stroke-width="0.604607" stroke-linecap="round" stroke-linejoin="round"/>
|
11
|
+
<path d="M79.8662 104.325C80.0261 104.196 108.297 104.568 124.752 121.693C141.206 138.818 139.159 151.964 139.159 151.964L15.6779 151.909C15.6779 151.909 7.69057 133.341 46.551 109.367L79.8662 104.325Z" fill="white" stroke="#1088E7" stroke-width="1.06277" stroke-linecap="round" stroke-linejoin="round"/>
|
12
|
+
<path d="M100.204 88.1076C100.965 87.0277 102.375 86.6832 103.587 86.1564C104.599 85.7179 105.636 84.8716 105.794 83.8516C105.847 83.5028 105.644 83.1687 105.337 82.9956C100.853 80.4622 98.9581 74.9382 95.6606 70.9055C91.9804 66.3956 86.1994 63.6883 80.3824 63.6991C69.1436 63.7209 62.2348 71.6822 59.3516 81.8796C58.8592 83.6308 58.4408 85.4325 58.5164 87.2499C58.62 89.7833 60.0174 91.1672 61.0998 93.2731C62.1347 95.2849 58.6427 100.645 58.6427 100.645L75.2532 121.407L82.9165 106.612C87.3885 108.419 91.9332 109.451 95.398 105.079C98.481 101.19 99.0883 95.5649 99.4852 90.7804C99.5626 89.8507 99.6581 88.8757 100.195 88.1101L100.204 88.1076Z" fill="white"/>
|
13
|
+
<path d="M100.204 88.1076C101.541 86.2212 105.28 86.4551 105.794 83.8516C105.847 83.5028 105.644 83.1687 105.337 82.9956C100.853 80.4622 98.9581 74.9382 95.6606 70.9055C91.9804 66.3956 86.1994 63.6883 80.3825 63.6991C69.1436 63.7209 62.2348 71.6822 59.3516 81.8796C58.8592 83.6308 58.4408 85.4325 58.5164 87.2499C58.62 89.7833 60.0174 91.1672 61.0998 93.2731C62.1347 95.2849 58.6427 100.645 58.6427 100.645L75.2532 121.407L82.9165 106.612C95.4845 112.341 98.8652 101.09 99.4895 90.7813C99.5669 89.8515 99.6624 88.8766 100.199 88.111L100.204 88.1076Z" stroke="#1088E7" stroke-width="1.06277" stroke-linejoin="round"/>
|
14
|
+
<path d="M83.7732 63.816C81.0717 63.0895 77.9917 64.0248 76.1558 66.1347" stroke="#1088E7" stroke-width="1.06277" stroke-linecap="round" stroke-linejoin="round"/>
|
15
|
+
<path d="M93.8328 76.999C93.5066 76.7858 93.028 77.2339 93.1933 77.5819C93.3587 77.93 93.9721 77.8864 94.1113 77.521C94.2505 77.1556 93.872 76.7249 93.4892 76.7815C93.1063 76.838 92.8584 77.3122 93.0063 77.6733C93.202 78.1518 93.9938 78.204 94.2505 77.7516C94.3505 77.5732 94.3679 77.347 94.2766 77.1643C94.1461 76.9033 93.8067 76.7771 93.5327 76.8685C93.2977 76.9468 93.1107 77.2252 93.2194 77.4514C93.3282 77.6776 93.7632 77.608 93.7371 77.3601C93.4892 77.2121 93.1803 77.6472 93.3978 77.8342" stroke="#1088E7" stroke-width="1.06277" stroke-linecap="round" stroke-linejoin="round"/>
|
16
|
+
<path d="M87.3931 94.916C89.0245 97.0651 92.1132 97.9612 94.6408 97.0259" stroke="#1088E7" stroke-width="1.06277" stroke-linecap="round" stroke-linejoin="round"/>
|
17
|
+
<path d="M58.7775 99.7675C56.4761 102.604 50.981 107.576 48.123 109.85C52.9562 117.914 60.8252 124.556 66.6866 131.904C69.8496 127.401 73.1558 123.002 76.5956 118.71L58.7775 99.7675Z" fill="#FFF644" stroke="#1088E7" stroke-width="1.06277" stroke-linecap="round" stroke-linejoin="round"/>
|
18
|
+
<path d="M76.7317 118.501C76.6641 118.594 86.2382 127.401 85.9793 126.554C85.7203 125.707 83.1611 106.488 83.1611 106.488L76.7317 118.501Z" fill="#FFF644" stroke="#1088E7" stroke-width="1.06277" stroke-linecap="round" stroke-linejoin="round"/>
|
19
|
+
<path d="M89.7389 57.58C87.1561 52.9774 78.5558 50.449 73.8458 50.9549C66.9443 51.6958 60.1427 55.098 57.2613 61.585C57.1051 61.9396 57.4172 62.3268 57.7971 62.2485C57.9311 62.2223 58.0643 62.2005 58.2034 62.1932C58.8101 62.1563 58.8777 63.0711 58.2717 63.1481C53.4191 63.7449 48.9054 66.9183 46.7818 71.3306C46.6145 71.674 46.8968 72.0553 47.2766 72.0212C48.7435 71.8791 50.252 72.167 51.5625 72.8409C51.8999 73.0159 51.926 73.4783 51.6056 73.6797C50.5383 74.3468 49.7778 75.4932 49.4274 76.7183C48.9996 78.2162 49.115 79.8154 49.4037 81.3476C50.5737 87.6213 55.0764 93.4608 61.1276 95.273C61.5547 95.3995 61.9108 94.9345 61.6763 94.5585C60.3465 92.4248 60.3649 89.53 61.0564 87.038C61.3853 85.8529 61.8601 84.6708 62.7061 83.7813C64.7755 81.6084 68.232 81.8339 71.1119 80.9838C74.0584 80.1117 76.5859 77.9118 77.8592 75.1115C78.9651 72.6768 79.5138 69.9472 80.9504 67.6328C81.6101 66.568 82.4804 65.5149 83.7092 65.1025C84.2429 64.9221 84.4909 64.3554 88.865 65.7478C89.0022 65.7934 89.1524 65.775 89.2746 65.6976C90.066 65.1877 92.7634 62.9601 89.7457 57.5903L89.7389 57.58Z" fill="white" stroke="#1088E7" stroke-width="1.06277" stroke-linecap="round" stroke-linejoin="round"/>
|
20
|
+
<path d="M76.8875 78.424C76.3194 76.5261 75.3096 74.6866 73.6966 73.5351C72.0836 72.3835 69.8009 72.0521 68.1014 73.0682C66.6774 73.9214 65.8883 75.5223 65.3705 77.0966C65.1166 77.879 64.9049 78.6841 64.889 79.5109C64.8547 81.2519 65.7152 82.9466 67.0002 84.1289C68.2815 85.3091 69.9552 86.0091 71.6657 86.3383" fill="white"/>
|
21
|
+
<path d="M76.8875 78.424C76.3194 76.5261 75.3096 74.6866 73.6966 73.5351C72.0836 72.3835 69.8009 72.0521 68.1014 73.0682C66.6774 73.9214 65.8883 75.5223 65.3705 77.0966C65.1166 77.879 64.9049 78.6841 64.889 79.5109C64.8547 81.2519 65.7152 82.9466 67.0002 84.1289C68.2815 85.3091 69.9552 86.0091 71.6657 86.3383" stroke="#1088E7" stroke-width="1.06277" stroke-linecap="round" stroke-linejoin="round"/>
|
22
|
+
<path d="M69.0261 76.2249C71.4972 76.7568 73.6307 78.6388 74.4601 81.0235" stroke="#1088E7" stroke-width="1.06277" stroke-linecap="round" stroke-linejoin="round"/>
|
23
|
+
<path d="M72.468 78.3499C71.6255 79.0323 70.9293 79.8925 70.4399 80.8643" stroke="#1088E7" stroke-width="1.06277" stroke-linecap="round" stroke-linejoin="round"/>
|
24
|
+
<path d="M93.2853 83.1018C95.4617 82.7591 96.779 79.6433 96.2277 76.1426C95.6764 72.6419 93.4651 70.0819 91.2888 70.4246C89.1124 70.7674 87.795 73.8831 88.3463 77.3838C88.8977 80.8845 91.1089 83.4446 93.2853 83.1018Z" stroke="#1088E7" stroke-width="1.06277" stroke-linecap="round" stroke-linejoin="round"/>
|
25
|
+
<path d="M87.9007 77.6247L76.7639 77.8335" stroke="#1088E7" stroke-width="1.06277" stroke-linecap="round" stroke-linejoin="round"/>
|
26
|
+
<path d="M71.0514 126.027C71.0514 126.027 71.3977 129.049 74.5966 129.571L69.5019 142.672L78.1302 150.157L85.1939 150.135L88.6296 145.078L80.1423 130.053C80.1423 130.053 83.0334 127.933 83.3381 124.953L76.4662 118.353L71.0487 126.023L71.0514 126.027Z" fill="#1088E7"/>
|
27
|
+
<path d="M94.2024 74.5685C91.4811 73.3196 88.0637 73.7569 85.7497 75.6559" stroke="#1088E7" stroke-width="0.937456" stroke-linecap="round" stroke-linejoin="round"/>
|
28
|
+
<g clip-path="url(#clip1_960_1151)">
|
29
|
+
<path d="M161.19 119.089C161.349 118.973 187.606 121.05 203.843 136.604C220.08 152.158 217.286 157.025 217.286 157.025H95.5639C95.5639 157.025 93.9829 136.95 132.328 115.176L161.186 119.093L161.19 119.089Z" fill="#CDE9FC" stroke="#1088E7" stroke-width="1.06277" stroke-linecap="round" stroke-linejoin="round"/>
|
30
|
+
<path d="M143.615 79.5903C148.837 77.134 155.204 77.2714 160.314 79.9484C164.729 82.2632 168.47 86.4098 173.368 86.9552C173.705 86.9927 174.009 87.2092 174.092 87.5381C174.337 88.4956 173.742 89.6281 173.014 90.3941C172.144 91.3142 171.037 92.1469 170.775 93.3834C170.588 94.2577 170.875 95.1528 171.154 95.9979C172.602 100.361 174.179 105.54 172.931 110.12C171.524 115.266 167.138 116.069 162.528 116.161L162.174 136.599L138.93 120.037L143.615 79.5903Z" fill="white" stroke="#1088E7" stroke-width="1.06277" stroke-linecap="round" stroke-linejoin="round"/>
|
31
|
+
<path d="M143.681 79.7577C137.343 80.6778 133.332 87.0351 131.193 93.0719C129.054 99.1087 127.702 105.799 123.174 110.329C120.037 113.464 115.697 115.192 112.622 118.385C110.816 120.258 109.505 122.606 108.856 125.125C108.04 128.289 108.506 132.145 111.153 134.056C113.803 135.967 118.58 134.093 118.222 130.841C118.177 130.429 118.044 130.009 117.752 129.713C117.419 129.38 116.937 129.264 116.471 129.184C113.033 128.622 109.359 129.796 106.883 132.249C104.411 134.701 103.201 138.369 103.733 141.812C104.195 144.793 105.86 147.478 107.911 149.693C110.766 152.774 114.507 155.126 118.639 155.863C123.345 156.704 128.401 155.322 132.033 152.208C135.662 149.093 137.793 144.301 137.68 139.518C137.643 138.002 137.36 136.416 136.399 135.242C135.437 134.068 133.644 133.481 132.346 134.264C133.12 137.503 134.218 140.738 136.257 143.369C138.296 146 141.421 147.957 144.75 147.907C148.366 147.857 151.724 145.346 153.168 142.032C154.612 138.714 154.254 134.763 152.598 131.549C151.47 129.359 149.061 127.274 146.777 128.198C144.184 129.247 144.334 133.123 145.865 135.463C149.569 141.121 158.732 141.92 163.492 137.12C168.257 132.319 167.529 123.352 162.177 119.222C158.257 116.195 152.461 115.45 149.873 111.228C147.184 106.84 149.419 101.265 150.089 96.1611C150.884 90.1035 149.032 83.4755 144.338 79.5703" fill="#FFF644"/>
|
32
|
+
<path d="M143.677 79.7577C137.339 80.6778 133.328 87.0351 131.189 93.0719C129.05 99.1087 127.698 105.799 123.17 110.329C120.033 113.464 115.693 115.192 112.618 118.385C108.777 122.232 106.313 130.2 111.149 134.06C113.799 135.971 118.576 134.097 118.219 130.846C118.173 130.433 118.04 130.013 117.748 129.717C117.416 129.384 116.933 129.268 116.467 129.189C109.135 127.952 102.56 134.464 103.729 141.816C104.191 144.797 105.856 147.482 107.907 149.697C114.157 156.729 124.627 158.519 132.025 152.208C135.654 149.093 137.785 144.301 137.668 139.518C137.631 138.002 137.348 136.416 136.386 135.242C135.425 134.068 133.632 133.481 132.333 134.264C133.107 137.503 134.206 140.738 136.245 143.369C141.051 149.689 149.665 149.456 153.152 142.032C154.596 138.714 154.238 134.763 152.582 131.549C151.454 129.359 149.045 127.274 146.76 128.198C144.168 129.247 144.318 133.123 145.849 135.463C149.552 141.121 158.715 141.92 163.476 137.12C168.24 132.319 167.512 123.352 162.161 119.222C158.241 116.195 152.444 115.45 149.856 111.228C147.168 106.84 149.403 101.265 150.073 96.1611C150.867 90.1035 149.016 83.4755 144.322 79.5703" fill="#FFF644"/>
|
33
|
+
<path d="M143.677 79.7577C137.339 80.6778 133.328 87.0351 131.189 93.0719C129.05 99.1087 127.698 105.799 123.17 110.329C120.033 113.464 115.693 115.192 112.618 118.385C108.777 122.232 106.313 130.2 111.149 134.06C113.799 135.971 118.576 134.097 118.219 130.846C118.173 130.433 118.04 130.013 117.748 129.717C117.416 129.384 116.933 129.268 116.467 129.189C109.135 127.952 102.56 134.464 103.729 141.816C104.191 144.797 105.856 147.482 107.907 149.697C114.157 156.729 124.627 158.519 132.025 152.208C135.654 149.093 137.785 144.301 137.668 139.518C137.631 138.002 137.348 136.416 136.386 135.242C135.425 134.068 133.632 133.481 132.333 134.264C133.107 137.503 134.206 140.738 136.245 143.369C141.051 149.689 149.665 149.456 153.152 142.032C154.596 138.714 154.238 134.763 152.582 131.549C151.454 129.359 149.045 127.274 146.76 128.198C144.168 129.247 144.318 133.123 145.849 135.463C149.552 141.121 158.715 141.92 163.476 137.12C168.24 132.319 167.512 123.352 162.161 119.222C158.241 116.195 152.444 115.45 149.856 111.228C147.168 106.84 149.403 101.265 150.073 96.1611C150.867 90.1035 149.016 83.4755 144.322 79.5703" stroke="#1088E7" stroke-width="1.06277" stroke-linecap="round" stroke-linejoin="round"/>
|
34
|
+
<path d="M151.738 94.2656C150.332 93.3372 148.667 92.696 146.986 92.8251C145.305 92.9542 143.636 93.9908 143.087 95.5812C142.625 96.9135 142.987 98.3915 143.511 99.6987C143.774 100.348 144.077 100.989 144.518 101.535C145.451 102.688 146.936 103.321 148.417 103.387C149.899 103.454 151.372 102.996 152.666 102.276" fill="white"/>
|
35
|
+
<path d="M151.738 94.2656C150.332 93.3372 148.667 92.696 146.986 92.8251C145.305 92.9542 143.636 93.9908 143.087 95.5812C142.625 96.9135 142.987 98.3915 143.511 99.6987C143.774 100.348 144.077 100.989 144.518 101.535C145.451 102.688 146.936 103.321 148.417 103.387C149.899 103.454 151.372 102.996 152.666 102.276" stroke="#1088E7" stroke-width="1.06277" stroke-linecap="round" stroke-linejoin="round"/>
|
36
|
+
<path d="M145.414 97.1353C147.312 96.1319 149.733 96.1902 151.577 97.2893" stroke="#1088E7" stroke-width="1.06277" stroke-linecap="round" stroke-linejoin="round"/>
|
37
|
+
<path d="M148.83 96.6406C148.655 97.5441 148.672 98.4891 148.884 99.3884" stroke="#1088E7" stroke-width="1.06277" stroke-linecap="round" stroke-linejoin="round"/>
|
38
|
+
<path d="M156.865 79.9375C154.352 80.8534 152.458 83.2848 152.18 85.9452" stroke="#1088E7" stroke-width="1.06277" stroke-linecap="round" stroke-linejoin="round"/>
|
39
|
+
<path d="M159.22 83.3452C158.874 83.2078 158.512 83.7198 158.737 84.0154C158.962 84.311 159.527 84.1487 159.582 83.7823C159.636 83.4159 159.203 83.0829 158.853 83.2119C158.504 83.341 158.367 83.8323 158.575 84.1403C158.849 84.5525 159.602 84.4443 159.756 83.9738C159.815 83.7865 159.785 83.5741 159.665 83.4201C159.494 83.1994 159.149 83.1453 158.907 83.2869C158.704 83.4076 158.583 83.7032 158.724 83.8905C158.866 84.0779 159.265 83.9322 159.19 83.7032C158.928 83.6116 158.724 84.0779 158.966 84.2111" stroke="#1088E7" stroke-width="1.06277" stroke-linecap="round" stroke-linejoin="round"/>
|
40
|
+
<path d="M161.852 102.555C163.795 104.253 166.862 104.495 169.05 103.129" stroke="#1088E7" stroke-width="1.06277" stroke-linecap="round" stroke-linejoin="round"/>
|
41
|
+
</g>
|
42
|
+
</g>
|
43
|
+
<defs>
|
44
|
+
<clipPath id="clip0_960_1151">
|
45
|
+
<rect width="240" height="150" fill="white"/>
|
46
|
+
</clipPath>
|
47
|
+
<clipPath id="clip1_960_1151">
|
48
|
+
<rect width="122.09" height="79.0696" fill="white" transform="translate(95.7031 77.4258)"/>
|
49
|
+
</clipPath>
|
50
|
+
</defs>
|
51
|
+
</svg>
|
@@ -0,0 +1,8 @@
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<g id="Frame 628116">
|
3
|
+
<g id="Group 627993">
|
4
|
+
<path id="Vector" d="M19.043 7.50002L15 3.45703V6.79502C15 7.18467 15.3174 7.50009 15.7051 7.50009L19.043 7.50002Z" fill="#FF6C66"/>
|
5
|
+
<path id="Vector_2" d="M15.7081 8.49996C14.7676 8.49996 14.003 7.73532 14.003 6.79489V3.03515C13.9005 3.01269 13.793 3 13.6856 3H6.47265C5.66015 3 5 3.66015 5 4.47265V19.5274C5 20.3399 5.66015 21 6.47265 21H18.0274C18.8399 21 19.5 20.3399 19.5 19.5274V8.81438C19.5 8.70696 19.4873 8.60149 19.4649 8.49701H15.7051L15.7081 8.49996Z" fill="#FF6C66"/>
|
6
|
+
</g>
|
7
|
+
</g>
|
8
|
+
</svg>
|
@@ -0,0 +1,5 @@
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
|
2
|
+
<path d="M11.7709 6.17139H3.23724C2.71358 6.17139 2.28906 6.59591 2.28906 7.11957V12.8087C2.28906 13.3323 2.71358 13.7568 3.23724 13.7568H11.7709C12.2946 13.7568 12.7191 13.3323 12.7191 12.8087V7.11957C12.7191 6.59591 12.2946 6.17139 11.7709 6.17139Z" stroke="#CB384E" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
|
3
|
+
<path d="M10.8239 6.1706V4.74832C10.8239 3.86816 10.4743 3.02406 9.85191 2.4017C9.22955 1.77933 8.38544 1.42969 7.50528 1.42969C6.62512 1.42969 5.78101 1.77933 5.15866 2.4017C4.53629 3.02406 4.18665 3.86816 4.18665 4.74832V6.1706" stroke="#CB384E" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
|
4
|
+
<path d="M7.50485 10.4392C7.76668 10.4392 7.97894 10.2269 7.97894 9.96509C7.97894 9.70326 7.76668 9.491 7.50485 9.491C7.24302 9.491 7.03076 9.70326 7.03076 9.96509C7.03076 10.2269 7.24302 10.4392 7.50485 10.4392Z" stroke="#CB384E" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
|
5
|
+
</svg>
|
@@ -0,0 +1,12 @@
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
|
2
|
+
<g clip-path="url(#clip0_72_2399)">
|
3
|
+
<path d="M1.37388 6.99414H10.4141" stroke="#111111" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
|
4
|
+
<path d="M5.44197 2.02539L10.4141 6.99749L5.44197 11.9696" stroke="#111111" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
|
5
|
+
<path d="M13.127 11.9696V2.02539" stroke="#111111" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
|
6
|
+
</g>
|
7
|
+
<defs>
|
8
|
+
<clipPath id="clip0_72_2399">
|
9
|
+
<rect width="13.5" height="13.5" fill="white" transform="matrix(-1 0 0 1 14 0.25)"/>
|
10
|
+
</clipPath>
|
11
|
+
</defs>
|
12
|
+
</svg>
|
@@ -0,0 +1,3 @@
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none">
|
2
|
+
<path d="M10.5152 1H1.71523C1.11023 1 0.615234 1.495 0.615234 2.1V12L2.81523 9.8H10.5152C11.1202 9.8 11.6152 9.305 11.6152 8.7V2.1C11.6152 1.495 11.1202 1 10.5152 1ZM10.5152 8.7H2.81523L1.71523 9.8V2.1H10.5152V8.7ZM3.36523 4.85H4.46523V5.95H3.36523V4.85ZM5.56523 4.85H6.66523V5.95H5.56523V4.85ZM7.76523 4.85H8.86523V5.95H7.76523V4.85Z" fill="#415575" stroke="#F2F4F8" stroke-width="0.2"/>
|
3
|
+
</svg>
|
@@ -0,0 +1,3 @@
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.31825 1.62467C7.24366 1.63988 1.22813 3.94961 1.07809 4.02065C0.98891 4.06287 0.850115 4.17259 0.784466 4.25277C0.710632 4.34293 0.635259 4.4953 0.603951 4.61773C0.574405 4.73328 0.574032 4.78117 0.574256 8.47036C0.574495 12.5912 0.56728 12.284 0.668987 12.5022C0.76203 12.7018 0.922963 12.8736 1.10978 12.9728C1.15606 12.9974 2.54163 13.5357 4.18882 14.1691C5.83601 14.8025 7.20724 15.3315 7.23599 15.3447C7.32984 15.3876 7.4212 15.4097 7.50486 15.4097C7.58424 15.4097 7.71566 15.379 7.7497 15.3525C7.75881 15.3454 7.79651 15.3294 7.83348 15.317C8.03258 15.2501 13.8291 13.0101 13.9 12.9726C14.0796 12.8777 14.2379 12.7114 14.3314 12.5197C14.4449 12.2869 14.4364 12.631 14.4321 8.43142L14.4282 4.66273L14.3951 4.56542C14.3033 4.29565 14.0769 4.04918 13.8158 3.93474C13.7153 3.89068 7.92525 1.69931 7.78269 1.65138C7.67583 1.61545 7.43218 1.60143 7.31825 1.62467ZM5.05097 3.62847C3.69824 4.14987 2.61311 4.57599 2.62369 4.58166C2.63422 4.5873 3.73657 5.01286 5.07338 5.52734L7.50392 6.46276L9.97276 5.5126C11.3306 4.99002 12.4432 4.56097 12.4452 4.55915C12.4483 4.55638 7.55586 2.7024 7.51233 2.68985C7.50412 2.68749 6.39651 3.10987 5.05097 3.62847ZM1.63457 8.69313C1.63457 11.3485 1.63839 12.0348 1.65324 12.044C1.66352 12.0504 2.86165 12.5136 4.31578 13.0734L6.95966 14.0912L6.96342 10.752C6.9655 8.91538 6.96214 7.40806 6.95595 7.40237C6.945 7.39229 1.71269 5.37513 1.66071 5.36096C1.63587 5.35417 1.63457 5.52008 1.63457 8.69313ZM10.6939 6.37895L8.05007 7.3981L8.0463 10.7466L8.04254 14.0951L8.12075 14.0643C8.16377 14.0473 9.35184 13.5896 10.7609 13.0472C12.17 12.5047 13.3346 12.0546 13.349 12.047C13.3738 12.0339 13.3752 11.859 13.3752 8.69524C13.3752 6.03419 13.3714 5.35756 13.3565 5.35857C13.3462 5.35925 12.1481 5.81844 10.6939 6.37895Z" fill="#56CF8A"/>
|
3
|
+
</svg>
|
package/dist/assets/style.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
:root{--color-blue-50: #F5F9FD;--color-blue-100: #E9F2FC;--color-blue-200: #D6ECFB;--color-blue-300: #D7E6F9;--color-blue-400: #96CBF5;--color-blue-500: #1088E7;--color-blue-600: #0167C2;--color-gray-50: #F2F4F8;--color-gray-100: #EAEFF9;--color-gray-200: #E4E9F1;--color-gray-300: #E1E4EB;--color-gray-400: #C9D4E3;--color-gray-500: #A1B3CF;--color-gray-600: #92A1B9;--color-gray-700: #415575;--color-gray-800: #2D3A48;--color-gray-900: #1B2636;--color-green-50: #E5F7ED;--color-green-400: #7BE79C;--color-green-500: #56CF8A;--color-green-700: #219653;--color-yellow-50: #FFF2D7;--color-yellow-400: #954A29;--color-red-50: #FEEBE6;--color-red-400: #FE4773;--color-red-700: #CB384E;--color-white: #FFFFFF;--color-purple-50: #F6F3FF;--color-purple-100: #F5EBFD;--color-purple-200: #F1E4FF;--color-purple-300: #EAD5FF;--color-purple-800: #9335F0}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.top-\[calc\(100\%\+8px\)\]{top:calc(100% + 8px)}.top-full{top:100%}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-14{margin-top:3.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.h-3{height:.75rem}.h-4{height:1rem}.h-\[15px\]{height:15px}.h-\[35px\]{height:35px}.w-3{width:.75rem}.w-4{width:1rem}.w-8{width:2rem}.w-\[100px\]{width:100px}.w-\[15px\]{width:15px}.w-\[500px\]{width:500px}.w-full{width:100%}.w-max{width:-webkit-max-content;width:-moz-max-content;width:max-content}.min-w-24{min-width:6rem}.min-w-\[212px\]{min-width:212px}.max-w-60{max-width:15rem}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.translate-x-4{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.rounded{border-radius:.25rem}.rounded-\[3px\]{border-radius:3px}.rounded-\[6px\]{border-radius:6px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-\[var\(--color-gray-200\)\]{border-color:var(--color-gray-200)}.border-\[var\(--color-gray-300\)\]{border-color:var(--color-gray-300)}.border-\[var\(--color-gray-400\)\]{border-color:var(--color-gray-400)}.border-\[var\(--color-gray-500\)\]{border-color:var(--color-gray-500)}.border-\[var\(--color-gray-900\)\]{border-color:var(--color-gray-900)}.border-\[var\(--color-green-300\)\]{border-color:var(--color-green-300)}.border-\[var\(--color-green-500\)\]{border-color:var(--color-green-500)}.border-\[var\(--color-red-400\)\]{border-color:var(--color-red-400)}.border-\[var\(--color-white\)\]{border-color:var(--color-white)}.border-gray-200{border-color:#e5e7eb}.bg-\[rgba\(0\,0\,0\,0\.20\)\]{background-color:#0003}.bg-\[var\(--color-blue-100\)\]{background-color:var(--color-blue-100)}.bg-\[var\(--color-blue-300\)\]{background-color:var(--color-blue-300)}.bg-\[var\(--color-blue-500\)\]{background-color:var(--color-blue-500)}.bg-\[var\(--color-gray-200\)\]{background-color:var(--color-gray-200)}.bg-\[var\(--color-gray-500\)\]{background-color:var(--color-gray-500)}.bg-\[var\(--color-gray-600\)\]{background-color:var(--color-gray-600)}.bg-\[var\(--color-gray-800\)\]{background-color:var(--color-gray-800)}.bg-\[var\(--color-green-50\)\]{background-color:var(--color-green-50)}.bg-\[var\(--color-green-500\)\]{background-color:var(--color-green-500)}.bg-\[var\(--color-red-400\)\]{background-color:var(--color-red-400)}.bg-\[var\(--color-red-50\)\]{background-color:var(--color-red-50)}.bg-\[var\(--color-white\)\]{background-color:var(--color-white)}.bg-white{background-color:#fff}.bg-yellow-400{background-color:#facc15}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#48AFF1\]{--tw-gradient-from: #48AFF1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(72 175 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-\[\#5F79AC\]{--tw-gradient-to: #5F79AC var(--tw-gradient-to-position)}.p-0\.5{padding:.125rem}.p-2{padding:.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-4{line-height:1rem}.leading-normal{line-height:1.5}.text-\[var\(--color-blue-500\)\]{color:var(--color-blue-500)}.text-\[var\(--color-gray-400\)\]{color:var(--color-gray-400)}.text-\[var\(--color-gray-600\)\]{color:var(--color-gray-600)}.text-\[var\(--color-gray-700\)\]{color:var(--color-gray-700)}.text-\[var\(--color-gray-800\)\]{color:var(--color-gray-800)}.text-\[var\(--color-gray-900\)\]{color:var(--color-gray-900)}.text-\[var\(--color-green-500\)\]{color:var(--color-green-500)}.text-\[var\(--color-red-400\)\]{color:var(--color-red-400)}.text-\[var\(--color-white\)\]{color:var(--color-white)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-2{outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-\[var\(--color-blue-400\)\]{outline-color:var(--color-blue-400)}.backdrop-brightness-50{--tw-backdrop-brightness: brightness(.5);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}body{font-family:Inter,sans-serif}img{display:inline-block}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:left-\[-6px\]:before{content:var(--tw-content);left:-6px}.before\:left-\[calc\(10\%-7px\)\]:before{content:var(--tw-content);left:calc(10% - 7px)}.before\:left-\[calc\(50\%-7px\)\]:before{content:var(--tw-content);left:calc(50% - 7px)}.before\:right-\[-6px\]:before{content:var(--tw-content);right:-6px}.before\:right-\[calc\(10\%\+7px\)\]:before{content:var(--tw-content);right:calc(10% + 7px)}.before\:top-\[-7px\]:before{content:var(--tw-content);top:-7px}.before\:inline-block:before{content:var(--tw-content);display:inline-block}.before\:h-3\.5:before{content:var(--tw-content);height:.875rem}.before\:w-3\.5:before{content:var(--tw-content);width:.875rem}.before\:rotate-45:before{content:var(--tw-content);--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:rounded-tl-sm:before{content:var(--tw-content);border-top-left-radius:.125rem}.before\:bg-\[var\(--color-gray-800\)\]:before{content:var(--tw-content);background-color:var(--color-gray-800)}.last\:text-right:last-child{text-align:right}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-\[var\(--color-gray-500\)\]:hover{border-color:var(--color-gray-500)}.hover\:border-\[var\(--color-green-700\)\]:hover{border-color:var(--color-green-700)}.hover\:border-\[var\(--color-red-400\)\]:hover{border-color:var(--color-red-400)}.hover\:bg-\[rgba\(0\,0\,0\,0\.20\)\]:hover{background-color:#0003}.hover\:bg-\[var\(--color-blue-100\)\]:hover{background-color:var(--color-blue-100)}.hover\:bg-\[var\(--color-blue-200\)\]:hover{background-color:var(--color-blue-200)}.hover\:bg-\[var\(--color-blue-600\)\]:hover{background-color:var(--color-blue-600)}.hover\:bg-\[var\(--color-gray-50\)\]:hover{background-color:var(--color-gray-50)}.hover\:bg-\[var\(--color-green-400\)\]:hover{background-color:var(--color-green-400)}.hover\:bg-\[var\(--color-green-700\)\]:hover{background-color:var(--color-green-700)}.hover\:bg-\[var\(--color-red-400\)\]:hover{background-color:var(--color-red-400)}.hover\:bg-\[var\(--color-red-50\)\]:hover{background-color:var(--color-red-50)}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-transparent:hover{background-color:transparent}.hover\:text-\[var\(--color-blue-600\)\]:hover{color:var(--color-blue-600)}.hover\:text-\[var\(--color-gray-600\)\]:hover{color:var(--color-gray-600)}.hover\:text-\[var\(--color-gray-900\)\]:hover{color:var(--color-gray-900)}.focus\:ring-transparent:focus{--tw-ring-color: transparent}.focus-visible\:outline:focus-visible{outline-style:solid}.group:hover .group-hover\:visible{visibility:visible}.table-content-loader td{padding:1rem 1rem 1rem 0}.table-content-loader td div{height:20px;width:80%;border-radius:72px}.table-content-loader td:last-child div{width:100%}.table-content-loader .loading-animation{animation:shimmer 3s infinite linear;background:linear-gradient(to right,#f4f8fd 5%,#f0f3f7 25%,#f4f8fd 35%);background-size:1000px 100%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.sidebar-overlay-container{z-index:1;height:100%;background-color:var(--color-white);transition:all .3s ease-in-out}.sidebar-overlay-container .overlay-content{height:100%;display:flex;flex-direction:column}.sidebar-overlay-container.left-aligned{left:0;transform:translate(-100%)}.sidebar-overlay-container.left-aligned.open-sidebar{transform:translate(0)}.sidebar-overlay-container.right-aligned{right:0;transform:translate(100%)}.sidebar-overlay-container.right-aligned.open-sidebar{transform:translate(0)}.sidebar-overlay-container.abs{position:absolute}.sidebar-overlay-container.fxd{position:fixed}.sidebar-overlay-container.right-aligned{box-shadow:0 0 24px #0000000d}.sidebar-overlay-container.left-aligned{box-shadow:7px 0 14px #00000017}.sidebar-overlay-container .close{height:100%}.sidebar-overlay-container .overlay-close{position:absolute;right:15px;cursor:pointer;margin-top:5px}
|
1
|
+
*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.left-0{left:0}.right-0{right:0}.right-\[12px\]{right:12px}.top-0{top:0}.top-\[12px\]{top:12px}.top-\[calc\(100\%\+8px\)\]{top:calc(100% + 8px)}.top-full{top:100%}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.ml-auto{margin-left:auto}.mr-5{margin-right:1.25rem}.mt-1{margin-top:.25rem}.mt-14{margin-top:3.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.h-3{height:.75rem}.h-4{height:1rem}.h-\[15px\]{height:15px}.h-\[35px\]{height:35px}.h-\[initial\]{height:initial}.min-h-\[150px\]{min-height:150px}.w-3{width:.75rem}.w-4{width:1rem}.w-8{width:2rem}.w-\[100\%\]{width:100%}.w-\[100px\]{width:100px}.w-\[15px\]{width:15px}.w-\[30\%\]{width:30%}.w-\[500px\]{width:500px}.w-\[70\%\]{width:70%}.w-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-webkit-max-content;width:-moz-max-content;width:max-content}.min-w-24{min-width:6rem}.min-w-\[212px\]{min-width:212px}.min-w-fit{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.max-w-60{max-width:15rem}.max-w-\[initial\]{max-width:initial}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.translate-x-4{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.self-start{align-self:flex-start}.rounded{border-radius:.25rem}.rounded-\[12px\]{border-radius:12px}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-\[6px\]{border-radius:6px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-\[var\(--color-gray-200\)\]{border-color:var(--color-gray-200)}.border-\[var\(--color-gray-300\)\]{border-color:var(--color-gray-300)}.border-\[var\(--color-gray-400\)\]{border-color:var(--color-gray-400)}.border-\[var\(--color-gray-500\)\]{border-color:var(--color-gray-500)}.border-\[var\(--color-gray-900\)\]{border-color:var(--color-gray-900)}.border-\[var\(--color-green-300\)\]{border-color:var(--color-green-300)}.border-\[var\(--color-green-500\)\]{border-color:var(--color-green-500)}.border-\[var\(--color-red-400\)\]{border-color:var(--color-red-400)}.border-\[var\(--color-white\)\]{border-color:var(--color-white)}.border-gray-200{border-color:#e5e7eb}.bg-\[rgba\(0\,0\,0\,0\.20\)\]{background-color:#0003}.bg-\[var\(--color-blue-100\)\]{background-color:var(--color-blue-100)}.bg-\[var\(--color-blue-500\)\]{background-color:var(--color-blue-500)}.bg-\[var\(--color-gray-200\)\]{background-color:var(--color-gray-200)}.bg-\[var\(--color-gray-500\)\]{background-color:var(--color-gray-500)}.bg-\[var\(--color-gray-600\)\]{background-color:var(--color-gray-600)}.bg-\[var\(--color-gray-800\)\]{background-color:var(--color-gray-800)}.bg-\[var\(--color-green-50\)\]{background-color:var(--color-green-50)}.bg-\[var\(--color-green-500\)\]{background-color:var(--color-green-500)}.bg-\[var\(--color-red-400\)\]{background-color:var(--color-red-400)}.bg-\[var\(--color-red-50\)\]{background-color:var(--color-red-50)}.bg-\[var\(--color-white\)\]{background-color:var(--color-white)}.bg-white{background-color:#fff}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#48AFF1\]{--tw-gradient-from: #48AFF1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(72 175 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-\[\#5F79AC\]{--tw-gradient-to: #5F79AC var(--tw-gradient-to-position)}.stroke-\[var\(--color-gray-600\)\]{stroke:var(--color-gray-600)}.object-contain{object-fit:contain}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pl-6{padding-left:1.5rem}.pr-2{padding-right:.5rem}.pr-3\.5{padding-right:.875rem}.pt-2{padding-top:.5rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-normal{line-height:1.5}.text-\[\#0078d4\]{color:#0078d4}.text-\[\#1088e7\]{color:#1088e7}.text-\[var\(--color-blue-500\)\]{color:var(--color-blue-500)}.text-\[var\(--color-gray-400\)\]{color:var(--color-gray-400)}.text-\[var\(--color-gray-600\)\]{color:var(--color-gray-600)}.text-\[var\(--color-gray-700\)\]{color:var(--color-gray-700)}.text-\[var\(--color-gray-800\)\]{color:var(--color-gray-800)}.text-\[var\(--color-gray-900\)\]{color:var(--color-gray-900)}.text-\[var\(--color-green-500\)\]{color:var(--color-green-500)}.text-\[var\(--color-red-400\)\]{color:var(--color-red-400)}.text-\[var\(--color-white\)\]{color:var(--color-white)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-2{outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-\[var\(--color-blue-400\)\]{outline-color:var(--color-blue-400)}.backdrop-brightness-50{--tw-backdrop-brightness: brightness(.5);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}body{font-family:Inter,sans-serif}img{display:inline-block}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:left-\[-6px\]:before{content:var(--tw-content);left:-6px}.before\:left-\[calc\(10\%-7px\)\]:before{content:var(--tw-content);left:calc(10% - 7px)}.before\:left-\[calc\(50\%-7px\)\]:before{content:var(--tw-content);left:calc(50% - 7px)}.before\:right-\[-6px\]:before{content:var(--tw-content);right:-6px}.before\:right-\[calc\(10\%\+7px\)\]:before{content:var(--tw-content);right:calc(10% + 7px)}.before\:top-\[-7px\]:before{content:var(--tw-content);top:-7px}.before\:inline-block:before{content:var(--tw-content);display:inline-block}.before\:h-3\.5:before{content:var(--tw-content);height:.875rem}.before\:w-3\.5:before{content:var(--tw-content);width:.875rem}.before\:rotate-45:before{content:var(--tw-content);--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:rounded-tl-sm:before{content:var(--tw-content);border-top-left-radius:.125rem}.before\:bg-\[var\(--color-gray-800\)\]:before{content:var(--tw-content);background-color:var(--color-gray-800)}.last\:text-right:last-child{text-align:right}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-\[var\(--color-gray-500\)\]:hover{border-color:var(--color-gray-500)}.hover\:border-\[var\(--color-green-700\)\]:hover{border-color:var(--color-green-700)}.hover\:border-\[var\(--color-red-400\)\]:hover{border-color:var(--color-red-400)}.hover\:bg-\[rgba\(0\,0\,0\,0\.20\)\]:hover{background-color:#0003}.hover\:bg-\[var\(--color-blue-100\)\]:hover{background-color:var(--color-blue-100)}.hover\:bg-\[var\(--color-blue-200\)\]:hover{background-color:var(--color-blue-200)}.hover\:bg-\[var\(--color-blue-600\)\]:hover{background-color:var(--color-blue-600)}.hover\:bg-\[var\(--color-gray-100\)\]:hover{background-color:var(--color-gray-100)}.hover\:bg-\[var\(--color-gray-50\)\]:hover{background-color:var(--color-gray-50)}.hover\:bg-\[var\(--color-green-400\)\]:hover{background-color:var(--color-green-400)}.hover\:bg-\[var\(--color-green-700\)\]:hover{background-color:var(--color-green-700)}.hover\:bg-\[var\(--color-red-400\)\]:hover{background-color:var(--color-red-400)}.hover\:bg-\[var\(--color-red-50\)\]:hover{background-color:var(--color-red-50)}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-transparent:hover{background-color:transparent}.hover\:text-\[var\(--color-blue-600\)\]:hover{color:var(--color-blue-600)}.hover\:text-\[var\(--color-gray-600\)\]:hover{color:var(--color-gray-600)}.hover\:text-\[var\(--color-gray-900\)\]:hover{color:var(--color-gray-900)}.focus\:ring-transparent:focus{--tw-ring-color: transparent}.focus-visible\:outline:focus-visible{outline-style:solid}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:visible{visibility:visible}.se-design-table-content-loader td{padding:1rem 1rem 1rem 0}.se-design-table-content-loader td div{height:20px;width:80%;border-radius:72px}.se-design-table-content-loader td:last-child div{width:100%}.se-design-table-content-loader .loading-animation{animation:shimmer 3s infinite linear;background:linear-gradient(to right,#f4f8fd 5%,#f0f3f7 25%,#f4f8fd 35%);background-size:1000px 100%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.se-design-sidebar-overlay-container{height:100%;background-color:var(--color-white);transition:all .3s ease-in-out}.se-design-sidebar-overlay-container .overlay-content{height:100%;display:flex;flex-direction:column}.se-design-sidebar-overlay-container.left-aligned{left:0;transform:translate(-100%)}.se-design-sidebar-overlay-container.left-aligned.open-sidebar{transform:translate(0)}.se-design-sidebar-overlay-container.right-aligned{right:0;transform:translate(100%)}.se-design-sidebar-overlay-container.right-aligned.open-sidebar{transform:translate(0)}.se-design-sidebar-overlay-container.abs{position:absolute}.se-design-sidebar-overlay-container.fxd{position:fixed}.se-design-sidebar-overlay-container.right-aligned{box-shadow:0 0 24px #0000000d}.se-design-sidebar-overlay-container.left-aligned{box-shadow:7px 0 14px #00000017}.se-design-sidebar-overlay-container .overlay-close{position:absolute;right:15px;cursor:pointer;top:10px}:root{--color-blue-50: #F5F9FD;--color-blue-100: #E9F2FC;--color-blue-200: #D6ECFB;--color-blue-300: #D7E6F9;--color-blue-400: #96CBF5;--color-blue-500: #1088E7;--color-blue-600: #0167C2;--color-gray-50: #F2F4F8;--color-gray-100: #EAEFF9;--color-gray-200: #E4E9F1;--color-gray-300: #E1E4EB;--color-gray-400: #C9D4E3;--color-gray-500: #A1B3CF;--color-gray-600: #92A1B9;--color-gray-700: #415575;--color-gray-800: #2D3A48;--color-gray-900: #1B2636;--color-green-50: #E5F7ED;--color-green-400: #7BE79C;--color-green-500: #56CF8A;--color-green-700: #219653;--color-yellow-50: #FFF2D7;--color-yellow-400: #954A29;--color-red-50: #FEEBE6;--color-red-400: #FE4773;--color-red-700: #CB384E;--color-white: #FFFFFF;--color-purple-50: #F6F3FF;--color-purple-100: #F5EBFD;--color-purple-200: #F1E4FF;--color-purple-300: #EAD5FF;--color-purple-800: #9335F0}.banner-ctn .banner-title{font-size:18px;line-height:24px;font-weight:600;color:var(--color-gray-900)}.banner-ctn .banner-description{font-size:16px;line-height:20px;font-weight:400;color:var(--color-gray-700)}@media screen and (min-width: 0px) and (max-width: 767px){.banner-ctn .banner-content-ctn{width:90%}.banner-ctn .banner-image-ctn{display:none}}@media (min-width: 768px) and (max-width: 1023px){.banner-ctn .banner-content-ctn{width:60%}.banner-ctn .banner-image-ctn{margin-right:0;width:30%}}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { FC } from 'react';
|
2
|
+
type BadgeProps = {
|
3
|
+
label: string;
|
4
|
+
textColor?: string;
|
5
|
+
bgColor?: string;
|
6
|
+
className?: string;
|
7
|
+
textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
|
8
|
+
fontWeight?: 'bold' | 'normal';
|
9
|
+
};
|
10
|
+
export declare const Badge: FC<BadgeProps>;
|
11
|
+
export {};
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { FC } from 'react';
|
2
|
+
export interface BannerProps {
|
3
|
+
bannerClassName?: string | '';
|
4
|
+
bannerBgColor?: string | '';
|
5
|
+
title: string | '';
|
6
|
+
description: string | '';
|
7
|
+
hasImage?: boolean | false;
|
8
|
+
bannerImage: string | '';
|
9
|
+
hasCloseIcon?: boolean | false;
|
10
|
+
closeIconName: string | '';
|
11
|
+
onClose: () => void | (() => {});
|
12
|
+
onBannerClick?: () => void | (() => {});
|
13
|
+
hasButtonCta?: boolean | false;
|
14
|
+
hasLinkCta?: boolean | false;
|
15
|
+
ctaText: string | '';
|
16
|
+
onCtaClick: () => void | (() => {});
|
17
|
+
}
|
18
|
+
export declare const Banner: FC<BannerProps>;
|
@@ -11,7 +11,7 @@ export interface ButtonProps {
|
|
11
11
|
/**
|
12
12
|
* Button contents
|
13
13
|
*/
|
14
|
-
label: string;
|
14
|
+
label: string | '';
|
15
15
|
/**
|
16
16
|
* Icon name
|
17
17
|
*/
|
@@ -28,5 +28,9 @@ export interface ButtonProps {
|
|
28
28
|
* Optional click handler
|
29
29
|
*/
|
30
30
|
onClick?: () => void;
|
31
|
+
/**
|
32
|
+
* Custom class name
|
33
|
+
*/
|
34
|
+
customClassName?: string;
|
31
35
|
}
|
32
36
|
export declare const Button: FC<ButtonProps>;
|
@@ -1,10 +1,8 @@
|
|
1
|
-
import { FC } from 'react';
|
2
|
-
import { MenuItemProps } from '../MenuItem';
|
1
|
+
import { default as React, FC } from 'react';
|
3
2
|
export interface HamburgerMenuProps {
|
4
|
-
menuItems: MenuItemProps[];
|
5
3
|
className?: string;
|
6
4
|
automationId?: string;
|
7
5
|
popoverContentAutomationId?: string;
|
8
|
-
|
6
|
+
menuContent?: (data: any) => React.ReactNode;
|
9
7
|
}
|
10
8
|
export declare const HamburgerMenu: FC<HamburgerMenuProps>;
|
@@ -5,7 +5,7 @@ export interface KebabMenuProps {
|
|
5
5
|
automationId?: string;
|
6
6
|
menuItems: MenuItemProps[];
|
7
7
|
variant?: 'primary' | 'secondary';
|
8
|
-
onMenuItemClick?: (
|
8
|
+
onMenuItemClick?: (item: MenuItemProps) => void;
|
9
9
|
activeItem?: string;
|
10
10
|
}
|
11
11
|
export declare const KebabMenu: FC<KebabMenuProps>;
|
@@ -1,10 +1,15 @@
|
|
1
1
|
import { FC } from 'react';
|
2
2
|
type LabelChipProps = {
|
3
3
|
label: string;
|
4
|
-
backgroundType?: 'transparent' | 'opaque';
|
5
4
|
icon?: string;
|
6
5
|
iconPosition?: 'left' | 'right';
|
7
6
|
iconRotation?: '0' | '90' | '180' | '270';
|
7
|
+
textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
|
8
|
+
textColor?: string;
|
9
|
+
bgColor?: string;
|
10
|
+
fontWeight?: 'bold' | 'normal';
|
11
|
+
size?: 'sm' | 'md' | 'lg';
|
12
|
+
onClick?: () => void;
|
8
13
|
};
|
9
14
|
export declare const LabelChip: FC<LabelChipProps>;
|
10
15
|
export {};
|
@@ -6,9 +6,10 @@ export interface SidebarOverlayProps {
|
|
6
6
|
style?: React.CSSProperties;
|
7
7
|
noShadow?: boolean;
|
8
8
|
automationId?: string;
|
9
|
-
position?: 'abs' | 'fxd';
|
9
|
+
position?: 'abs' | 'fxd' | '';
|
10
10
|
isOpen?: boolean;
|
11
11
|
displayCloseSidebar?: boolean;
|
12
|
+
closeSidebarIcon?: string;
|
12
13
|
onClose?: () => void;
|
13
14
|
onSidebarUnmount?: () => void;
|
14
15
|
onPathChange?: (route: string) => void;
|
@@ -2,7 +2,7 @@ export { Button } from './Button';
|
|
2
2
|
export { Icon } from './Icon';
|
3
3
|
export { SplitButton } from './SplitButton';
|
4
4
|
export { Toggle } from './Toggle';
|
5
|
-
export {
|
5
|
+
export { Badge } from './Badge';
|
6
6
|
export { LabelChip } from './LabelChip';
|
7
7
|
export { Modal } from './Modal';
|
8
8
|
export { Tooltip } from './Tooltip';
|
@@ -19,3 +19,5 @@ export { KebabMenu } from './KebabMenu';
|
|
19
19
|
export { TableContentLoader } from './TableContentLoader';
|
20
20
|
export { SidebarOverlay } from './SidebarOverlay';
|
21
21
|
export { Tabs } from './Tabs';
|
22
|
+
export { Banner } from './Banner';
|
23
|
+
export { Pagination } from './Pagination';
|
package/dist/index.js
CHANGED
@@ -2,45 +2,49 @@
|
|
2
2
|
import { Button as t } from "./index3.js";
|
3
3
|
import { Icon as m } from "./index4.js";
|
4
4
|
import { SplitButton as f } from "./index5.js";
|
5
|
-
import { Toggle as
|
6
|
-
import {
|
7
|
-
import { LabelChip as
|
8
|
-
import { Modal as
|
5
|
+
import { Toggle as n } from "./index6.js";
|
6
|
+
import { Badge as l } from "./index7.js";
|
7
|
+
import { LabelChip as i } from "./index8.js";
|
8
|
+
import { Modal as g } from "./index9.js";
|
9
9
|
import { Tooltip as L } from "./index10.js";
|
10
|
-
import { MenuItem as
|
11
|
-
import { MenuList as
|
12
|
-
import { Popover as
|
13
|
-
import { Header as
|
10
|
+
import { MenuItem as T } from "./index11.js";
|
11
|
+
import { MenuList as c } from "./index12.js";
|
12
|
+
import { Popover as s } from "./index13.js";
|
13
|
+
import { Header as y } from "./index14.js";
|
14
14
|
import { HamburgerMenu as I } from "./index15.js";
|
15
|
-
import { TableLayout as
|
16
|
-
import { Checkbox as
|
17
|
-
import { ColorCodedLabel as
|
15
|
+
import { TableLayout as S } from "./index16.js";
|
16
|
+
import { Checkbox as w } from "./index17.js";
|
17
|
+
import { ColorCodedLabel as K } from "./index18.js";
|
18
18
|
import { Dropdown as j } from "./index19.js";
|
19
19
|
import { KebabMenu as z } from "./index20.js";
|
20
20
|
import { TableContentLoader as E } from "./index21.js";
|
21
21
|
import { SidebarOverlay as G } from "./index22.js";
|
22
22
|
import { Tabs as N } from "./index23.js";
|
23
|
+
import { Banner as R } from "./index24.js";
|
24
|
+
import { Pagination as V } from "./index25.js";
|
23
25
|
export {
|
26
|
+
l as Badge,
|
27
|
+
R as Banner,
|
24
28
|
t as Button,
|
25
|
-
|
26
|
-
|
29
|
+
w as Checkbox,
|
30
|
+
K as ColorCodedLabel,
|
27
31
|
j as Dropdown,
|
28
32
|
I as HamburgerMenu,
|
29
|
-
|
33
|
+
y as Header,
|
30
34
|
m as Icon,
|
31
35
|
z as KebabMenu,
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
36
|
+
i as LabelChip,
|
37
|
+
T as MenuItem,
|
38
|
+
c as MenuList,
|
39
|
+
g as Modal,
|
40
|
+
V as Pagination,
|
41
|
+
s as Popover,
|
37
42
|
G as SidebarOverlay,
|
38
43
|
f as SplitButton,
|
39
44
|
E as TableContentLoader,
|
40
|
-
|
45
|
+
S as TableLayout,
|
41
46
|
N as Tabs,
|
42
|
-
n as
|
43
|
-
b as Toggle,
|
47
|
+
n as Toggle,
|
44
48
|
L as Tooltip
|
45
49
|
};
|
46
50
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index10.js
CHANGED
@@ -1,24 +1,24 @@
|
|
1
|
-
import r, { useState as
|
1
|
+
import r, { useState as b, useRef as d, useEffect as a } from "react";
|
2
2
|
const u = ({
|
3
3
|
content: l,
|
4
4
|
tooltipSrc: c,
|
5
5
|
position: t = "bottom-center",
|
6
6
|
displayOn: o = "hover"
|
7
7
|
}) => {
|
8
|
-
const [
|
9
|
-
|
8
|
+
const [i, f] = b(o === "always-on"), s = d(null);
|
9
|
+
a(() => {
|
10
10
|
const e = s.current;
|
11
11
|
e && (t == "bottom-center" ? (e.setAttribute("style", "left: 50%;transform: translateX(-50%);"), e.classList.add("before:left-[calc(50%-7px)]"), e.classList.add("before:top-[-7px]")) : t == "bottom-left" ? (e.classList.add("before:left-[calc(10%-7px)]"), e.classList.add("before:top-[-7px]")) : t == "bottom-right" ? (e.setAttribute("style", "right: 0;"), e.classList.add("before:right-[calc(10%+7px)]"), e.classList.add("before:top-[-7px]")) : t == "left" ? (e.setAttribute("style", "right: calc(100% + 10px);top:0;"), e.classList.add("before:right-[-6px]"), e.classList.add("before:top-0px")) : t == "right" && (e.setAttribute("style", "left: calc(100% + 10px);top:0;"), e.classList.add("before:left-[-6px]"), e.classList.add("before:top-0px")), o == "hover" && e.classList.add("group-hover:visible"));
|
12
|
-
}, [l]),
|
12
|
+
}, [l]), a(() => {
|
13
13
|
const e = s.current;
|
14
|
-
e && (
|
15
|
-
}, [
|
16
|
-
const
|
14
|
+
e && (i ? e.classList.remove("invisible") : e.classList.add("invisible"));
|
15
|
+
}, [i]);
|
16
|
+
const p = () => {
|
17
17
|
o == "click" && f((e) => !e);
|
18
18
|
};
|
19
19
|
return /* @__PURE__ */ r.createElement("div", {
|
20
|
-
className: "group relative",
|
21
|
-
onClick:
|
20
|
+
className: "se-design-tooltip group relative",
|
21
|
+
onClick: p
|
22
22
|
}, /* @__PURE__ */ r.createElement("div", {
|
23
23
|
className: "cursor-pointer",
|
24
24
|
id: "tooltip-trigger"
|
package/dist/index10.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index10.js","sources":["../src/components/Tooltip/index.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from \"react\";\n\nexport interface TooltipProps {\n /**\n * Tooltip contents\n */\n content: string;\n /**\n * Tooltip position\n */\n position?: \"bottom-center\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"right\";\n /**\n * Display tooltip on Hover, Click or Always\n */\n displayOn?: 'hover' | 'click' | 'always-on';\n /**\n * Tooltip trigger contents\n */\n tooltipSrc?: React.ReactNode;\n}\n\nexport const Tooltip = ({ content, tooltipSrc, position = 'bottom-center', displayOn = 'hover' }: TooltipProps) => {\n const [displayTooltip, setDisplayTooltip] = useState(displayOn === 'always-on');\n const tooltipContentRef = useRef<HTMLDivElement>(null);;\n\n useEffect(() => {\n const tooltipContent = tooltipContentRef.current;\n\n if(!tooltipContent) {\n return\n }\n \n if(position == 'bottom-center') {\n tooltipContent.setAttribute(\"style\", `left: 50%;transform: translateX(-50%);`);\n tooltipContent.classList.add(`before:left-[calc(50%-7px)]`);\n tooltipContent.classList.add(`before:top-[-7px]`);\n } else if(position == 'bottom-left') {\n tooltipContent.classList.add(`before:left-[calc(10%-7px)]`);\n tooltipContent.classList.add(`before:top-[-7px]`);\n } else if(position == 'bottom-right') {\n tooltipContent.setAttribute(\"style\", `right: 0;`);\n tooltipContent.classList.add(`before:right-[calc(10%+7px)]`);\n tooltipContent.classList.add(`before:top-[-7px]`);\n } else if(position == 'left') {\n tooltipContent.setAttribute(\"style\", `right: calc(100% + 10px);top:0;`);\n tooltipContent.classList.add(`before:right-[-6px]`);\n tooltipContent.classList.add(`before:top-0px`);\n } else if(position == 'right') {\n tooltipContent.setAttribute(\"style\", `left: calc(100% + 10px);top:0;`);\n tooltipContent.classList.add(`before:left-[-6px]`);\n tooltipContent.classList.add(`before:top-0px`);\n }\n\n if(displayOn == 'hover') {\n tooltipContent.classList.add(`group-hover:visible`);\n }\n }, [content]);\n\n useEffect(() => {\n const tooltipContent = tooltipContentRef.current;\n\n if(!tooltipContent) {\n return;\n }\n if(displayTooltip) {\n tooltipContent.classList.remove(`invisible`);\n } else {\n tooltipContent.classList.add(`invisible`);\n }\n }, [displayTooltip])\n\n const onTooltipSrcClick = () => {\n if(displayOn == 'click') {\n setDisplayTooltip((displayTooltip) => !displayTooltip)\n }\n }\n\n return (\n <div className=\"group relative\" onClick={onTooltipSrcClick}>\n <div className=\"cursor-pointer\" id=\"tooltip-trigger\">\n {tooltipSrc}\n </div>\n <div\n ref={tooltipContentRef}\n id=\"tooltip-content\"\n className=\"flex justify-center px-3 py-2 min-w-24 max-w-60\n absolute top-[calc(100%+8px)] w-max bg-[var(--color-gray-800)] text-[var(--color-white)] text-xs rounded-[3px]\n before:content-[' '] before:w-3.5 before:h-3.5 before:bg-[var(--color-gray-800)] before:inline-block\n before:absolute before:rounded-tl-sm before:rotate-45\"\n >\n {content}\n </div>\n </div>\n );\n};\n"],"names":["Tooltip","content","tooltipSrc","position","displayOn","displayTooltip","setDisplayTooltip","useState","tooltipContentRef","useRef","useEffect","tooltipContent","current","setAttribute","classList","add","remove","onTooltipSrcClick","React","createElement","className","onClick","id","ref"],"mappings":";AAqBO,MAAMA,IAAUA,CAAC;AAAA,EAAEC,SAAAA;AAAAA,EAASC,YAAAA;AAAAA,EAAYC,UAAAA,IAAW;AAAA,EAAiBC,WAAAA,IAAY;AAAsB,MAAM;AACjH,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAASH,MAAc,WAAW,GACxEI,IAAoBC,EAAuB,IAAI;AAErDC,EAAAA,EAAU,MAAM;AACd,UAAMC,IAAiBH,EAAkBI;AAEzC,IAAID,MAIDR,KAAY,mBACEU,EAAAA,aAAa,SAAS,wCAAwC,GAC9DC,EAAAA,UAAUC,IAAI,6BAA6B,GAC3CD,EAAAA,UAAUC,IAAI,mBAAmB,KACxCZ,KAAY,iBACLW,EAAAA,UAAUC,IAAI,6BAA6B,GAC3CD,EAAAA,UAAUC,IAAI,mBAAmB,KACxCZ,KAAY,kBACLU,EAAAA,aAAa,SAAS,WAAW,GACjCC,EAAAA,UAAUC,IAAI,8BAA8B,GAC5CD,EAAAA,UAAUC,IAAI,mBAAmB,KACxCZ,KAAY,UACLU,EAAAA,aAAa,SAAS,iCAAiC,GACvDC,EAAAA,UAAUC,IAAI,qBAAqB,GACnCD,EAAAA,UAAUC,IAAI,gBAAgB,KACrCZ,KAAY,YACLU,EAAAA,aAAa,SAAS,gCAAgC,GACtDC,EAAAA,UAAUC,IAAI,oBAAoB,GAClCD,EAAAA,UAAUC,IAAI,gBAAgB,IAG5CX,KAAa,WACCU,EAAAA,UAAUC,IAAI,qBAAqB;AAAA,EACpD,GACC,CAACd,CAAO,CAAC,GAEZS,EAAU,MAAM;AACd,UAAMC,IAAiBH,EAAkBI;AAEzC,IAAID,MAGDN,IACcS,EAAAA,UAAUE,OAAO,WAAW,IAE5BF,EAAAA,UAAUC,IAAI,WAAW;AAAA,EAC1C,GACC,CAACV,CAAc,CAAC;AAEnB,QAAMY,IAAoBA,MAAM;AAC9B,IAAGb,KAAa,WACKC,EAAAA,CAAAA,MAAmB,CAACA,CAAc;AAAA,EAEzD;AAGEa,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,
|
1
|
+
{"version":3,"file":"index10.js","sources":["../src/components/Tooltip/index.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from \"react\";\n\nexport interface TooltipProps {\n /**\n * Tooltip contents\n */\n content: string;\n /**\n * Tooltip position\n */\n position?: \"bottom-center\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"right\";\n /**\n * Display tooltip on Hover, Click or Always\n */\n displayOn?: 'hover' | 'click' | 'always-on';\n /**\n * Tooltip trigger contents\n */\n tooltipSrc?: React.ReactNode;\n}\n\nexport const Tooltip = ({ content, tooltipSrc, position = 'bottom-center', displayOn = 'hover' }: TooltipProps) => {\n const [displayTooltip, setDisplayTooltip] = useState(displayOn === 'always-on');\n const tooltipContentRef = useRef<HTMLDivElement>(null);;\n\n useEffect(() => {\n const tooltipContent = tooltipContentRef.current;\n\n if(!tooltipContent) {\n return\n }\n \n if(position == 'bottom-center') {\n tooltipContent.setAttribute(\"style\", `left: 50%;transform: translateX(-50%);`);\n tooltipContent.classList.add(`before:left-[calc(50%-7px)]`);\n tooltipContent.classList.add(`before:top-[-7px]`);\n } else if(position == 'bottom-left') {\n tooltipContent.classList.add(`before:left-[calc(10%-7px)]`);\n tooltipContent.classList.add(`before:top-[-7px]`);\n } else if(position == 'bottom-right') {\n tooltipContent.setAttribute(\"style\", `right: 0;`);\n tooltipContent.classList.add(`before:right-[calc(10%+7px)]`);\n tooltipContent.classList.add(`before:top-[-7px]`);\n } else if(position == 'left') {\n tooltipContent.setAttribute(\"style\", `right: calc(100% + 10px);top:0;`);\n tooltipContent.classList.add(`before:right-[-6px]`);\n tooltipContent.classList.add(`before:top-0px`);\n } else if(position == 'right') {\n tooltipContent.setAttribute(\"style\", `left: calc(100% + 10px);top:0;`);\n tooltipContent.classList.add(`before:left-[-6px]`);\n tooltipContent.classList.add(`before:top-0px`);\n }\n\n if(displayOn == 'hover') {\n tooltipContent.classList.add(`group-hover:visible`);\n }\n }, [content]);\n\n useEffect(() => {\n const tooltipContent = tooltipContentRef.current;\n\n if(!tooltipContent) {\n return;\n }\n if(displayTooltip) {\n tooltipContent.classList.remove(`invisible`);\n } else {\n tooltipContent.classList.add(`invisible`);\n }\n }, [displayTooltip])\n\n const onTooltipSrcClick = () => {\n if(displayOn == 'click') {\n setDisplayTooltip((displayTooltip) => !displayTooltip)\n }\n }\n\n return (\n <div className=\"se-design-tooltip group relative\" onClick={onTooltipSrcClick}>\n <div className=\"cursor-pointer\" id=\"tooltip-trigger\">\n {tooltipSrc}\n </div>\n <div\n ref={tooltipContentRef}\n id=\"tooltip-content\"\n className=\"flex justify-center px-3 py-2 min-w-24 max-w-60\n absolute top-[calc(100%+8px)] w-max bg-[var(--color-gray-800)] text-[var(--color-white)] text-xs rounded-[3px]\n before:content-[' '] before:w-3.5 before:h-3.5 before:bg-[var(--color-gray-800)] before:inline-block\n before:absolute before:rounded-tl-sm before:rotate-45\"\n >\n {content}\n </div>\n </div>\n );\n};\n"],"names":["Tooltip","content","tooltipSrc","position","displayOn","displayTooltip","setDisplayTooltip","useState","tooltipContentRef","useRef","useEffect","tooltipContent","current","setAttribute","classList","add","remove","onTooltipSrcClick","React","createElement","className","onClick","id","ref"],"mappings":";AAqBO,MAAMA,IAAUA,CAAC;AAAA,EAAEC,SAAAA;AAAAA,EAASC,YAAAA;AAAAA,EAAYC,UAAAA,IAAW;AAAA,EAAiBC,WAAAA,IAAY;AAAsB,MAAM;AACjH,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAASH,MAAc,WAAW,GACxEI,IAAoBC,EAAuB,IAAI;AAErDC,EAAAA,EAAU,MAAM;AACd,UAAMC,IAAiBH,EAAkBI;AAEzC,IAAID,MAIDR,KAAY,mBACEU,EAAAA,aAAa,SAAS,wCAAwC,GAC9DC,EAAAA,UAAUC,IAAI,6BAA6B,GAC3CD,EAAAA,UAAUC,IAAI,mBAAmB,KACxCZ,KAAY,iBACLW,EAAAA,UAAUC,IAAI,6BAA6B,GAC3CD,EAAAA,UAAUC,IAAI,mBAAmB,KACxCZ,KAAY,kBACLU,EAAAA,aAAa,SAAS,WAAW,GACjCC,EAAAA,UAAUC,IAAI,8BAA8B,GAC5CD,EAAAA,UAAUC,IAAI,mBAAmB,KACxCZ,KAAY,UACLU,EAAAA,aAAa,SAAS,iCAAiC,GACvDC,EAAAA,UAAUC,IAAI,qBAAqB,GACnCD,EAAAA,UAAUC,IAAI,gBAAgB,KACrCZ,KAAY,YACLU,EAAAA,aAAa,SAAS,gCAAgC,GACtDC,EAAAA,UAAUC,IAAI,oBAAoB,GAClCD,EAAAA,UAAUC,IAAI,gBAAgB,IAG5CX,KAAa,WACCU,EAAAA,UAAUC,IAAI,qBAAqB;AAAA,EACpD,GACC,CAACd,CAAO,CAAC,GAEZS,EAAU,MAAM;AACd,UAAMC,IAAiBH,EAAkBI;AAEzC,IAAID,MAGDN,IACcS,EAAAA,UAAUE,OAAO,WAAW,IAE5BF,EAAAA,UAAUC,IAAI,WAAW;AAAA,EAC1C,GACC,CAACV,CAAc,CAAC;AAEnB,QAAMY,IAAoBA,MAAM;AAC9B,IAAGb,KAAa,WACKC,EAAAA,CAAAA,MAAmB,CAACA,CAAc;AAAA,EAEzD;AAGEa,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,IAAmCC,SAASJ;AAAAA,EAAAA,GACzDE,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,IAAiBE,IAAG;AAAA,EAChCpB,GAAAA,CACE,GACLgB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEI,KAAKf;AAAAA,IACLc,IAAG;AAAA,IACHF,WAAU;AAAA,EAG8C,GAEvDnB,CACE,CACF;AAET;"}
|