@dialpad/dialtone 6.4.1 → 6.7.0

package/CHANGELOG.md

@@ -0,0 +1,40 @@
+# [6.7.0](https://github.com/dialpad/dialtone/compare/v6.6.1...v6.7.0) (2021-11-11)
+
+
+### Bug Fixes
+
+* bad syntax in vue files when style tags are used in SVG ([#498](https://github.com/dialpad/dialtone/issues/498)) ([9a7297e](https://github.com/dialpad/dialtone/commit/9a7297ede72f7b7b1778790a6bad958acf310d15))
+
+
+### Features
+
+* add SVGs for thumbs up and down including update to json file ([#497](https://github.com/dialpad/dialtone/issues/497)) ([88ec960](https://github.com/dialpad/dialtone/commit/88ec960ebca4b77e2fe8836b62f01d393c4d6f3e))
+
+## [6.6.1](https://github.com/dialpad/dialtone/compare/v6.6.0...v6.6.1) (2021-11-09)
+
+
+### Bug Fixes
+
+* remove generated classes from playstore SVG ([2694fab](https://github.com/dialpad/dialtone/commit/2694fab282b34e0bdab891072f5314f1b0470bdb))
+
+# [6.6.0](https://github.com/dialpad/dialtone/compare/v6.5.0...v6.6.0) (2021-11-05)
+
+
+### Features
+
+* add Kare icon ([#495](https://github.com/dialpad/dialtone/issues/495)) ([9a71d5b](https://github.com/dialpad/dialtone/commit/9a71d5b4bbd929315e192c3701dc1f7f46e5b8f0))
+* uc-11528 add background replacement icon to dialtone ([223e17f](https://github.com/dialpad/dialtone/commit/223e17fc28b68730764241dd004799dff55799c2))
+
+# [6.5.0](https://github.com/dialpad/dialtone/compare/v6.4.1...v6.5.0) (2021-11-02)
+
+
+### Bug Fixes
+
+* percentage coordinate classes in the documentation ([#492](https://github.com/dialpad/dialtone/issues/492)) ([57fb729](https://github.com/dialpad/dialtone/commit/57fb729d803fea839caf9df173c0dea924ebf126))
+* recover removed step in deploy github action ([#494](https://github.com/dialpad/dialtone/issues/494)) ([611108e](https://github.com/dialpad/dialtone/commit/611108e98a87f0bdf62222f290e0a2482e7a794b))
+* releasing guide markdown ([#493](https://github.com/dialpad/dialtone/issues/493)) ([31de38b](https://github.com/dialpad/dialtone/commit/31de38beeb44db97b46fbfd8c96a1dec3db05369))
+
+
+### Features
+
+* automatization for the releasing process ([#484](https://github.com/dialpad/dialtone/issues/484)) ([a3d5fa5](https://github.com/dialpad/dialtone/commit/a3d5fa52bdf5ab993e23739c02637ceb11919f9e))

package/lib/build/less/components/modal.less

@@ -51,16 +51,7 @@
     opacity: 0;
     backface-visibility: hidden;
 
-    transition:
-        opacity 100ms var(--ttf-in-out) 10ms,
-        z-index 0s 200ms,
-        visibility 0s 200ms,
-        transform 100ms var(--ttf-in-out) 10ms;
     will-change: visibility, z-index, opacity;
-
-    @media (prefers-reduced-motion) {
-        transition: none;
-    }
 }
 
 //  $$  MODAL DIALOG
@@ -88,12 +79,7 @@
   backface-visibility: hidden;
   transform: translate3d(0,30%,0) scale3d(.75,.75,.75);
 
-  transition:
-    opacity 200ms var(--ttf-in-out) 0s,
-    z-index 0s 200ms,
-    visibility 0s 200ms,
-    transform 100ms var(--ttf-in-out) 0s;
-  will-change: visibility, z-index, opacity, tranform;
+  will-change: visibility, z-index, opacity, transform;
 
   .d-stack16();
 }
@@ -106,11 +92,6 @@
   opacity: 1;
   z-index: var(--zi-modal);
   transform: translate3d(0,0,0) scale3d(1,1,1);
-  transition:
-    opacity 100ms var(--ttf-in-out) 10ms,
-    z-index 0s 0s,
-    visibility 0s 0s,
-    transform 100ms var(--ttf-in-out) 10ms;
 }
 
 
@@ -204,13 +185,6 @@
     transform: unset !important;
   }
 
-  &,
-  .d-modal__dialog {
-    transition:
-      opacity 200ms var(--ttf-in-out) 0s,
-      z-index 0s 200ms,
-      visibility 0s 200ms;
-  }
 
   .d-modal__footer {
     margin: var(--sun16) var(--sun12);
@@ -229,3 +203,69 @@
 .d-modal--danger {
   --modal-header--fc:     var(--fc-error);
 }
+
+
+//  ============================================================================
+//  $   TRANSITIONS
+//  ----------------------------------------------------------------------------
+.d-modal--animate {
+  z-index: var(--zi-hide)!important;
+  visibility: hidden!important;
+  opacity: 0!important;
+  backface-visibility: hidden!important;
+}
+
+.d-modal__dialog--animate {
+  .d-modal--animate();
+  transform: translate3d(0,30%,0) scale3d(.75,.75,.75)!important;;
+}
+
+.d-modal--animate-in, .d-modal__dialog--animate-in {
+  transition:
+    opacity 100ms var(--ttf-in-out) 10ms,
+    z-index 0s 0s,
+    visibility 0s 0s,
+    transform 100ms var(--ttf-in-out) 10ms;
+
+  @media (prefers-reduced-motion) {
+    transition: none!important;
+  }
+}
+
+.d-modal--animate-out {
+  transition:
+    opacity 100ms var(--ttf-in-out) 10ms,
+    z-index 0s 200ms,
+    visibility 0s 200ms,
+    transform 100ms var(--ttf-in-out) 10ms;
+
+  &.d-modal--full {
+    transition:
+      opacity 200ms var(--ttf-in-out) 0s,
+      z-index 0s 200ms,
+      visibility 0s 200ms;
+  }
+
+  @media (prefers-reduced-motion) {
+    transition: none!important;
+  }
+}
+
+.d-modal__dialog--animate-out {
+  transition:
+    opacity 200ms var(--ttf-in-out) 0s,
+    z-index 0s 200ms,
+    visibility 0s 200ms,
+    transform 100ms var(--ttf-in-out) 0s;
+
+  &.d-modal--full {
+    transition:
+      opacity 200ms var(--ttf-in-out) 0s,
+      z-index 0s 200ms,
+      visibility 0s 200ms;
+  }
+
+  @media (prefers-reduced-motion) {
+    transition: none!important;
+  }
+}

package/lib/build/svg/brand/app-store-badge.svg

@@ -0,0 +1,27 @@
+<svg width="180" height="61" viewBox="0 0 180 61" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M165.666 0.671094H14.3422C13.7906 0.671094 13.2456 0.671094 12.6955 0.674102C12.235 0.677111 11.7781 0.68585 11.3132 0.693206C10.3031 0.705092 9.29543 0.793952 8.29888 0.959015C7.30373 1.12767 6.33976 1.44564 5.43956 1.90216C4.54046 2.36254 3.71893 2.96076 3.00477 3.67511C2.28686 4.38745 1.68842 5.21083 1.23248 6.11357C0.775271 7.01452 0.458244 7.97996 0.292343 8.97657C0.124866 9.97191 0.0347448 10.9787 0.0227888 11.988C0.00882972 12.4492 0.00735559 12.9119 0 13.3732V48.1419C0.00735559 48.6089 0.00882972 49.0614 0.0227888 49.5286C0.0347485 50.5378 0.12487 51.5446 0.292343 52.5399C0.457785 53.5371 0.774831 54.5031 1.23248 55.4044C1.68821 56.3042 2.28673 57.1242 3.00477 57.8326C3.71622 58.5501 4.53828 59.1488 5.43956 59.6056C6.33975 60.0634 7.30362 60.3832 8.29888 60.5545C9.2956 60.7182 10.3032 60.8071 11.3132 60.8204C11.7781 60.8307 12.235 60.8365 12.6955 60.8365C13.2456 60.8395 13.7906 60.8395 14.3422 60.8395H165.666C166.207 60.8395 166.756 60.8395 167.296 60.8365C167.755 60.8365 168.225 60.8307 168.683 60.8204C169.691 60.8078 170.697 60.7189 171.692 60.5545C172.69 60.382 173.657 60.0622 174.562 59.6056C175.462 59.1485 176.284 58.5499 176.995 57.8326C177.711 57.1215 178.311 56.302 178.772 55.4044C179.226 54.5024 179.54 53.5365 179.703 52.5399C179.871 51.5445 179.964 50.5379 179.982 49.5286C179.988 49.0614 179.988 48.6089 179.988 48.1419C180 47.5954 180 47.0519 180 46.4966V15.0154C180 14.4646 180 13.9181 179.988 13.3732C179.988 12.9119 179.988 12.4492 179.982 11.9879C179.964 10.9786 179.871 9.97198 179.703 8.9765C179.54 7.98048 179.226 7.01511 178.772 6.11351C177.843 4.30406 176.371 2.83118 174.562 1.90202C173.657 1.44662 172.69 1.12874 171.692 0.95888C170.697 0.79309 169.691 0.704198 168.683 0.692995C168.225 0.685655 167.755 0.67684 167.296 0.673907C166.756 0.670898 166.207 0.670898 165.666 0.670898V0.671094Z" fill="#A6A6A6"/>
+<path d="M12.7028 59.5234C12.2445 59.5234 11.7972 59.5175 11.3425 59.5073C10.4006 59.495 9.46082 59.413 8.53096 59.2619C7.66392 59.1126 6.82399 58.8348 6.03888 58.4378C5.26096 58.044 4.55144 57.5277 3.93749 56.9086C3.31466 56.2968 2.79612 55.5872 2.40243 54.808C2.0044 54.0237 1.72894 53.183 1.58564 52.3152C1.4309 51.3828 1.34717 50.4399 1.33519 49.4948C1.32566 49.1776 1.31317 48.1213 1.31317 48.1213V13.3732C1.31317 13.3732 1.32647 12.3332 1.33527 12.0276C1.34674 11.084 1.42998 10.1426 1.58426 9.21162C1.72782 8.34147 2.00349 7.49836 2.40174 6.71147C2.79398 5.93277 3.30964 5.22265 3.92872 4.60866C4.54711 3.98884 5.2589 3.46986 6.03814 3.07065C6.82145 2.67487 7.65979 2.39906 8.52508 2.25245C9.45799 2.09987 10.401 2.01738 11.3462 2.00567L12.7035 1.9873H167.289L168.663 2.00641C169.599 2.01754 170.534 2.09929 171.458 2.25098C172.332 2.39942 173.179 2.67716 173.971 3.07506C175.533 3.87958 176.803 5.15241 177.604 6.71515C177.996 7.49659 178.267 8.33283 178.409 9.19547C178.565 10.1341 178.653 11.0829 178.671 12.0342C178.675 12.4602 178.675 12.9178 178.675 13.3732C178.687 13.9373 178.687 14.4742 178.687 15.0155V46.4966C178.687 47.0431 178.687 47.5763 178.675 48.1139C178.675 48.6031 178.675 49.0512 178.669 49.5124C178.651 50.4468 178.566 51.3786 178.412 52.3005C178.272 53.1745 177.998 54.0217 177.6 54.8125C177.203 55.5833 176.688 56.2867 176.072 56.8969C175.458 57.5193 174.747 58.0386 173.967 58.4349C173.177 58.835 172.331 59.1138 171.458 59.2619C170.528 59.4138 169.588 59.4958 168.646 59.5073C168.206 59.5175 167.744 59.5234 167.296 59.5234L165.666 59.5264L12.7028 59.5234Z" fill="black"/>
+<path d="M37.2576 31.2076C37.2738 29.9521 37.6072 28.7211 38.227 27.6291C38.8468 26.5371 39.7327 25.6196 40.8023 24.962C40.1228 23.9916 39.2264 23.1929 38.1842 22.6295C37.1421 22.0661 35.9829 21.7535 34.7988 21.7164C32.2729 21.4513 29.8241 23.2279 28.5369 23.2279C27.2248 23.2279 25.243 21.7428 23.109 21.7867C21.7286 21.8313 20.3833 22.2327 19.2042 22.9518C18.0251 23.6709 17.0523 24.6831 16.3808 25.89C13.4716 30.9267 15.6416 38.329 18.4283 42.4003C19.8225 44.3939 21.452 46.6208 23.5842 46.5418C25.6706 46.4553 26.4498 45.2114 28.9683 45.2114C31.4635 45.2114 32.1946 46.5418 34.37 46.4916C36.6088 46.4553 38.0194 44.4892 39.3647 42.4767C40.3665 41.0562 41.1373 39.4862 41.6487 37.8249C40.348 37.2748 39.238 36.3539 38.4572 35.1772C37.6763 34.0004 37.2591 32.6199 37.2576 31.2076Z" fill="white"/>
+<path d="M33.1486 19.0387C34.3693 17.5733 34.9707 15.6898 34.8251 13.7881C32.9601 13.984 31.2374 14.8753 30.0002 16.2845C29.3953 16.9729 28.932 17.7738 28.6368 18.6414C28.3416 19.509 28.2203 20.4262 28.2798 21.3407C29.2126 21.3503 30.1355 21.1481 30.9788 20.7494C31.8222 20.3507 32.5641 19.7657 33.1486 19.0387Z" fill="white"/>
+<path d="M63.6315 41.4947H56.5114L54.8016 46.5435H51.7858L58.5298 27.8643H61.6631L68.407 46.5435H65.3398L63.6315 41.4947ZM57.2488 39.165H62.8926L60.1104 30.9711H60.0326L57.2488 39.165Z" fill="white"/>
+<path d="M82.9717 39.7344C82.9717 43.9665 80.7066 46.6855 77.2883 46.6855C76.4224 46.7308 75.5613 46.5313 74.8035 46.1099C74.0456 45.6885 73.4218 45.0623 73.0034 44.3028H72.9387V51.0483H70.1433V32.9243H72.8491V35.1894H72.9006C73.3382 34.4336 73.9726 33.8106 74.7362 33.3866C75.4998 32.9627 76.364 32.7537 77.2369 32.7818C80.6933 32.7818 82.9717 35.5141 82.9717 39.7344ZM80.0984 39.7344C80.0984 36.9772 78.6735 35.1645 76.4995 35.1645C74.3636 35.1645 72.927 37.0153 72.927 39.7344C72.927 42.4784 74.3636 44.3161 76.4995 44.3161C78.6736 44.3161 80.0984 42.5166 80.0984 39.7344Z" fill="white"/>
+<path d="M97.9609 39.7344C97.9609 43.9664 95.6958 46.6855 92.2775 46.6855C91.4116 46.7308 90.5505 46.5313 89.7927 46.1099C89.0349 45.6885 88.411 45.0623 87.9926 44.3028H87.9279V51.0483H85.1325V32.9243H87.8383V35.1894H87.8897C88.3274 34.4336 88.9618 33.8106 89.7253 33.3866C90.4889 32.9627 91.3532 32.7537 92.2261 32.7818C95.6826 32.7818 97.9609 35.5141 97.9609 39.7344ZM95.0877 39.7344C95.0877 36.9772 93.6628 35.1644 91.4887 35.1644C89.3529 35.1644 87.9162 37.0153 87.9162 39.7344C87.9162 42.4784 89.3529 44.3161 91.4887 44.3161C93.6628 44.3161 95.0877 42.5166 95.0877 39.7344H95.0877Z" fill="white"/>
+<path d="M107.868 41.339C108.075 43.1913 109.874 44.4076 112.333 44.4076C114.689 44.4076 116.385 43.1913 116.385 41.521C116.385 40.0712 115.362 39.2031 112.941 38.6081L110.521 38.0249C107.091 37.1964 105.498 35.5923 105.498 32.9893C105.498 29.7665 108.307 27.5527 112.295 27.5527C116.242 27.5527 118.948 29.7665 119.039 32.9893H116.217C116.048 31.1252 114.507 30 112.255 30C110.003 30 108.463 31.1385 108.463 32.7954C108.463 34.116 109.447 34.8931 111.854 35.488L113.912 35.9933C117.745 36.8997 119.337 38.4392 119.337 41.1714C119.337 44.666 116.554 46.8548 112.126 46.8548C107.984 46.8548 105.187 44.7174 105.006 41.3388L107.868 41.339Z" fill="white"/>
+<path d="M125.37 29.7021V32.925H127.96V35.1388H125.37V42.6466C125.37 43.8129 125.889 44.3565 127.027 44.3565C127.335 44.3511 127.642 44.3295 127.947 44.2918V46.4923C127.435 46.5879 126.915 46.6312 126.394 46.6215C123.637 46.6215 122.562 45.5859 122.562 42.9447V35.1388H120.581V32.925H122.562V29.7021H125.37Z" fill="white"/>
+<path d="M129.46 39.7354C129.46 35.4504 131.983 32.7578 135.919 32.7578C139.867 32.7578 142.379 35.4504 142.379 39.7354C142.379 44.0321 139.881 46.7129 135.919 46.7129C131.958 46.7129 129.46 44.032 129.46 39.7354ZM139.531 39.7354C139.531 36.796 138.184 35.0611 135.919 35.0611C133.654 35.0611 132.308 36.8092 132.308 39.7354C132.308 42.6865 133.654 44.4081 135.919 44.4081C138.184 44.4081 139.531 42.6865 139.531 39.7354H139.531Z" fill="white"/>
+<path d="M144.684 32.9242H147.35V35.2422H147.415C147.595 34.5182 148.019 33.8784 148.616 33.4303C149.212 32.9823 149.945 32.7532 150.691 32.7817C151.013 32.7805 151.334 32.8155 151.648 32.886V35.5007C151.242 35.3764 150.817 35.3194 150.392 35.3318C149.986 35.3153 149.581 35.3869 149.206 35.5417C148.83 35.6964 148.492 35.9307 148.215 36.2284C147.938 36.526 147.729 36.8801 147.602 37.2661C147.475 37.6522 147.433 38.0612 147.479 38.4651V46.5428H144.684L144.684 32.9242Z" fill="white"/>
+<path d="M164.537 42.544C164.161 45.0162 161.753 46.7129 158.673 46.7129C154.711 46.7129 152.252 44.0585 152.252 39.8C152.252 35.5283 154.724 32.7578 158.555 32.7578C162.323 32.7578 164.693 35.3461 164.693 39.4753V40.4331H155.074V40.602C155.03 41.1032 155.092 41.6082 155.258 42.0832C155.424 42.5583 155.689 42.9927 156.035 43.3576C156.382 43.7224 156.802 44.0094 157.268 44.1993C157.734 44.3893 158.235 44.478 158.738 44.4595C159.398 44.5214 160.061 44.3684 160.628 44.0233C161.194 43.6782 161.635 43.1593 161.883 42.544L164.537 42.544ZM155.087 38.4794H161.896C161.921 38.0287 161.853 37.5778 161.695 37.1548C161.538 36.7318 161.294 36.3459 160.981 36.0213C160.667 35.6968 160.29 35.4405 159.872 35.2687C159.455 35.0969 159.007 35.0132 158.555 35.0229C158.1 35.0202 157.649 35.1077 157.228 35.2803C156.806 35.4529 156.424 35.7072 156.101 36.0285C155.779 36.3499 155.523 36.7319 155.349 37.1526C155.175 37.5732 155.086 38.0242 155.087 38.4794V38.4794Z" fill="white"/>
+<path d="M56.8986 13.8041C57.4846 13.7621 58.0727 13.8506 58.6204 14.0634C59.1681 14.2761 59.6618 14.6078 60.0658 15.0344C60.4698 15.461 60.7741 15.972 60.9567 16.5305C61.1393 17.0889 61.1957 17.681 61.1218 18.2639C61.1218 21.1313 59.5721 22.7795 56.8986 22.7795H53.6566V13.8041H56.8986ZM55.0506 21.5102H56.7429C57.1616 21.5352 57.5807 21.4666 57.9696 21.3092C58.3585 21.1518 58.7074 20.9097 58.991 20.6005C59.2745 20.2913 59.4855 19.9228 59.6087 19.5217C59.7318 19.1207 59.764 18.6972 59.7028 18.2822C59.7595 17.8688 59.7241 17.4479 59.5991 17.0498C59.474 16.6517 59.2625 16.2862 58.9796 15.9794C58.6967 15.6727 58.3495 15.4323 57.9628 15.2755C57.5761 15.1187 57.1595 15.0494 56.7429 15.0725H55.0506V21.5102Z" fill="white"/>
+<path d="M62.6966 19.3904C62.654 18.9453 62.7049 18.4961 62.8461 18.0719C62.9872 17.6476 63.2155 17.2575 63.5163 16.9266C63.817 16.5957 64.1836 16.3313 64.5926 16.1504C65.0015 15.9694 65.4437 15.876 65.8908 15.876C66.338 15.876 66.7802 15.9694 67.1891 16.1504C67.5981 16.3313 67.9647 16.5957 68.2654 16.9266C68.5662 17.2575 68.7944 17.6476 68.9356 18.0719C69.0768 18.4961 69.1277 18.9453 69.0851 19.3904C69.1285 19.836 69.0782 20.2857 68.9374 20.7107C68.7966 21.1356 68.5685 21.5265 68.2676 21.858C67.9668 22.1896 67.5999 22.4545 67.1906 22.6358C66.7813 22.8171 66.3385 22.9108 65.8908 22.9108C65.4432 22.9108 65.0004 22.8171 64.5911 22.6358C64.1818 22.4545 63.8149 22.1896 63.5141 21.858C63.2132 21.5265 62.9851 21.1356 62.8443 20.7107C62.7035 20.2857 62.6532 19.836 62.6966 19.3904ZM67.7101 19.3904C67.7101 17.9222 67.0506 17.0636 65.893 17.0636C64.7311 17.0636 64.0775 17.9222 64.0775 19.3904C64.0775 20.8704 64.7311 21.7224 65.893 21.7224C67.0506 21.7223 67.7102 20.8645 67.7102 19.3904H67.7101Z" fill="white"/>
+<path d="M77.5771 22.7802H76.1904L74.7905 17.7916H74.6847L73.2907 22.7802H71.9172L70.0501 16.0068H71.406L72.6194 21.1753H72.7192L74.1118 16.0068H75.3942L76.7868 21.1753H76.8925L78.1 16.0068H79.4368L77.5771 22.7802Z" fill="white"/>
+<path d="M81.0071 16.0046H82.2939V17.0806H82.3938C82.5633 16.6941 82.8491 16.3702 83.2114 16.1539C83.5737 15.9376 83.9945 15.8397 84.4151 15.8739C84.7447 15.8491 85.0756 15.8988 85.3833 16.0193C85.6911 16.1397 85.9678 16.3279 86.193 16.5699C86.4181 16.8118 86.586 17.1013 86.684 17.4169C86.7821 17.7325 86.8079 18.0662 86.7595 18.3931V22.7779H85.4228V18.7288C85.4228 17.6403 84.9498 17.099 83.9612 17.099C83.7374 17.0886 83.514 17.1266 83.3064 17.2106C83.0987 17.2946 82.9117 17.4225 82.758 17.5855C82.6044 17.7486 82.4879 17.9429 82.4164 18.1552C82.3449 18.3675 82.3202 18.5927 82.3439 18.8154V22.778H81.0071L81.0071 16.0046Z" fill="white"/>
+<path d="M88.8895 13.3623H90.2263V22.7798H88.8895V13.3623Z" fill="white"/>
+<path d="M92.0845 19.3905C92.0419 18.9454 92.0929 18.4962 92.2341 18.0719C92.3753 17.6476 92.6036 17.2575 92.9044 16.9266C93.2052 16.5957 93.5718 16.3313 93.9807 16.1504C94.3897 15.9694 94.8319 15.876 95.2791 15.876C95.7263 15.876 96.1686 15.9694 96.5775 16.1504C96.9864 16.3313 97.3531 16.5957 97.6539 16.9266C97.9546 17.2575 98.1829 17.6476 98.3241 18.0719C98.4653 18.4962 98.5163 18.9454 98.4737 19.3905C98.5171 19.8361 98.4667 20.2858 98.3259 20.7108C98.1851 21.1358 97.9569 21.5266 97.656 21.8581C97.3552 22.1897 96.9883 22.4546 96.5789 22.6359C96.1696 22.8172 95.7268 22.9109 95.2791 22.9109C94.8314 22.9109 94.3887 22.8172 93.9793 22.6359C93.57 22.4546 93.2031 22.1897 92.9022 21.8581C92.6014 21.5266 92.3732 21.1358 92.2324 20.7108C92.0915 20.2858 92.0412 19.8361 92.0845 19.3905ZM97.098 19.3905C97.098 17.9223 96.4385 17.0637 95.281 17.0637C94.119 17.0637 93.4654 17.9223 93.4654 19.3905C93.4654 20.8705 94.1191 21.7225 95.281 21.7225C96.4385 21.7225 97.0981 20.8646 97.0981 19.3905H97.098Z" fill="white"/>
+<path d="M99.881 20.8645C99.881 19.6453 100.789 18.9424 102.4 18.8425L104.235 18.7368V18.1521C104.235 17.4367 103.762 17.0328 102.848 17.0328C102.102 17.0328 101.585 17.3067 101.437 17.7856H100.142C100.279 16.6222 101.373 15.876 102.91 15.876C104.608 15.876 105.566 16.7213 105.566 18.1521V22.7801H104.279V21.8282H104.173C103.959 22.1696 103.657 22.448 103.3 22.6348C102.942 22.8217 102.542 22.9103 102.139 22.8917C101.854 22.9212 101.567 22.8909 101.295 22.8026C101.023 22.7143 100.773 22.57 100.56 22.379C100.347 22.188 100.177 21.9546 100.06 21.6937C99.9431 21.4329 99.8821 21.1504 99.881 20.8645ZM104.235 20.2858V19.7195L102.581 19.8253C101.648 19.8877 101.225 20.205 101.225 20.8021C101.225 21.4117 101.754 21.7665 102.481 21.7665C102.694 21.788 102.909 21.7665 103.114 21.7032C103.319 21.6399 103.508 21.5361 103.672 21.3979C103.836 21.2598 103.97 21.0901 104.066 20.8991C104.163 20.708 104.22 20.4994 104.235 20.2858Z" fill="white"/>
+<path d="M107.323 19.3902C107.323 17.2499 108.423 15.8941 110.134 15.8941C110.558 15.8746 110.978 15.976 111.346 16.1864C111.713 16.3968 112.014 16.7076 112.211 17.0824H112.311V13.3623H113.648V22.7798H112.367V21.7096H112.261C112.048 22.0819 111.738 22.3888 111.363 22.5971C110.988 22.8054 110.563 22.9072 110.134 22.8914C108.411 22.8915 107.323 21.5356 107.323 19.3902ZM108.704 19.3902C108.704 20.8268 109.381 21.6913 110.513 21.6913C111.64 21.6913 112.336 20.8144 112.336 19.3961C112.336 17.9844 111.633 17.0949 110.513 17.0949C109.388 17.0949 108.704 17.9653 108.704 19.3902H108.704Z" fill="white"/>
+<path d="M119.179 19.3904C119.136 18.9453 119.187 18.4961 119.328 18.0719C119.469 17.6476 119.698 17.2575 119.998 16.9266C120.299 16.5957 120.666 16.3313 121.075 16.1504C121.484 15.9694 121.926 15.876 122.373 15.876C122.82 15.876 123.262 15.9694 123.671 16.1504C124.08 16.3313 124.447 16.5957 124.747 16.9266C125.048 17.2575 125.276 17.6476 125.418 18.0719C125.559 18.4961 125.61 18.9453 125.567 19.3904C125.611 19.836 125.56 20.2857 125.419 20.7107C125.279 21.1356 125.051 21.5265 124.75 21.858C124.449 22.1896 124.082 22.4545 123.673 22.6358C123.263 22.8171 122.821 22.9108 122.373 22.9108C121.925 22.9108 121.482 22.8171 121.073 22.6358C120.664 22.4545 120.297 22.1896 119.996 21.858C119.695 21.5265 119.467 21.1356 119.326 20.7107C119.186 20.2857 119.135 19.836 119.179 19.3904ZM124.192 19.3904C124.192 17.9222 123.533 17.0636 122.375 17.0636C121.213 17.0636 120.56 17.9222 120.56 19.3904C120.56 20.8704 121.213 21.7224 122.375 21.7224C123.533 21.7223 124.192 20.8645 124.192 19.3904Z" fill="white"/>
+<path d="M127.361 16.0046H128.648V17.0806H128.747C128.917 16.6941 129.203 16.3702 129.565 16.1539C129.927 15.9376 130.348 15.8397 130.769 15.8739C131.098 15.8491 131.429 15.8988 131.737 16.0193C132.045 16.1397 132.321 16.3279 132.547 16.5699C132.772 16.8118 132.94 17.1013 133.038 17.4169C133.136 17.7325 133.162 18.0662 133.113 18.3931V22.7779H131.776V18.7288C131.776 17.6403 131.303 17.099 130.315 17.099C130.091 17.0886 129.868 17.1266 129.66 17.2106C129.452 17.2946 129.265 17.4225 129.112 17.5855C128.958 17.7486 128.842 17.9429 128.77 18.1552C128.699 18.3675 128.674 18.5927 128.697 18.8154V22.778H127.361V16.0046Z" fill="white"/>
+<path d="M140.667 14.3203V16.0375H142.134V17.1635H140.667V20.6464C140.667 21.3559 140.959 21.6666 141.624 21.6666C141.795 21.666 141.965 21.6557 142.134 21.6357V22.7492C141.894 22.7921 141.651 22.815 141.407 22.8175C139.92 22.8175 139.328 22.2945 139.328 20.9886V17.1634H138.253V16.0375H139.328V14.3203H140.667Z" fill="white"/>
+<path d="M143.96 13.3623H145.285V17.0949H145.391C145.568 16.7049 145.862 16.3791 146.232 16.1619C146.601 15.9448 147.029 15.8469 147.456 15.8816C147.784 15.8637 148.112 15.9185 148.416 16.0419C148.72 16.1653 148.993 16.3543 149.216 16.5955C149.439 16.8367 149.606 17.1241 149.705 17.4371C149.804 17.7502 149.832 18.0813 149.789 18.4067V22.7798H148.451V18.7365C148.451 17.6546 147.947 17.1067 147.002 17.1067C146.772 17.0878 146.541 17.1194 146.325 17.1992C146.109 17.279 145.913 17.4051 145.75 17.5687C145.588 17.7322 145.463 17.9293 145.385 18.1461C145.306 18.3629 145.276 18.5943 145.297 18.8239V22.7798H143.96L143.96 13.3623Z" fill="white"/>
+<path d="M157.583 20.9513C157.401 21.5704 157.008 22.1058 156.471 22.4641C155.935 22.8223 155.289 22.9805 154.648 22.9109C154.202 22.9227 153.758 22.8372 153.348 22.6604C152.939 22.4836 152.572 22.2198 152.274 21.8871C151.977 21.5545 151.755 21.1611 151.625 20.7341C151.494 20.3072 151.458 19.857 151.519 19.4148C151.46 18.9712 151.496 18.5201 151.626 18.0919C151.757 17.6637 151.977 17.2684 152.273 16.9329C152.569 16.5973 152.934 16.3293 153.343 16.147C153.752 15.9647 154.195 15.8723 154.642 15.8761C156.527 15.8761 157.664 17.1637 157.664 19.2906V19.7571H152.881V19.832C152.86 20.0806 152.891 20.3308 152.973 20.5665C153.054 20.8023 153.184 21.0185 153.354 21.2012C153.524 21.3839 153.73 21.5291 153.959 21.6274C154.188 21.7258 154.435 21.7752 154.685 21.7724C155.005 21.8108 155.329 21.7532 155.615 21.607C155.902 21.4608 156.139 21.2325 156.296 20.9513L157.583 20.9513ZM152.881 18.7685H156.302C156.319 18.5411 156.288 18.3128 156.211 18.0981C156.135 17.8834 156.014 17.6872 155.857 17.5219C155.7 17.3567 155.51 17.2261 155.3 17.1386C155.089 17.0511 154.863 17.0086 154.635 17.0138C154.404 17.0109 154.174 17.0543 153.96 17.1415C153.746 17.2286 153.551 17.3578 153.388 17.5213C153.224 17.6848 153.095 17.8794 153.008 18.0936C152.921 18.3078 152.878 18.5373 152.881 18.7685H152.881Z" fill="white"/>
+</svg>

package/lib/build/svg/brand/play-store-badge.svg

@@ -0,0 +1,63 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 135 40">
+  <defs>
+    <linearGradient id="linear-gradient" x1="21.8" y1="366.71" x2="5.02" y2="383.49"
+      gradientTransform="translate(0 -358)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#00a0ff" />
+      <stop offset="0.01" stop-color="#00a1ff" />
+      <stop offset="0.26" stop-color="#00beff" />
+      <stop offset="0.51" stop-color="#00d2ff" />
+      <stop offset="0.76" stop-color="#00dfff" />
+      <stop offset="1" stop-color="#00e3ff" />
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="33.83" y1="378" x2="9.64" y2="378" gradientTransform="translate(0 -358)"
+      gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#ffe000" />
+      <stop offset="0.41" stop-color="#ffbd00" />
+      <stop offset="0.78" stop-color="orange" />
+      <stop offset="1" stop-color="#ff9c00" />
+    </linearGradient>
+    <linearGradient id="linear-gradient-3" x1="24.83" y1="380.3" x2="2.07" y2="403.05"
+      gradientTransform="translate(0 -358)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#ff3a44" />
+      <stop offset="1" stop-color="#c31162" />
+    </linearGradient>
+    <linearGradient id="linear-gradient-4" x1="7.3" y1="358.18" x2="17.46" y2="368.34"
+      gradientTransform="translate(0 -358)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#32a071" />
+      <stop offset="0.07" stop-color="#2da771" />
+      <stop offset="0.48" stop-color="#15cf74" />
+      <stop offset="0.8" stop-color="#06e775" />
+      <stop offset="1" stop-color="#00f076" />
+    </linearGradient>
+  </defs>
+  <title>Asset 14</title>
+  <g id="Layer_2" data-name="Layer 2">
+    <g id="artwork">
+      <rect width="135" height="40" rx="5" ry="5" />
+      <path fill="#A6A6A6"
+        d="M130,.8A4.2,4.2,0,0,1,134.2,5V35a4.2,4.2,0,0,1-4.2,4.2H5A4.2,4.2,0,0,1,.8,35h0V5A4.2,4.2,0,0,1,5,.8H130m0-.8H5A5,5,0,0,0,0,5V35a5,5,0,0,0,5,5H130a5,5,0,0,0,5-5V5A5,5,0,0,0,130,0Z" />
+      <path fill="#FFF" stroke="#FFF" stroke-miterlimit="10" stroke-width="0.2px"
+        d="M47.42,10.24a2.71,2.71,0,0,1-.75,2,2.91,2.91,0,0,1-2.2.89,3.15,3.15,0,0,1-2.21-5.37,3,3,0,0,1,2.21-.9,3.1,3.1,0,0,1,1.23.25,2.47,2.47,0,0,1,.94.67l-.53.53a2,2,0,0,0-1.64-.71,2.32,2.32,0,0,0-2.33,2.31s0,.06,0,.09a2.36,2.36,0,0,0,4,1.73,1.89,1.89,0,0,0,.5-1.22H44.47V9.79h2.91A2.54,2.54,0,0,1,47.42,10.24Z" />
+      <path fill="#FFF" stroke="#FFF" stroke-miterlimit="10" stroke-width="0.2px" d="M52,7.74H49.3v1.9h2.46v.72H49.3v1.9H52V13H48.5V7H52Z" />
+      <path fill="#FFF" stroke="#FFF" stroke-miterlimit="10" stroke-width="0.2px" d="M55.28,13h-.77V7.74H52.83V7H57v.74H55.28Z" />
+      <path fill="#FFF" stroke="#FFF" stroke-miterlimit="10" stroke-width="0.2px" d="M59.94,13V7h.77v6Z" />
+      <path fill="#FFF" stroke="#FFF" stroke-miterlimit="10" stroke-width="0.2px" d="M64.13,13h-.77V7.74H61.68V7H65.8v.74H64.13Z" />
+      <path fill="#FFF" stroke="#FFF" stroke-miterlimit="10" stroke-width="0.2px"
+        d="M73.61,12.22a3.12,3.12,0,0,1-4.4,0,3.24,3.24,0,0,1,0-4.45,3.1,3.1,0,0,1,4.38,0l0,0A3.23,3.23,0,0,1,73.61,12.22Zm-3.83-.5a2.31,2.31,0,0,0,3.26,0,2.56,2.56,0,0,0,0-3.44,2.31,2.31,0,0,0-3.26,0A2.56,2.56,0,0,0,69.78,11.72Z" />
+      <path fill="#FFF" stroke="#FFF" stroke-miterlimit="10" stroke-width="0.2px" d="M75.58,13V7h.94l2.92,4.67h0V7h.77v6h-.8L76.36,8.11h0V13Z" />
+      <path fill="#FFF"
+        d="M68.14,21.75A4.25,4.25,0,1,0,72.41,26a4.19,4.19,0,0,0-4.13-4.25Zm0,6.83a2.58,2.58,0,1,1,2.39-2.75q0,.09,0,.17a2.46,2.46,0,0,1-2.34,2.58Zm-9.31-6.83A4.25,4.25,0,1,0,63.09,26,4.19,4.19,0,0,0,59,21.75h-.13Zm0,6.83a2.58,2.58,0,1,1,2.38-2.76q0,.09,0,.18a2.46,2.46,0,0,1-2.34,2.58h-.05ZM47.74,23.06v1.8h4.32a3.77,3.77,0,0,1-1,2.27,4.42,4.42,0,0,1-3.33,1.32,4.8,4.8,0,0,1,0-9.6A4.6,4.6,0,0,1,51,20.14l1.27-1.27A6.29,6.29,0,0,0,47.74,17a6.61,6.61,0,1,0-.51,13.21h.51a5.84,5.84,0,0,0,6.17-6.07,5.87,5.87,0,0,0-.1-1.13Zm45.31,1.4a3.92,3.92,0,0,0-7.65,1.28q0,.13,0,.26a4.16,4.16,0,0,0,4.07,4.25h.15a4.23,4.23,0,0,0,3.54-1.88l-1.45-1a2.43,2.43,0,0,1-2.09,1.18,2.16,2.16,0,0,1-2.06-1.29l5.69-2.35Zm-5.8,1.42a2.33,2.33,0,0,1,2.17-2.48h0a1.65,1.65,0,0,1,1.58.9ZM82.63,30H84.5V17.5H82.63Zm-3.06-7.3H79.5a3,3,0,0,0-2.24-1,4.26,4.26,0,0,0,0,8.51,2.9,2.9,0,0,0,2.24-1h.06v.61c0,1.63-.87,2.5-2.27,2.5a2.35,2.35,0,0,1-2.14-1.51l-1.63.68A4.05,4.05,0,0,0,77.29,34c2.19,0,4-1.29,4-4.43V22H79.57Zm-2.14,5.88a2.59,2.59,0,0,1,0-5.16,2.4,2.4,0,0,1,2.27,2.52V26a2.38,2.38,0,0,1-2.17,2.57h-.1ZM101.81,17.5H97.34V30h1.87V25.26h2.61a3.89,3.89,0,1,0,0-7.76Zm0,6H99.2V19.24h2.65a2.14,2.14,0,0,1,0,4.29Zm11.53-1.8A3.5,3.5,0,0,0,110,23.61l1.66.69a1.77,1.77,0,0,1,1.7-.92,1.8,1.8,0,0,1,2,1.58v.16a4.13,4.13,0,0,0-1.95-.48c-1.79,0-3.6,1-3.6,2.81a2.89,2.89,0,0,0,3,2.75h.08a2.63,2.63,0,0,0,2.4-1.2h.06v1h1.8V25.19c0-2.19-1.66-3.46-3.79-3.46Zm-.23,6.85c-.61,0-1.46-.31-1.46-1.06,0-1,1.06-1.33,2-1.33a3.32,3.32,0,0,1,1.7.42,2.26,2.26,0,0,1-2.19,2ZM123.74,22l-2.14,5.42h-.06L119.32,22h-2l3.33,7.58-1.9,4.21h1.95L125.82,22Zm-16.81,8h1.87V17.5h-1.87Z" />
+      <path fill="url(#linear-gradient)"
+        d="M10.44,7.54A2,2,0,0,0,10,8.94V31.06a2,2,0,0,0,.46,1.4l.07.07L22.9,20.15v-.29L10.51,7.47Z" />
+      <path fill="url(#linear-gradient-2)" d="M27,24.28l-4.1-4.13v-.29L27,15.72l.09,0L32,18.56c1.4.79,1.4,2.09,0,2.89l-4.89,2.78Z" />
+      <path fill="url(#linear-gradient-3)" d="M27.12,24.22,22.9,20,10.44,32.46a1.63,1.63,0,0,0,2.08.06l14.61-8.3" />
+      <path fill="url(#linear-gradient-4)" d="M27.12,15.78,12.51,7.48a1.63,1.63,0,0,0-2.08.06L22.9,20Z" />
+      <path opacity="0.2"
+        d="M27,24.13,12.51,32.38a1.67,1.67,0,0,1-2,0h0l-.07.07h0l.07.07h0a1.66,1.66,0,0,0,2,0l14.61-8.3Z" />
+      <path style="isolation: isolate" d="M10.44,32.32a2,2,0,0,1-.46-1.4v.15a2,2,0,0,0,.46,1.4l.07-.07Z" />
+      <path opacity="0.12" style="isolation: isolate" d="M32,21.3l-5,2.83.09.09L32,21.44A1.75,1.75,0,0,0,33,20h0A1.86,1.86,0,0,1,32,21.3Z" />
+      <path opacity="0.25" style="isolation: isolate"
+        d="M12.51,7.62,32,18.7A1.86,1.86,0,0,1,33,20h0a1.75,1.75,0,0,0-1-1.44L12.51,7.48C11.11,6.69,10,7.35,10,8.95V9.1C10,7.49,11.12,6.83,12.51,7.62Z" />
+    </g>
+  </g>
+</svg>

package/lib/build/svg/system/background-replacement.svg

@@ -0,0 +1,90 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="59" height="59" rx="29.5" fill="white"/>
+<path d="M10.7563 10.0009C10.7563 10.4008 10.4007 10.7564 10.0007 10.7564V10.0009H10.7563Z" fill="#CFCDD8"/>
+<path d="M17.4225 10.0007C17.4225 10.4007 17.0669 10.7563 16.6669 10.7563C16.2669 10.7563 15.9114 10.4007 15.9114 10.0007H17.4225Z" fill="#CFCDD8"/>
+<path d="M24.0892 10.0007C24.0892 10.4007 23.7337 10.7563 23.3337 10.7563C22.9337 10.7563 22.5781 10.4007 22.5781 10.0007H24.0892Z" fill="#CFCDD8"/>
+<path d="M30.7557 10.0007C30.7557 10.4007 30.4002 10.7563 30.0002 10.7563C29.6002 10.7563 29.2446 10.4007 29.2446 10.0007H30.7557Z" fill="#CFCDD8"/>
+<path d="M37.4225 10.0007C37.4225 10.4007 37.0669 10.7563 36.6669 10.7563C36.2669 10.7563 35.9114 10.4007 35.9114 10.0007H37.4225Z" fill="#CFCDD8"/>
+<path d="M44.0887 10.0007C44.0887 10.4007 43.7332 10.7563 43.3332 10.7563C42.9332 10.7563 42.5776 10.4007 42.5776 10.0007H44.0887Z" fill="#CFCDD8"/>
+<path d="M49.9999 10.0007V10.7563C49.5999 10.7563 49.2444 10.4007 49.2444 10.0007H49.9999Z" fill="#CFCDD8"/>
+<path d="M10.756 16.6665C10.756 17.0665 10.4005 17.422 10.0005 17.422V15.9554C10.4005 15.9109 10.756 16.2665 10.756 16.6665Z" fill="#CFCDD8"/>
+<path d="M16.6669 17.4226C17.0842 17.4226 17.4225 17.0843 17.4225 16.667C17.4225 16.2497 17.0842 15.9115 16.6669 15.9115C16.2496 15.9115 15.9114 16.2497 15.9114 16.667C15.9114 17.0843 16.2496 17.4226 16.6669 17.4226Z" fill="#CFCDD8"/>
+<path d="M23.3337 17.4226C23.7509 17.4226 24.0892 17.0843 24.0892 16.667C24.0892 16.2497 23.7509 15.9115 23.3337 15.9115C22.9164 15.9115 22.5781 16.2497 22.5781 16.667C22.5781 17.0843 22.9164 17.4226 23.3337 17.4226Z" fill="#CFCDD8"/>
+<path d="M30.0002 17.4226C30.4174 17.4226 30.7557 17.0843 30.7557 16.667C30.7557 16.2497 30.4174 15.9115 30.0002 15.9115C29.5829 15.9115 29.2446 16.2497 29.2446 16.667C29.2446 17.0843 29.5829 17.4226 30.0002 17.4226Z" fill="#CFCDD8"/>
+<path d="M36.6669 17.4226C37.0842 17.4226 37.4225 17.0843 37.4225 16.667C37.4225 16.2497 37.0842 15.9115 36.6669 15.9115C36.2496 15.9115 35.9114 16.2497 35.9114 16.667C35.9114 17.0843 36.2496 17.4226 36.6669 17.4226Z" fill="#CFCDD8"/>
+<path d="M43.3332 17.4226C43.7505 17.4226 44.0887 17.0843 44.0887 16.667C44.0887 16.2497 43.7505 15.9115 43.3332 15.9115C42.9159 15.9115 42.5776 16.2497 42.5776 16.667C42.5776 17.0843 42.9159 17.4226 43.3332 17.4226Z" fill="#CFCDD8"/>
+<path d="M49.9999 15.9115V17.3781C49.5999 17.3781 49.2444 17.0226 49.2444 16.6226C49.2444 16.267 49.5999 15.9115 49.9999 15.9115Z" fill="#CFCDD8"/>
+<path d="M10.756 23.334C10.756 23.734 10.4005 24.0896 10.0005 24.0896V22.6229C10.4005 22.5785 10.756 22.934 10.756 23.334Z" fill="#CFCDD8"/>
+<path d="M16.6669 24.0895C17.0842 24.0895 17.4225 23.7513 17.4225 23.334C17.4225 22.9167 17.0842 22.5785 16.6669 22.5785C16.2496 22.5785 15.9114 22.9167 15.9114 23.334C15.9114 23.7513 16.2496 24.0895 16.6669 24.0895Z" fill="#CFCDD8"/>
+<path d="M23.3337 24.0895C23.7509 24.0895 24.0892 23.7513 24.0892 23.334C24.0892 22.9167 23.7509 22.5785 23.3337 22.5785C22.9164 22.5785 22.5781 22.9167 22.5781 23.334C22.5781 23.7513 22.9164 24.0895 23.3337 24.0895Z" fill="#CFCDD8"/>
+<path d="M30.0002 24.0895C30.4174 24.0895 30.7557 23.7513 30.7557 23.334C30.7557 22.9167 30.4174 22.5785 30.0002 22.5785C29.5829 22.5785 29.2446 22.9167 29.2446 23.334C29.2446 23.7513 29.5829 24.0895 30.0002 24.0895Z" fill="#CFCDD8"/>
+<path d="M36.6669 24.0895C37.0842 24.0895 37.4225 23.7513 37.4225 23.334C37.4225 22.9167 37.0842 22.5785 36.6669 22.5785C36.2496 22.5785 35.9114 22.9167 35.9114 23.334C35.9114 23.7513 36.2496 24.0895 36.6669 24.0895Z" fill="#CFCDD8"/>
+<path d="M43.3332 24.0895C43.7505 24.0895 44.0887 23.7513 44.0887 23.334C44.0887 22.9167 43.7505 22.5785 43.3332 22.5785C42.9159 22.5785 42.5776 22.9167 42.5776 23.334C42.5776 23.7513 42.9159 24.0895 43.3332 24.0895Z" fill="#CFCDD8"/>
+<path d="M49.9999 22.5785V24.0451C49.5999 24.0451 49.2444 23.6896 49.2444 23.2896C49.2444 22.934 49.5999 22.5785 49.9999 22.5785Z" fill="#CFCDD8"/>
+<path d="M10.756 30.001C10.756 30.401 10.4005 30.7565 10.0005 30.7565V29.2899C10.4005 29.2455 10.756 29.601 10.756 30.001Z" fill="#CFCDD8"/>
+<path d="M16.6669 30.756C17.0842 30.756 17.4225 30.4177 17.4225 30.0004C17.4225 29.5832 17.0842 29.2449 16.6669 29.2449C16.2496 29.2449 15.9114 29.5832 15.9114 30.0004C15.9114 30.4177 16.2496 30.756 16.6669 30.756Z" fill="#CFCDD8"/>
+<path d="M23.3337 30.756C23.7509 30.756 24.0892 30.4177 24.0892 30.0004C24.0892 29.5832 23.7509 29.2449 23.3337 29.2449C22.9164 29.2449 22.5781 29.5832 22.5781 30.0004C22.5781 30.4177 22.9164 30.756 23.3337 30.756Z" fill="#CFCDD8"/>
+<path d="M30.0002 30.756C30.4174 30.756 30.7557 30.4177 30.7557 30.0004C30.7557 29.5832 30.4174 29.2449 30.0002 29.2449C29.5829 29.2449 29.2446 29.5832 29.2446 30.0004C29.2446 30.4177 29.5829 30.756 30.0002 30.756Z" fill="#CFCDD8"/>
+<path d="M36.6669 30.756C37.0842 30.756 37.4225 30.4177 37.4225 30.0004C37.4225 29.5832 37.0842 29.2449 36.6669 29.2449C36.2496 29.2449 35.9114 29.5832 35.9114 30.0004C35.9114 30.4177 36.2496 30.756 36.6669 30.756Z" fill="#CFCDD8"/>
+<path d="M43.3332 30.756C43.7505 30.756 44.0887 30.4177 44.0887 30.0004C44.0887 29.5832 43.7505 29.2449 43.3332 29.2449C42.9159 29.2449 42.5776 29.5832 42.5776 30.0004C42.5776 30.4177 42.9159 30.756 43.3332 30.756Z" fill="#CFCDD8"/>
+<path d="M49.9999 29.2449V30.7115C49.5999 30.7115 49.2444 30.356 49.2444 29.956C49.2444 29.6005 49.5999 29.2449 49.9999 29.2449Z" fill="#CFCDD8"/>
+<path d="M10.756 36.6659C10.756 37.0658 10.4005 37.4214 10.0005 37.4214V35.9548C10.4005 35.9103 10.756 36.2659 10.756 36.6659Z" fill="#CFCDD8"/>
+<path d="M16.6669 37.4219C17.0842 37.4219 17.4225 37.0836 17.4225 36.6664C17.4225 36.2491 17.0842 35.9108 16.6669 35.9108C16.2496 35.9108 15.9114 36.2491 15.9114 36.6664C15.9114 37.0836 16.2496 37.4219 16.6669 37.4219Z" fill="#CFCDD8"/>
+<path d="M23.3337 37.4219C23.7509 37.4219 24.0892 37.0836 24.0892 36.6664C24.0892 36.2491 23.7509 35.9108 23.3337 35.9108C22.9164 35.9108 22.5781 36.2491 22.5781 36.6664C22.5781 37.0836 22.9164 37.4219 23.3337 37.4219Z" fill="#CFCDD8"/>
+<path d="M30.0002 37.4219C30.4174 37.4219 30.7557 37.0836 30.7557 36.6664C30.7557 36.2491 30.4174 35.9108 30.0002 35.9108C29.5829 35.9108 29.2446 36.2491 29.2446 36.6664C29.2446 37.0836 29.5829 37.4219 30.0002 37.4219Z" fill="#CFCDD8"/>
+<path d="M36.6669 37.4219C37.0842 37.4219 37.4225 37.0836 37.4225 36.6664C37.4225 36.2491 37.0842 35.9108 36.6669 35.9108C36.2496 35.9108 35.9114 36.2491 35.9114 36.6664C35.9114 37.0836 36.2496 37.4219 36.6669 37.4219Z" fill="#CFCDD8"/>
+<path d="M43.3332 37.4219C43.7505 37.4219 44.0887 37.0836 44.0887 36.6664C44.0887 36.2491 43.7505 35.9108 43.3332 35.9108C42.9159 35.9108 42.5776 36.2491 42.5776 36.6664C42.5776 37.0836 42.9159 37.4219 43.3332 37.4219Z" fill="#CFCDD8"/>
+<path d="M49.9999 35.9108V37.3775C49.5999 37.3775 49.2444 37.0219 49.2444 36.6219C49.2444 36.2664 49.5999 35.9108 49.9999 35.9108Z" fill="#CFCDD8"/>
+<path d="M10.756 43.3334C10.756 43.7334 10.4005 44.0889 10.0005 44.0889V42.6223C10.4005 42.5779 10.756 42.9334 10.756 43.3334Z" fill="#CFCDD8"/>
+<path d="M16.6669 44.0895C17.0842 44.0895 17.4225 43.7512 17.4225 43.3339C17.4225 42.9166 17.0842 42.5784 16.6669 42.5784C16.2496 42.5784 15.9114 42.9166 15.9114 43.3339C15.9114 43.7512 16.2496 44.0895 16.6669 44.0895Z" fill="#CFCDD8"/>
+<path d="M23.3337 44.0895C23.7509 44.0895 24.0892 43.7512 24.0892 43.3339C24.0892 42.9166 23.7509 42.5784 23.3337 42.5784C22.9164 42.5784 22.5781 42.9166 22.5781 43.3339C22.5781 43.7512 22.9164 44.0895 23.3337 44.0895Z" fill="#CFCDD8"/>
+<path d="M30.0002 44.0895C30.4174 44.0895 30.7557 43.7512 30.7557 43.3339C30.7557 42.9166 30.4174 42.5784 30.0002 42.5784C29.5829 42.5784 29.2446 42.9166 29.2446 43.3339C29.2446 43.7512 29.5829 44.0895 30.0002 44.0895Z" fill="#CFCDD8"/>
+<path d="M36.6669 44.0895C37.0842 44.0895 37.4225 43.7512 37.4225 43.3339C37.4225 42.9166 37.0842 42.5784 36.6669 42.5784C36.2496 42.5784 35.9114 42.9166 35.9114 43.3339C35.9114 43.7512 36.2496 44.0895 36.6669 44.0895Z" fill="#CFCDD8"/>
+<path d="M43.3332 44.0895C43.7505 44.0895 44.0887 43.7512 44.0887 43.3339C44.0887 42.9166 43.7505 42.5784 43.3332 42.5784C42.9159 42.5784 42.5776 42.9166 42.5776 43.3339C42.5776 43.7512 42.9159 44.0895 43.3332 44.0895Z" fill="#CFCDD8"/>
+<path d="M49.9999 42.5784V44.045C49.5999 44.045 49.2444 43.6895 49.2444 43.2895C49.2444 42.9339 49.5999 42.5784 49.9999 42.5784Z" fill="#CFCDD8"/>
+<path d="M10.756 49.9998H10.0005V49.2443C10.4005 49.2443 10.756 49.5998 10.756 49.9998Z" fill="#CFCDD8"/>
+<path d="M17.4227 49.9998H15.9561C15.9561 49.5998 16.3116 49.2443 16.7116 49.2443C17.1116 49.2443 17.4227 49.5998 17.4227 49.9998Z" fill="#CFCDD8"/>
+<path d="M24.0892 49.9998H22.6226C22.6226 49.5998 22.9781 49.2443 23.3781 49.2443C23.7781 49.2443 24.0892 49.5998 24.0892 49.9998Z" fill="#CFCDD8"/>
+<path d="M30.7557 49.9998H29.2891C29.2891 49.5998 29.6446 49.2443 30.0446 49.2443C30.4446 49.2443 30.7557 49.5998 30.7557 49.9998Z" fill="#CFCDD8"/>
+<path d="M37.4225 49.9998H35.9558C35.9558 49.5998 36.3114 49.2443 36.7114 49.2443C37.1113 49.2443 37.4225 49.5998 37.4225 49.9998Z" fill="#CFCDD8"/>
+<path d="M44.089 49.9998H42.6223C42.6223 49.5998 42.9779 49.2443 43.3779 49.2443C43.7779 49.2443 44.089 49.5998 44.089 49.9998Z" fill="#CFCDD8"/>
+<path d="M49.9999 49.2443V49.9998H49.2444C49.2444 49.5998 49.5999 49.2443 49.9999 49.2443Z" fill="#CFCDD8"/>
+<path d="M13.3339 14.0899C13.7512 14.0899 14.0895 13.7516 14.0895 13.3343C14.0895 12.917 13.7512 12.5788 13.3339 12.5788C12.9166 12.5788 12.5784 12.917 12.5784 13.3343C12.5784 13.7516 12.9166 14.0899 13.3339 14.0899Z" fill="#CFCDD8"/>
+<path d="M20.0004 14.0899C20.4177 14.0899 20.756 13.7516 20.756 13.3343C20.756 12.917 20.4177 12.5788 20.0004 12.5788C19.5831 12.5788 19.2449 12.917 19.2449 13.3343C19.2449 13.7516 19.5831 14.0899 20.0004 14.0899Z" fill="#CFCDD8"/>
+<path d="M26.6669 14.0899C27.0842 14.0899 27.4225 13.7516 27.4225 13.3343C27.4225 12.917 27.0842 12.5788 26.6669 12.5788C26.2496 12.5788 25.9114 12.917 25.9114 13.3343C25.9114 13.7516 26.2496 14.0899 26.6669 14.0899Z" fill="#CFCDD8"/>
+<path d="M33.3334 14.0899C33.7507 14.0899 34.089 13.7516 34.089 13.3343C34.089 12.917 33.7507 12.5788 33.3334 12.5788C32.9161 12.5788 32.5779 12.917 32.5779 13.3343C32.5779 13.7516 32.9161 14.0899 33.3334 14.0899Z" fill="#CFCDD8"/>
+<path d="M40.0002 14.0899C40.4174 14.0899 40.7557 13.7516 40.7557 13.3343C40.7557 12.917 40.4174 12.5788 40.0002 12.5788C39.5829 12.5788 39.2446 12.917 39.2446 13.3343C39.2446 13.7516 39.5829 14.0899 40.0002 14.0899Z" fill="#CFCDD8"/>
+<path d="M46.6667 14.0899C47.084 14.0899 47.4222 13.7516 47.4222 13.3343C47.4222 12.917 47.084 12.5788 46.6667 12.5788C46.2494 12.5788 45.9111 12.917 45.9111 13.3343C45.9111 13.7516 46.2494 14.0899 46.6667 14.0899Z" fill="#CFCDD8"/>
+<path d="M13.3339 20.7558C13.7512 20.7558 14.0895 20.4175 14.0895 20.0002C14.0895 19.583 13.7512 19.2447 13.3339 19.2447C12.9166 19.2447 12.5784 19.583 12.5784 20.0002C12.5784 20.4175 12.9166 20.7558 13.3339 20.7558Z" fill="#CFCDD8"/>
+<path d="M20.0004 20.7558C20.4177 20.7558 20.756 20.4175 20.756 20.0002C20.756 19.583 20.4177 19.2447 20.0004 19.2447C19.5831 19.2447 19.2449 19.583 19.2449 20.0002C19.2449 20.4175 19.5831 20.7558 20.0004 20.7558Z" fill="#CFCDD8"/>
+<path d="M26.6669 20.7558C27.0842 20.7558 27.4225 20.4175 27.4225 20.0002C27.4225 19.583 27.0842 19.2447 26.6669 19.2447C26.2496 19.2447 25.9114 19.583 25.9114 20.0002C25.9114 20.4175 26.2496 20.7558 26.6669 20.7558Z" fill="#CFCDD8"/>
+<path d="M33.3334 20.7558C33.7507 20.7558 34.089 20.4175 34.089 20.0002C34.089 19.583 33.7507 19.2447 33.3334 19.2447C32.9161 19.2447 32.5779 19.583 32.5779 20.0002C32.5779 20.4175 32.9161 20.7558 33.3334 20.7558Z" fill="#CFCDD8"/>
+<path d="M40.0002 20.7558C40.4174 20.7558 40.7557 20.4175 40.7557 20.0002C40.7557 19.583 40.4174 19.2447 40.0002 19.2447C39.5829 19.2447 39.2446 19.583 39.2446 20.0002C39.2446 20.4175 39.5829 20.7558 40.0002 20.7558Z" fill="#CFCDD8"/>
+<path d="M46.6667 20.7558C47.084 20.7558 47.4222 20.4175 47.4222 20.0002C47.4222 19.583 47.084 19.2447 46.6667 19.2447C46.2494 19.2447 45.9111 19.583 45.9111 20.0002C45.9111 20.4175 46.2494 20.7558 46.6667 20.7558Z" fill="#CFCDD8"/>
+<path d="M13.3339 27.4222C13.7512 27.4222 14.0895 27.084 14.0895 26.6667C14.0895 26.2494 13.7512 25.9111 13.3339 25.9111C12.9166 25.9111 12.5784 26.2494 12.5784 26.6667C12.5784 27.084 12.9166 27.4222 13.3339 27.4222Z" fill="#CFCDD8"/>
+<path d="M20.0004 27.4222C20.4177 27.4222 20.756 27.084 20.756 26.6667C20.756 26.2494 20.4177 25.9111 20.0004 25.9111C19.5831 25.9111 19.2449 26.2494 19.2449 26.6667C19.2449 27.084 19.5831 27.4222 20.0004 27.4222Z" fill="#CFCDD8"/>
+<path d="M26.6669 27.4222C27.0842 27.4222 27.4225 27.084 27.4225 26.6667C27.4225 26.2494 27.0842 25.9111 26.6669 25.9111C26.2496 25.9111 25.9114 26.2494 25.9114 26.6667C25.9114 27.084 26.2496 27.4222 26.6669 27.4222Z" fill="#CFCDD8"/>
+<path d="M33.3334 27.4222C33.7507 27.4222 34.089 27.084 34.089 26.6667C34.089 26.2494 33.7507 25.9111 33.3334 25.9111C32.9161 25.9111 32.5779 26.2494 32.5779 26.6667C32.5779 27.084 32.9161 27.4222 33.3334 27.4222Z" fill="#CFCDD8"/>
+<path d="M40.0002 27.4222C40.4174 27.4222 40.7557 27.084 40.7557 26.6667C40.7557 26.2494 40.4174 25.9111 40.0002 25.9111C39.5829 25.9111 39.2446 26.2494 39.2446 26.6667C39.2446 27.084 39.5829 27.4222 40.0002 27.4222Z" fill="#CFCDD8"/>
+<path d="M46.6667 27.4222C47.084 27.4222 47.4222 27.084 47.4222 26.6667C47.4222 26.2494 47.084 25.9111 46.6667 25.9111C46.2494 25.9111 45.9111 26.2494 45.9111 26.6667C45.9111 27.084 46.2494 27.4222 46.6667 27.4222Z" fill="#CFCDD8"/>
+<path d="M13.3339 34.0898C13.7512 34.0898 14.0895 33.7515 14.0895 33.3342C14.0895 32.9169 13.7512 32.5787 13.3339 32.5787C12.9166 32.5787 12.5784 32.9169 12.5784 33.3342C12.5784 33.7515 12.9166 34.0898 13.3339 34.0898Z" fill="#CFCDD8"/>
+<path d="M20.0004 34.0898C20.4177 34.0898 20.756 33.7515 20.756 33.3342C20.756 32.9169 20.4177 32.5787 20.0004 32.5787C19.5831 32.5787 19.2449 32.9169 19.2449 33.3342C19.2449 33.7515 19.5831 34.0898 20.0004 34.0898Z" fill="#CFCDD8"/>
+<path d="M26.6669 34.0898C27.0842 34.0898 27.4225 33.7515 27.4225 33.3342C27.4225 32.9169 27.0842 32.5787 26.6669 32.5787C26.2496 32.5787 25.9114 32.9169 25.9114 33.3342C25.9114 33.7515 26.2496 34.0898 26.6669 34.0898Z" fill="#CFCDD8"/>
+<path d="M33.3334 34.0898C33.7507 34.0898 34.089 33.7515 34.089 33.3342C34.089 32.9169 33.7507 32.5787 33.3334 32.5787C32.9161 32.5787 32.5779 32.9169 32.5779 33.3342C32.5779 33.7515 32.9161 34.0898 33.3334 34.0898Z" fill="#CFCDD8"/>
+<path d="M40.0002 34.0898C40.4174 34.0898 40.7557 33.7515 40.7557 33.3342C40.7557 32.9169 40.4174 32.5787 40.0002 32.5787C39.5829 32.5787 39.2446 32.9169 39.2446 33.3342C39.2446 33.7515 39.5829 34.0898 40.0002 34.0898Z" fill="#CFCDD8"/>
+<path d="M46.6667 34.0898C47.084 34.0898 47.4222 33.7515 47.4222 33.3342C47.4222 32.9169 47.084 32.5787 46.6667 32.5787C46.2494 32.5787 45.9111 32.9169 45.9111 33.3342C45.9111 33.7515 46.2494 34.0898 46.6667 34.0898Z" fill="#CFCDD8"/>
+<path d="M13.3339 40.7557C13.7512 40.7557 14.0895 40.4174 14.0895 40.0001C14.0895 39.5829 13.7512 39.2446 13.3339 39.2446C12.9166 39.2446 12.5784 39.5829 12.5784 40.0001C12.5784 40.4174 12.9166 40.7557 13.3339 40.7557Z" fill="#CFCDD8"/>
+<path d="M20.0004 40.7557C20.4177 40.7557 20.756 40.4174 20.756 40.0001C20.756 39.5829 20.4177 39.2446 20.0004 39.2446C19.5831 39.2446 19.2449 39.5829 19.2449 40.0001C19.2449 40.4174 19.5831 40.7557 20.0004 40.7557Z" fill="#CFCDD8"/>
+<path d="M26.6669 40.7557C27.0842 40.7557 27.4225 40.4174 27.4225 40.0001C27.4225 39.5829 27.0842 39.2446 26.6669 39.2446C26.2496 39.2446 25.9114 39.5829 25.9114 40.0001C25.9114 40.4174 26.2496 40.7557 26.6669 40.7557Z" fill="#CFCDD8"/>
+<path d="M33.3334 40.7557C33.7507 40.7557 34.089 40.4174 34.089 40.0001C34.089 39.5829 33.7507 39.2446 33.3334 39.2446C32.9161 39.2446 32.5779 39.5829 32.5779 40.0001C32.5779 40.4174 32.9161 40.7557 33.3334 40.7557Z" fill="#CFCDD8"/>
+<path d="M40.0002 40.7557C40.4174 40.7557 40.7557 40.4174 40.7557 40.0001C40.7557 39.5829 40.4174 39.2446 40.0002 39.2446C39.5829 39.2446 39.2446 39.5829 39.2446 40.0001C39.2446 40.4174 39.5829 40.7557 40.0002 40.7557Z" fill="#CFCDD8"/>
+<path d="M46.6667 40.7557C47.084 40.7557 47.4222 40.4174 47.4222 40.0001C47.4222 39.5829 47.084 39.2446 46.6667 39.2446C46.2494 39.2446 45.9111 39.5829 45.9111 40.0001C45.9111 40.4174 46.2494 40.7557 46.6667 40.7557Z" fill="#CFCDD8"/>
+<path d="M13.3339 47.4216C13.7512 47.4216 14.0895 47.0833 14.0895 46.6661C14.0895 46.2488 13.7512 45.9105 13.3339 45.9105C12.9166 45.9105 12.5784 46.2488 12.5784 46.6661C12.5784 47.0833 12.9166 47.4216 13.3339 47.4216Z" fill="#CFCDD8"/>
+<path d="M20.0004 47.4216C20.4177 47.4216 20.756 47.0833 20.756 46.6661C20.756 46.2488 20.4177 45.9105 20.0004 45.9105C19.5831 45.9105 19.2449 46.2488 19.2449 46.6661C19.2449 47.0833 19.5831 47.4216 20.0004 47.4216Z" fill="#CFCDD8"/>
+<path d="M26.6669 47.4216C27.0842 47.4216 27.4225 47.0833 27.4225 46.6661C27.4225 46.2488 27.0842 45.9105 26.6669 45.9105C26.2496 45.9105 25.9114 46.2488 25.9114 46.6661C25.9114 47.0833 26.2496 47.4216 26.6669 47.4216Z" fill="#CFCDD8"/>
+<path d="M33.3334 47.4216C33.7507 47.4216 34.089 47.0833 34.089 46.6661C34.089 46.2488 33.7507 45.9105 33.3334 45.9105C32.9161 45.9105 32.5779 46.2488 32.5779 46.6661C32.5779 47.0833 32.9161 47.4216 33.3334 47.4216Z" fill="#CFCDD8"/>
+<path d="M40.0002 47.4216C40.4174 47.4216 40.7557 47.0833 40.7557 46.6661C40.7557 46.2488 40.4174 45.9105 40.0002 45.9105C39.5829 45.9105 39.2446 46.2488 39.2446 46.6661C39.2446 47.0833 39.5829 47.4216 40.0002 47.4216Z" fill="#CFCDD8"/>
+<path d="M46.6667 47.4216C47.084 47.4216 47.4222 47.0833 47.4222 46.6661C47.4222 46.2488 47.084 45.9105 46.6667 45.9105C46.2494 45.9105 45.9111 46.2488 45.9111 46.6661C45.9111 47.0833 46.2494 47.4216 46.6667 47.4216Z" fill="#CFCDD8"/>
+<path d="M30 30.0002C33.315 30.0002 36 27.3152 36 24.0002C36 20.6852 33.315 18.0002 30 18.0002C26.685 18.0002 24 20.6852 24 24.0002C24 27.3152 26.685 30.0002 30 30.0002ZM30 33.0002C25.995 33.0002 18 35.0102 18 39.0002V40.5002C18 41.3252 18.675 42.0002 19.5 42.0002H40.5C41.325 42.0002 42 41.3252 42 40.5002V39.0002C42 35.0102 34.005 33.0002 30 33.0002Z" fill="#575564"/>
+<rect x="0.5" y="0.5" width="59" height="59" rx="29.5" stroke="#B3B0C0"/>
+</svg>

package/lib/build/svg/system/disable-self-view.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z" fill="#000"/>
+</svg>

package/lib/build/svg/system/kare-glyph.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.123047 27.5C6.37736 14.86669 17.0362 5 29.9996 5C42.963 5 53.6219 14.86669 54.8762 27.5H43.1246V25C43.1246 20.8579 39.7667 17.5 35.6246 17.5H25.6246C21.4825 17.5 18.1246 20.8579 18.1246 25V27.5H5.123047H5.123047Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.1246 32.5H5.123047C6.37736 45.1333 17.0362 55 29.9996 55C42.963 55 53.6219 45.1333 54.8762 32.5H40.6246C39.2439 32.5 38.1246 31.3807 38.1246 30V25C38.1246 23.6193 37.0053 22.5 35.6246 22.5H25.6246C24.2439 22.5 23.1246 23.6193 23.1246 25V27.5H25.6246C29.7667 27.5 33.1246 30.8579 33.1246 35V40C33.1246 41.3807 32.0053 42.5 30.6246 42.5H25.6246C21.4825 42.5 18.1246 39.1421 18.1246 35V32.5ZM23.125 35V32.5H25.625C27.0057 32.5 28.125 33.6192 28.125 35V37.5H25.625C24.2443 37.5 23.125 36.3807 23.125 35Z" fill="black"/>
+</svg>

package/lib/build/svg/system/large-self-view.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M20 6H4V18H20V6ZM4 4C2.89543 4 2 4.89543 2 6V18C2 19.1046 2.89543 20 4 20H20C21.1046 20 22 19.1046 22 18V6C22 4.89543 21.1046 4 20 4H4Z" fill="#000"/>
+</svg>

package/lib/build/svg/system/small-self-view.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M18 6H6V18H18V6ZM6 4C4.89543 4 4 4.89543 4 6V18C4 19.1046 4.89543 20 6 20H18C19.1046 20 20 19.1046 20 18V6C20 4.89543 19.1046 4 18 4H6Z" fill="#000"/>
+</svg>

package/lib/build/svg/system/thumb_down.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 3H6C5.17 3 4.46 3.5 4.16 4.22L1.14 11.27C1.05 11.5 1 11.74 1 12V14C1 15.1 1.9 16 3 16H9.31L8.36 20.57L8.33 20.89C8.33 21.3 8.5 21.68 8.77 21.95L9.83 23L16.42 16.41C16.78 16.05 17 15.55 17 15V5C17 3.9 16.1 3 15 3ZM19 3V15H23V3H19Z" fill="#0D0C0F"/>
+</svg>

package/lib/build/svg/system/thumb_up.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 21H5V9H1V21ZM23 10C23 8.9 22.1 8 21 8H14.69L15.64 3.43L15.67 3.11C15.67 2.7 15.5 2.32 15.23 2.05L14.17 1L7.59 7.59C7.22 7.95 7 8.45 7 9V19C7 20.1 7.9 21 9 21H18C18.83 21 19.54 20.5 19.84 19.78L22.86 12.73C22.95 12.5 23 12.26 23 12V10Z" fill="#0D0C0F"/>
+</svg>

package/lib/dist/css/dialtone.css

@@ -1571,16 +1571,8 @@ legend .d-label {
   opacity: 0;
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
-  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 200ms, visibility 0s 200ms, -webkit-transform 100ms var(--ttf-in-out) 10ms;
-  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 200ms, visibility 0s 200ms, transform 100ms var(--ttf-in-out) 10ms;
-  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 200ms, visibility 0s 200ms, transform 100ms var(--ttf-in-out) 10ms, -webkit-transform 100ms var(--ttf-in-out) 10ms;
   will-change: visibility, z-index, opacity;
 }
-@media (prefers-reduced-motion) {
-  .d-modal {
-    transition: none;
-  }
-}
 .d-modal__dialog {
   visibility: hidden;
   position: relative;
@@ -1600,10 +1592,7 @@ legend .d-label {
           backface-visibility: hidden;
   -webkit-transform: translate3d(0, 30%, 0) scale3d(0.75, 0.75, 0.75);
           transform: translate3d(0, 30%, 0) scale3d(0.75, 0.75, 0.75);
-  transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms, -webkit-transform 100ms var(--ttf-in-out) 0s;
-  transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms, transform 100ms var(--ttf-in-out) 0s;
-  transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms, transform 100ms var(--ttf-in-out) 0s, -webkit-transform 100ms var(--ttf-in-out) 0s;
-  will-change: visibility, z-index, opacity, tranform;
+  will-change: visibility, z-index, opacity, transform;
   overflow-y: auto;
 }
 .d-modal__dialog > * + * {
@@ -1616,9 +1605,6 @@ legend .d-label {
   opacity: 1;
   -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
           transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
-  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 0s, visibility 0s 0s, -webkit-transform 100ms var(--ttf-in-out) 10ms;
-  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 0s, visibility 0s 0s, transform 100ms var(--ttf-in-out) 10ms;
-  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 0s, visibility 0s 0s, transform 100ms var(--ttf-in-out) 10ms, -webkit-transform 100ms var(--ttf-in-out) 10ms;
 }
 .d-modal__footer {
   display: flex;
@@ -1678,10 +1664,6 @@ legend .d-label {
   -webkit-transform: unset !important;
           transform: unset !important;
 }
-.d-modal--full,
-.d-modal--full .d-modal__dialog {
-  transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms;
-}
 .d-modal--full .d-modal__footer {
   margin: var(--sun16) var(--sun12);
   margin-top: auto !important;
@@ -1694,6 +1676,60 @@ legend .d-label {
 .d-modal--danger {
   --modal-header--fc: var(--fc-error);
 }
+.d-modal--animate {
+  visibility: hidden!important;
+  z-index: var(--zi-hide) !important;
+  opacity: 0!important;
+  -webkit-backface-visibility: hidden!important;
+          backface-visibility: hidden!important;
+}
+.d-modal__dialog--animate {
+  visibility: hidden!important;
+  z-index: var(--zi-hide) !important;
+  opacity: 0!important;
+  -webkit-backface-visibility: hidden!important;
+          backface-visibility: hidden!important;
+  -webkit-transform: translate3d(0, 30%, 0) scale3d(0.75, 0.75, 0.75) !important;
+          transform: translate3d(0, 30%, 0) scale3d(0.75, 0.75, 0.75) !important;
+}
+.d-modal--animate-in,
+.d-modal__dialog--animate-in {
+  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 0s, visibility 0s 0s, -webkit-transform 100ms var(--ttf-in-out) 10ms;
+  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 0s, visibility 0s 0s, transform 100ms var(--ttf-in-out) 10ms;
+  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 0s, visibility 0s 0s, transform 100ms var(--ttf-in-out) 10ms, -webkit-transform 100ms var(--ttf-in-out) 10ms;
+}
+@media (prefers-reduced-motion) {
+  .d-modal--animate-in,
+  .d-modal__dialog--animate-in {
+    transition: none!important;
+  }
+}
+.d-modal--animate-out {
+  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 200ms, visibility 0s 200ms, -webkit-transform 100ms var(--ttf-in-out) 10ms;
+  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 200ms, visibility 0s 200ms, transform 100ms var(--ttf-in-out) 10ms;
+  transition: opacity 100ms var(--ttf-in-out) 10ms, z-index 0s 200ms, visibility 0s 200ms, transform 100ms var(--ttf-in-out) 10ms, -webkit-transform 100ms var(--ttf-in-out) 10ms;
+}
+.d-modal--animate-out.d-modal--full {
+  transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms;
+}
+@media (prefers-reduced-motion) {
+  .d-modal--animate-out {
+    transition: none!important;
+  }
+}
+.d-modal__dialog--animate-out {
+  transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms, -webkit-transform 100ms var(--ttf-in-out) 0s;
+  transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms, transform 100ms var(--ttf-in-out) 0s;
+  transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms, transform 100ms var(--ttf-in-out) 0s, -webkit-transform 100ms var(--ttf-in-out) 0s;
+}
+.d-modal__dialog--animate-out.d-modal--full {
+  transition: opacity 200ms var(--ttf-in-out) 0s, z-index 0s 200ms, visibility 0s 200ms;
+}
+@media (prefers-reduced-motion) {
+  .d-modal__dialog--animate-out {
+    transition: none!important;
+  }
+}
 .d-toast-wrapper {
   position: absolute;
   top: var(--su32);