jvetrau-ds 0.2.19 → 0.2.20

package/components/index.d.ts

@@ -38,7 +38,7 @@ export type { VideoProps, VideoQuality, } from './video/video';
 export { default as EmbedViewer } from './embed-viewer';
 export type { EmbedViewerProps } from './embed-viewer';
 export { default as Logo } from './logo/logo';
-export type { LogoProps } from './logo/logo';
+export type { LogoBrand, LogoMode, LogoProps, } from './logo/logo';
 export { default as Avatar } from './avatar/avatar';
 export type { AvatarProps } from './avatar/avatar';
 export { default as Attach } from './attach/attach';

package/components/logo/assets/brandcopilot-symbol.svg

@@ -0,0 +1,4 @@
+<svg width="53" height="45" viewBox="0 0 53 45" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M52.7979 45H0.689453L7.20312 33.75H8.93652L3.29102 43.5H50.1953L26.7432 2.99414L18.1172 17.8916C17.6637 17.6737 17.1924 17.4867 16.7051 17.3359L26.7432 0L52.7979 45Z" fill="#C0E200"/>
+<path d="M13.6406 18.2812C17.3332 18.2812 20.5026 20.5191 21.8613 23.7109C22.5064 23.4479 23.2123 23.3027 23.9521 23.3027C27.0078 23.3027 29.4852 25.7763 29.4854 28.8271C29.4854 30.1625 29.0106 31.3877 28.2207 32.3428H1.22754C0.885188 31.7518 0.688477 31.0658 0.688477 30.334C0.688566 28.1151 2.4906 26.3164 4.71289 26.3164C4.72718 26.3164 4.74161 26.3163 4.75586 26.3164C5.19796 21.8058 9.00695 18.2814 13.6406 18.2812ZM40.8086 9.84375C44.3329 9.84379 47.1895 12.697 47.1895 16.2158C47.1895 16.2238 47.1895 16.2322 47.1895 16.2402C48.7634 16.4362 49.9814 17.7768 49.9814 19.4014C49.9814 20.023 49.8035 20.6035 49.4951 21.0938H40.583L35.6152 12.5137C36.7727 10.8978 38.6673 9.8438 40.8086 9.84375Z" fill="#F34BCC"/>
+</svg>

package/components/logo/assets/brandcopilot-wordmark.svg

@@ -0,0 +1,3 @@
+<svg width="79" height="46" viewBox="0 0 79 46" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.952 12V4.888H2.534V7.8H2.674L5.362 4.888H7.364L4.116 8.304L7.434 12H5.418L2.674 8.822H2.534V12H0.952ZM11.48 12.252C10.724 12.252 10.052 12.0933 9.464 11.776C8.876 11.4493 8.41867 11.0013 8.092 10.432C7.76533 9.85333 7.602 9.19067 7.602 8.444C7.602 7.69733 7.76533 7.03467 8.092 6.456C8.41867 5.87733 8.876 5.42933 9.464 5.112C10.052 4.78533 10.724 4.622 11.48 4.622C12.236 4.622 12.9033 4.78533 13.482 5.112C14.07 5.42933 14.5273 5.87733 14.854 6.456C15.19 7.03467 15.358 7.69733 15.358 8.444C15.358 9.19067 15.19 9.85333 14.854 10.432C14.5273 11.0013 14.07 11.4493 13.482 11.776C12.9033 12.0933 12.236 12.252 11.48 12.252ZM11.48 10.866C11.9187 10.866 12.3107 10.7633 12.656 10.558C13.0107 10.3527 13.286 10.0633 13.482 9.69C13.678 9.31667 13.776 8.90133 13.776 8.444C13.776 7.97733 13.678 7.562 13.482 7.198C13.286 6.82467 13.0107 6.53533 12.656 6.33C12.3107 6.11533 11.9187 6.008 11.48 6.008C11.032 6.008 10.6353 6.11533 10.29 6.33C9.94467 6.53533 9.674 6.82467 9.478 7.198C9.282 7.562 9.184 7.97733 9.184 8.444C9.184 8.90133 9.282 9.31667 9.478 9.69C9.674 10.0633 9.94467 10.3527 10.29 10.558C10.6353 10.7633 11.032 10.866 11.48 10.866ZM16.8794 12V4.888H23.6974V12H22.1154V6.246H18.4754V12H16.8794ZM25.5747 12V4.888H27.1707V9.83H27.3107L30.5867 4.888H32.3927V12H30.7967V7.086H30.6567L27.3947 12H25.5747ZM33.4724 10.74C33.799 10.74 34.051 10.6747 34.2284 10.544C34.415 10.404 34.5504 10.1987 34.6344 9.928C34.7277 9.648 34.807 9.27 34.8724 8.794L35.3484 4.888H40.5284V12H38.9464V6.246H36.7344L36.2444 9.718C36.1697 10.25 36.0157 10.6793 35.7824 11.006C35.5584 11.3327 35.2877 11.5707 34.9704 11.72C34.653 11.8693 34.2937 11.958 33.8924 11.986C33.7337 11.9953 33.5937 12 33.4724 12V10.74ZM45.9468 12.252C45.1908 12.252 44.5188 12.0933 43.9308 11.776C43.3428 11.4493 42.8855 11.0013 42.5588 10.432C42.2321 9.85333 42.0688 9.19067 42.0688 8.444C42.0688 7.69733 42.2321 7.03467 42.5588 6.456C42.8855 5.87733 43.3428 5.42933 43.9308 5.112C44.5188 4.78533 45.1908 4.622 45.9468 4.622C46.7028 4.622 47.3701 4.78533 47.9488 5.112C48.5368 5.42933 48.9941 5.87733 49.3208 6.456C49.6568 7.03467 49.8248 7.69733 49.8248 8.444C49.8248 9.19067 49.6568 9.85333 49.3208 10.432C48.9941 11.0013 48.5368 11.4493 47.9488 11.776C47.3701 12.0933 46.7028 12.252 45.9468 12.252ZM45.9468 10.866C46.3855 10.866 46.7775 10.7633 47.1228 10.558C47.4775 10.3527 47.7528 10.0633 47.9488 9.69C48.1448 9.31667 48.2428 8.90133 48.2428 8.444C48.2428 7.97733 48.1448 7.562 47.9488 7.198C47.7528 6.82467 47.4775 6.53533 47.1228 6.33C46.7775 6.11533 46.3855 6.008 45.9468 6.008C45.4988 6.008 45.1021 6.11533 44.7568 6.33C44.4115 6.53533 44.1408 6.82467 43.9448 7.198C43.7488 7.562 43.6508 7.97733 43.6508 8.444C43.6508 8.90133 43.7488 9.31667 43.9448 9.69C44.1408 10.0633 44.4115 10.3527 44.7568 10.558C45.1021 10.7633 45.4988 10.866 45.9468 10.866ZM53.0428 12V6.246H50.5648V4.888H57.0888V6.246H54.6248V12H53.0428ZM7.434 29.1V27H0.938V19.888H2.534V25.642H6.02V19.888H7.602V25.642H8.806V29.1H7.434ZM10.0708 27V19.888H11.6668V24.83H11.8068L15.0828 19.888H16.8888V27H15.2928V22.086H15.1528L11.8908 27H10.0708ZM22.4905 27.238C21.7158 27.2007 21.0158 27.0187 20.3905 26.692C19.7745 26.356 19.2891 25.9033 18.9345 25.334C18.5891 24.7553 18.4165 24.116 18.4165 23.416C18.4165 22.7253 18.5891 22.1 18.9345 21.54C19.2891 20.98 19.7791 20.532 20.4045 20.196C21.0298 19.86 21.7251 19.678 22.4905 19.65V16.654H24.0305V19.65C24.8051 19.678 25.5005 19.86 26.1165 20.196C26.7325 20.532 27.2131 20.9847 27.5585 21.554C27.9131 22.114 28.0905 22.7347 28.0905 23.416C28.0905 24.116 27.9131 24.7507 27.5585 25.32C27.2131 25.8893 26.7325 26.342 26.1165 26.678C25.5005 27.014 24.8051 27.2007 24.0305 27.238V30.234H22.4905V27.238ZM22.4905 20.994C22.0238 21.0127 21.5991 21.134 21.2165 21.358C20.8431 21.5727 20.5445 21.862 20.3205 22.226C20.1058 22.59 19.9985 22.9867 19.9985 23.416C19.9985 23.864 20.1058 24.2747 20.3205 24.648C20.5445 25.012 20.8431 25.306 21.2165 25.53C21.5991 25.754 22.0238 25.8753 22.4905 25.894V20.994ZM24.0305 25.88C24.4878 25.8707 24.9031 25.754 25.2765 25.53C25.6591 25.2967 25.9578 24.998 26.1725 24.634C26.3965 24.2607 26.5085 23.8547 26.5085 23.416C26.5085 22.9867 26.3965 22.5947 26.1725 22.24C25.9578 21.8853 25.6591 21.596 25.2765 21.372C24.9031 21.148 24.4878 21.022 24.0305 20.994V25.88ZM33.7656 19.622C34.4376 19.622 35.0443 19.7853 35.5856 20.112C36.1269 20.4387 36.5516 20.8913 36.8596 21.47C37.1676 22.0487 37.3216 22.7067 37.3216 23.444C37.3216 24.1813 37.1629 24.8393 36.8456 25.418C36.5376 25.9873 36.1129 26.4353 35.5716 26.762C35.0396 27.0887 34.4423 27.252 33.7796 27.252C33.2476 27.252 32.7716 27.154 32.3516 26.958C31.9409 26.7527 31.6096 26.454 31.3576 26.062H31.2176V30.22H29.6216V19.888H31.2176V20.854H31.3576C31.6096 20.462 31.9409 20.1587 32.3516 19.944C32.7623 19.7293 33.2336 19.622 33.7656 19.622ZM33.4436 21.008C33.0049 21.008 32.6083 21.1153 32.2536 21.33C31.9083 21.5447 31.6376 21.8387 31.4416 22.212C31.2456 22.5853 31.1476 22.996 31.1476 23.444C31.1476 23.892 31.2456 24.3027 31.4416 24.676C31.6376 25.0493 31.9083 25.3433 32.2536 25.558C32.6083 25.7633 33.0049 25.866 33.4436 25.866C33.8729 25.866 34.2603 25.7633 34.6056 25.558C34.9603 25.3433 35.2356 25.0493 35.4316 24.676C35.6276 24.3027 35.7256 23.892 35.7256 23.444C35.7256 22.9867 35.6276 22.5713 35.4316 22.198C35.2356 21.8247 34.9603 21.5353 34.6056 21.33C34.2603 21.1153 33.8729 21.008 33.4436 21.008ZM42.4331 27.252C41.6771 27.252 41.0051 27.0933 40.4171 26.776C39.8291 26.4493 39.3718 26.0013 39.0451 25.432C38.7185 24.8533 38.5551 24.1907 38.5551 23.444C38.5551 22.6973 38.7185 22.0347 39.0451 21.456C39.3718 20.8773 39.8291 20.4293 40.4171 20.112C41.0051 19.7853 41.6771 19.622 42.4331 19.622C43.1891 19.622 43.8565 19.7853 44.4351 20.112C45.0231 20.4293 45.4805 20.8773 45.8071 21.456C46.1431 22.0347 46.3111 22.6973 46.3111 23.444C46.3111 24.1907 46.1431 24.8533 45.8071 25.432C45.4805 26.0013 45.0231 26.4493 44.4351 26.776C43.8565 27.0933 43.1891 27.252 42.4331 27.252ZM42.4331 25.866C42.8718 25.866 43.2638 25.7633 43.6091 25.558C43.9638 25.3527 44.2391 25.0633 44.4351 24.69C44.6311 24.3167 44.7291 23.9013 44.7291 23.444C44.7291 22.9773 44.6311 22.562 44.4351 22.198C44.2391 21.8247 43.9638 21.5353 43.6091 21.33C43.2638 21.1153 42.8718 21.008 42.4331 21.008C41.9851 21.008 41.5885 21.1153 41.2431 21.33C40.8978 21.5353 40.6271 21.8247 40.4311 22.198C40.2351 22.562 40.1371 22.9773 40.1371 23.444C40.1371 23.9013 40.2351 24.3167 40.4311 24.69C40.6271 25.0633 40.8978 25.3527 41.2431 25.558C41.5885 25.7633 41.9851 25.866 42.4331 25.866ZM47.8325 27V19.888H51.5565C52.0045 19.888 52.4012 19.9673 52.7465 20.126C53.1012 20.2753 53.3765 20.4853 53.5725 20.756C53.7685 21.0267 53.8665 21.3347 53.8665 21.68C53.8665 22.0347 53.7639 22.352 53.5585 22.632C53.3532 22.912 53.1012 23.1033 52.8025 23.206V23.346C53.1945 23.4393 53.5072 23.626 53.7405 23.906C53.9832 24.1767 54.1045 24.522 54.1045 24.942C54.1045 25.5487 53.8759 26.0433 53.4185 26.426C52.9612 26.8087 52.3732 27 51.6545 27H47.8325ZM51.3045 25.81C51.6592 25.81 51.9439 25.712 52.1585 25.516C52.3825 25.32 52.4945 25.0867 52.4945 24.816C52.4945 24.5547 52.3825 24.3353 52.1585 24.158C51.9439 23.9807 51.6592 23.892 51.3045 23.892H49.3725V25.81H51.3045ZM51.3045 22.716C51.6032 22.716 51.8505 22.6367 52.0465 22.478C52.2425 22.3193 52.3405 22.128 52.3405 21.904C52.3405 21.68 52.2425 21.4887 52.0465 21.33C51.8505 21.162 51.6032 21.078 51.3045 21.078H49.3725V22.716H51.3045ZM59.0718 27.252C58.3158 27.252 57.6438 27.0933 57.0558 26.776C56.4678 26.4493 56.0105 26.0013 55.6838 25.432C55.3571 24.8533 55.1938 24.1907 55.1938 23.444C55.1938 22.6973 55.3571 22.0347 55.6838 21.456C56.0105 20.8773 56.4678 20.4293 57.0558 20.112C57.6438 19.7853 58.3158 19.622 59.0718 19.622C59.8278 19.622 60.4951 19.7853 61.0738 20.112C61.6618 20.4293 62.1191 20.8773 62.4458 21.456C62.7818 22.0347 62.9498 22.6973 62.9498 23.444C62.9498 24.1907 62.7818 24.8533 62.4458 25.432C62.1191 26.0013 61.6618 26.4493 61.0738 26.776C60.4951 27.0933 59.8278 27.252 59.0718 27.252ZM59.0718 25.866C59.5105 25.866 59.9025 25.7633 60.2478 25.558C60.6025 25.3527 60.8778 25.0633 61.0738 24.69C61.2698 24.3167 61.3678 23.9013 61.3678 23.444C61.3678 22.9773 61.2698 22.562 61.0738 22.198C60.8778 21.8247 60.6025 21.5353 60.2478 21.33C59.9025 21.1153 59.5105 21.008 59.0718 21.008C58.6238 21.008 58.2271 21.1153 57.8818 21.33C57.5365 21.5353 57.2658 21.8247 57.0698 22.198C56.8738 22.562 56.7758 22.9773 56.7758 23.444C56.7758 23.9013 56.8738 24.3167 57.0698 24.69C57.2658 25.0633 57.5365 25.3527 57.8818 25.558C58.2271 25.7633 58.6238 25.866 59.0718 25.866ZM64.4712 27V19.888H69.6792V21.246H66.0672V27H64.4712ZM74.2886 27.252C73.5326 27.252 72.8606 27.0933 72.2726 26.776C71.6846 26.4493 71.2273 26.0013 70.9006 25.432C70.5739 24.8533 70.4106 24.1907 70.4106 23.444C70.4106 22.6973 70.5739 22.0347 70.9006 21.456C71.2273 20.8773 71.6846 20.4293 72.2726 20.112C72.8606 19.7853 73.5326 19.622 74.2886 19.622C75.0446 19.622 75.7119 19.7853 76.2906 20.112C76.8786 20.4293 77.3359 20.8773 77.6626 21.456C77.9986 22.0347 78.1666 22.6973 78.1666 23.444C78.1666 24.1907 77.9986 24.8533 77.6626 25.432C77.3359 26.0013 76.8786 26.4493 76.2906 26.776C75.7119 27.0933 75.0446 27.252 74.2886 27.252ZM74.2886 25.866C74.7273 25.866 75.1193 25.7633 75.4646 25.558C75.8193 25.3527 76.0946 25.0633 76.2906 24.69C76.4866 24.3167 76.5846 23.9013 76.5846 23.444C76.5846 22.9773 76.4866 22.562 76.2906 22.198C76.0946 21.8247 75.8193 21.5353 75.4646 21.33C75.1193 21.1153 74.7273 21.008 74.2886 21.008C73.8406 21.008 73.4439 21.1153 73.0986 21.33C72.7533 21.5353 72.4826 21.8247 72.2866 22.198C72.0906 22.562 71.9926 22.9773 71.9926 23.444C71.9926 23.9013 72.0906 24.3167 72.2866 24.69C72.4826 25.0633 72.7533 25.3527 73.0986 25.558C73.4439 25.7633 73.8406 25.866 74.2886 25.866ZM4.424 42.308C3.70533 42.308 3.07067 42.154 2.52 41.846C1.97867 41.5287 1.554 41.0853 1.246 40.516C0.947333 39.9467 0.798 39.2887 0.798 38.542C0.798 36.9087 0.919333 35.6487 1.162 34.762C1.40467 33.866 1.806 33.2267 2.366 32.844C2.926 32.452 3.724 32.2467 4.76 32.228C5.31067 32.2187 5.70267 32.158 5.936 32.046C6.16933 31.934 6.286 31.752 6.286 31.5H7.658C7.658 32.172 7.43867 32.676 7 33.012C6.56133 33.3387 5.89867 33.5113 5.012 33.53C4.35867 33.5393 3.85 33.628 3.486 33.796C3.122 33.964 2.85133 34.244 2.674 34.636C2.506 35.0187 2.40333 35.5553 2.366 36.246H2.506C2.73 35.9007 3.024 35.6393 3.388 35.462C3.76133 35.2847 4.19533 35.196 4.69 35.196C5.362 35.196 5.95 35.35 6.454 35.658C6.958 35.9567 7.34533 36.3767 7.616 36.918C7.88667 37.4593 8.022 38.0753 8.022 38.766C8.022 39.4567 7.868 40.0727 7.56 40.614C7.26133 41.146 6.83667 41.5613 6.286 41.86C5.73533 42.1587 5.11467 42.308 4.424 42.308ZM4.41 40.922C4.802 40.922 5.152 40.8287 5.46 40.642C5.768 40.4553 6.006 40.194 6.174 39.858C6.35133 39.522 6.44 39.144 6.44 38.724C6.44 38.304 6.35133 37.9307 6.174 37.604C6.006 37.268 5.768 37.0113 5.46 36.834C5.152 36.6473 4.802 36.554 4.41 36.554C4.02733 36.554 3.67733 36.6473 3.36 36.834C3.052 37.0113 2.80933 37.2633 2.632 37.59C2.464 37.9167 2.38 38.2947 2.38 38.724C2.38 39.144 2.464 39.522 2.632 39.858C2.80933 40.194 3.052 40.4553 3.36 40.642C3.67733 40.8287 4.02733 40.922 4.41 40.922ZM13.6953 34.622C14.3673 34.622 14.9739 34.7853 15.5153 35.112C16.0566 35.4387 16.4813 35.8913 16.7893 36.47C17.0973 37.0487 17.2513 37.7067 17.2513 38.444C17.2513 39.1813 17.0926 39.8393 16.7753 40.418C16.4673 40.9873 16.0426 41.4353 15.5013 41.762C14.9693 42.0887 14.3719 42.252 13.7093 42.252C13.1773 42.252 12.7013 42.154 12.2813 41.958C11.8706 41.7527 11.5393 41.454 11.2873 41.062H11.1473V45.22H9.55128V34.888H11.1473V35.854H11.2873C11.5393 35.462 11.8706 35.1587 12.2813 34.944C12.6919 34.7293 13.1633 34.622 13.6953 34.622ZM13.3733 36.008C12.9346 36.008 12.5379 36.1153 12.1833 36.33C11.8379 36.5447 11.5673 36.8387 11.3713 37.212C11.1753 37.5853 11.0773 37.996 11.0773 38.444C11.0773 38.892 11.1753 39.3027 11.3713 39.676C11.5673 40.0493 11.8379 40.3433 12.1833 40.558C12.5379 40.7633 12.9346 40.866 13.3733 40.866C13.8026 40.866 14.1899 40.7633 14.5353 40.558C14.8899 40.3433 15.1653 40.0493 15.3613 39.676C15.5573 39.3027 15.6553 38.892 15.6553 38.444C15.6553 37.9867 15.5573 37.5713 15.3613 37.198C15.1653 36.8247 14.8899 36.5353 14.5353 36.33C14.1899 36.1153 13.8026 36.008 13.3733 36.008ZM22.3768 42.252C21.6395 42.252 20.9721 42.0887 20.3748 41.762C19.7868 41.426 19.3248 40.964 18.9888 40.376C18.6621 39.788 18.4988 39.116 18.4988 38.36C18.4988 37.6413 18.6621 37.002 18.9888 36.442C19.3155 35.8727 19.7681 35.4293 20.3468 35.112C20.9348 34.7853 21.5975 34.622 22.3348 34.622C23.0628 34.622 23.7115 34.7853 24.2808 35.112C24.8595 35.4293 25.3075 35.8727 25.6248 36.442C25.9515 37.0113 26.1148 37.6553 26.1148 38.374C26.1148 38.4113 26.1148 38.4487 26.1148 38.486C26.1148 38.514 26.1148 38.542 26.1148 38.57C26.1148 38.6353 26.1101 38.7007 26.1008 38.766C26.1008 38.822 26.0961 38.878 26.0868 38.934H20.1368C20.1928 39.3447 20.3235 39.704 20.5288 40.012C20.7435 40.32 21.0095 40.558 21.3268 40.726C21.6535 40.8847 22.0221 40.964 22.4328 40.964C22.8901 40.964 23.3055 40.8613 23.6788 40.656C24.0521 40.4413 24.3368 40.152 24.5328 39.788L25.8488 40.292C25.6808 40.6933 25.4241 41.0433 25.0788 41.342C24.7428 41.6407 24.3461 41.8647 23.8888 42.014C23.4315 42.1727 22.9275 42.252 22.3768 42.252ZM24.4628 37.758C24.4161 37.4033 24.2901 37.086 24.0848 36.806C23.8795 36.526 23.6181 36.3067 23.3008 36.148C22.9928 35.9893 22.6521 35.91 22.2788 35.91C21.9055 35.91 21.5695 35.9893 21.2708 36.148C20.9721 36.2973 20.7248 36.512 20.5288 36.792C20.3328 37.072 20.2021 37.394 20.1368 37.758H24.4628ZM27.6528 42V34.888H29.2488V37.73H32.7908V34.888H34.3728V42H32.7908V39.088H29.2488V42H27.6528ZM35.5665 44.1V40.642H36.4905C36.7705 40.4647 36.9805 40.1753 37.1205 39.774C37.2605 39.3633 37.3725 38.78 37.4565 38.024L37.8205 34.888H43.1685V40.642H44.3445V44.1H43.0005V42H36.9245V44.1H35.5665ZM38.0725 40.642H41.5725V36.246H39.1645L38.8705 38.668C38.8238 39.1253 38.7398 39.4893 38.6185 39.76C38.4971 40.0307 38.3151 40.278 38.0725 40.502V40.642ZM45.7544 42V34.888H47.3504V39.83H47.4904L50.7664 34.888H52.5724V42H50.9764V37.086H50.8364L47.5744 42H45.7544ZM54.436 42V34.888H56.032V37.73H59.574V34.888H61.156V42H59.574V39.088H56.032V42H54.436ZM63.0357 42V34.888H68.2437V36.246H64.6317V42H63.0357ZM71.5461 42.196C70.7808 42.196 70.1648 42.014 69.6981 41.65C69.2408 41.2767 69.0121 40.7773 69.0121 40.152C69.0121 39.4893 69.2875 38.948 69.8381 38.528C70.3981 38.108 71.2101 37.8373 72.2741 37.716L74.0381 37.52V37.24C74.0381 36.82 73.8935 36.4887 73.6041 36.246C73.3241 36.0033 72.9368 35.882 72.4421 35.882C71.9755 35.882 71.6021 35.994 71.3221 36.218C71.0421 36.442 70.9068 36.75 70.9161 37.142H69.3481C69.3481 36.638 69.4741 36.1947 69.7261 35.812C69.9781 35.4293 70.3375 35.1353 70.8041 34.93C71.2801 34.7247 71.8308 34.622 72.4561 34.622C73.0908 34.622 73.6461 34.734 74.1221 34.958C74.6075 35.1727 74.9761 35.4807 75.2281 35.882C75.4895 36.274 75.6201 36.7407 75.6201 37.282V42H74.0381V41.034H73.9121C73.6695 41.4167 73.3475 41.706 72.9461 41.902C72.5448 42.098 72.0781 42.196 71.5461 42.196ZM71.9381 41.034C72.3395 41.034 72.6988 40.9593 73.0161 40.81C73.3428 40.6513 73.5948 40.432 73.7721 40.152C73.9495 39.872 74.0381 39.5593 74.0381 39.214V38.654L72.3021 38.85C71.7141 38.9153 71.2755 39.06 70.9861 39.284C70.7061 39.4987 70.5661 39.76 70.5661 40.068C70.5661 40.3667 70.6875 40.6047 70.9301 40.782C71.1821 40.95 71.5181 41.034 71.9381 41.034Z" fill="black"/>
+</svg>

package/components/logo/index.cjs

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var logo = require('./logo');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -8,6 +10,13 @@ var logo__default = /*#__PURE__*/_interopDefault(logo);
 
 
 
-module.exports = logo__default.default;
+Object.defineProperty(exports, "Logo", {
+  enumerable: true,
+  get: function () { return logo__default.default; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return logo__default.default; }
+});
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/components/logo/index.d.ts

@@ -1,2 +1,3 @@
 export { default } from './logo';
-export type { LogoProps } from './logo';
+export { default as Logo } from './logo';
+export type { LogoBrand, LogoMode, LogoProps, } from './logo';

package/components/logo/index.js

@@ -1,3 +1,3 @@
-export { default } from './logo';
+export { default as Logo, default } from './logo';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/components/logo/logo.cjs

@@ -3,48 +3,92 @@
 var jsxRuntime = require('react/jsx-runtime');
 require('./logo.css');
 var classnames = require('../helpers/classnames');
-var logoSymbol = require('./assets/logo-symbol.svg');
-var logoWordmark = require('./assets/logo-wordmark.svg');
+var brandcopilotSymbol = require('./assets/brandcopilot-symbol.svg');
+var brandcopilotWordmark = require('./assets/brandcopilot-wordmark.svg');
+var dmpatternsSymbol = require('./assets/dmpatterns-symbol.svg');
+var dmpatternsWordmark = require('./assets/dmpatterns-wordmark.svg');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var logoSymbol__default = /*#__PURE__*/_interopDefault(logoSymbol);
-var logoWordmark__default = /*#__PURE__*/_interopDefault(logoWordmark);
+var brandcopilotSymbol__default = /*#__PURE__*/_interopDefault(brandcopilotSymbol);
+var brandcopilotWordmark__default = /*#__PURE__*/_interopDefault(brandcopilotWordmark);
+var dmpatternsSymbol__default = /*#__PURE__*/_interopDefault(dmpatternsSymbol);
+var dmpatternsWordmark__default = /*#__PURE__*/_interopDefault(dmpatternsWordmark);
 
+const logoBrands = {
+  dmpatterns: {
+    label: "\u041F\u0430\u0442\u0442\u0435\u0440\u043D\u044B \u0434\u0438\u0437\u0430\u0439\u043D-\u043C\u0435\u043D\u0435\u0434\u0436\u043C\u0435\u043D\u0442\u0430",
+    symbol: dmpatternsSymbol__default.default,
+    wordmark: dmpatternsWordmark__default.default
+  },
+  brandcopilot: {
+    label: "Brandcopilot",
+    symbol: brandcopilotSymbol__default.default,
+    wordmark: brandcopilotWordmark__default.default
+  },
+  pdigest: {
+    label: "PDigest",
+    symbol: dmpatternsSymbol__default.default,
+    wordmark: dmpatternsWordmark__default.default
+  },
+  retrack: {
+    label: "Retrack",
+    symbol: dmpatternsSymbol__default.default,
+    wordmark: dmpatternsWordmark__default.default
+  }
+};
 const Logo = ({
+  brand = "dmpatterns",
   mode = "full",
-  label = "\u041F\u0430\u0442\u0442\u0435\u0440\u043D\u044B \u0434\u0438\u0437\u0430\u0439\u043D-\u043C\u0435\u043D\u0435\u0434\u0436\u043C\u0435\u043D\u0442\u0430",
+  label,
   className = "",
   ...props
 }) => {
-  const classes = classnames.classnames("logo", className, {
-    "logo--symbol": mode === "symbol"
-  });
+  const logo = logoBrands[brand];
+  const accessibleLabel = label ?? logo.label;
+  const classes = classnames.classnames(
+    "logo",
+    `logo--${brand}`,
+    className,
+    {
+      "logo--symbol": mode === "symbol"
+    }
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       className: classes,
-      "aria-label": label,
+      "aria-label": accessibleLabel,
       ...props,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "img",
           {
             className: "logo__symbol",
-            src: logoSymbol__default.default,
+            src: logo.symbol,
             alt: "",
             "aria-hidden": "true"
           }
         ),
-        mode === "full" && /* @__PURE__ */ jsxRuntime.jsx(
+        mode === "full" && (brand === "brandcopilot" ? /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "logo__wordmark logo__wordmark--mask",
+            "aria-hidden": "true",
+            style: {
+              WebkitMaskImage: `url("${logo.wordmark}")`,
+              maskImage: `url("${logo.wordmark}")`
+            }
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
           "img",
           {
             className: "logo__wordmark",
-            src: logoWordmark__default.default,
+            src: logo.wordmark,
             alt: "",
             "aria-hidden": "true"
           }
-        )
+        ))
       ]
     }
   );

package/components/logo/logo.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/logo/logo.tsx"],"names":["classnames","jsxs","jsx","logoSymbol","logoWordmark"],"mappings":";;;;;;;;;;;;;AAaA,MAAM,OAA4B,CAAC;AAAA,EACjC,IAAA,GAAO,MAAA;AAAA,EACP,KAAA,GAAQ,0JAAA;AAAA,EACR,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAUA,qBAAA,CAAW,MAAA,EAAQ,SAAA,EAAW;AAAA,IAC5C,gBAAgB,IAAA,KAAS;AAAA,GAC1B,CAAA;AAED,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,YAAA,EAAY,KAAA;AAAA,MACX,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,cAAA;AAAA,YACV,GAAA,EAAKC,2BAAA;AAAA,YACL,GAAA,EAAI,EAAA;AAAA,YACJ,aAAA,EAAY;AAAA;AAAA,SACd;AAAA,QAEC,SAAS,MAAA,oBACRD,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,gBAAA;AAAA,YACV,GAAA,EAAKE,6BAAA;AAAA,YACL,GAAA,EAAI,EAAA;AAAA,YACJ,aAAA,EAAY;AAAA;AAAA;AACd;AAAA;AAAA,GAEJ;AAEJ,CAAA;AAEA,IAAO,YAAA,GAAQ","file":"logo.cjs","sourcesContent":["import React from 'react';\nimport './logo.css';\nimport { classnames } from '../helpers/classnames';\n\nimport logoSymbol from './assets/logo-symbol.svg';\nimport logoWordmark from './assets/logo-wordmark.svg';\n\nexport interface LogoProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: 'full' | 'symbol';\n  label?: string;\n}\n\nconst Logo: React.FC<LogoProps> = ({\n  mode = 'full',\n  label = 'Паттерны дизайн-менеджмента',\n  className = '',\n  ...props\n}) => {\n  const classes = classnames('logo', className, {\n    'logo--symbol': mode === 'symbol',\n  });\n\n  return (\n    <div\n      className={classes}\n      aria-label={label}\n      {...props}\n    >\n      <img\n        className=\"logo__symbol\"\n        src={logoSymbol}\n        alt=\"\"\n        aria-hidden=\"true\"\n      />\n\n      {mode === 'full' && (\n        <img\n          className=\"logo__wordmark\"\n          src={logoWordmark}\n          alt=\"\"\n          aria-hidden=\"true\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport default Logo;"]}
+{"version":3,"sources":["../../../src/components/logo/logo.tsx"],"names":["dmpatternsSymbol","dmpatternsWordmark","brandcopilotSymbol","brandcopilotWordmark","classnames","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,MAAM,UAAA,GAGF;AAAA,EACF,UAAA,EAAY;AAAA,IACV,KAAA,EAAO,0JAAA;AAAA,IACP,MAAA,EAAQA,iCAAA;AAAA,IACR,QAAA,EAAUC;AAAA,GACZ;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,KAAA,EAAO,cAAA;AAAA,IACP,MAAA,EAAQC,mCAAA;AAAA,IACR,QAAA,EAAUC;AAAA,GACZ;AAAA,EACA,OAAA,EAAS;AAAA,IACP,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQH,iCAAA;AAAA,IACR,QAAA,EAAUC;AAAA,GACZ;AAAA,EACA,OAAA,EAAS;AAAA,IACP,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQD,iCAAA;AAAA,IACR,QAAA,EAAUC;AAAA;AAEd,CAAA;AASA,MAAM,OAA4B,CAAC;AAAA,EACjC,KAAA,GAAQ,YAAA;AAAA,EACR,IAAA,GAAO,MAAA;AAAA,EACP,KAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,IAAA,GAAO,WAAW,KAAK,CAAA;AAC7B,EAAA,MAAM,eAAA,GAAkB,SAAS,IAAA,CAAK,KAAA;AAEtC,EAAA,MAAM,OAAA,GAAUG,qBAAA;AAAA,IACd,MAAA;AAAA,IACA,SAAS,KAAK,CAAA,CAAA;AAAA,IACd,SAAA;AAAA,IACA;AAAA,MACE,gBAAgB,IAAA,KAAS;AAAA;AAC3B,GACF;AAEA,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,YAAA,EAAY,eAAA;AAAA,MACX,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,cAAA;AAAA,YACV,KAAK,IAAA,CAAK,MAAA;AAAA,YACV,GAAA,EAAI,EAAA;AAAA,YACJ,aAAA,EAAY;AAAA;AAAA,SACd;AAAA,QAEC,IAAA,KAAS,MAAA,KACP,KAAA,KAAU,cAAA,mBACTA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,qCAAA;AAAA,YACV,aAAA,EAAY,MAAA;AAAA,YACZ,KAAA,EAAO;AAAA,cACL,eAAA,EAAiB,CAAA,KAAA,EAAQ,IAAA,CAAK,QAAQ,CAAA,EAAA,CAAA;AAAA,cACtC,SAAA,EAAW,CAAA,KAAA,EAAQ,IAAA,CAAK,QAAQ,CAAA,EAAA;AAAA;AAClC;AAAA,SACF,mBAEAA,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,gBAAA;AAAA,YACV,KAAK,IAAA,CAAK,QAAA;AAAA,YACV,GAAA,EAAI,EAAA;AAAA,YACJ,aAAA,EAAY;AAAA;AAAA,SACd;AAAA;AAAA;AAAA,GAEN;AAEJ,CAAA;AAEA,IAAO,YAAA,GAAQ","file":"logo.cjs","sourcesContent":["import React from 'react';\nimport './logo.css';\nimport { classnames } from '../helpers/classnames';\n\nimport brandcopilotSymbol from './assets/brandcopilot-symbol.svg';\nimport brandcopilotWordmark from './assets/brandcopilot-wordmark.svg';\nimport dmpatternsSymbol from './assets/dmpatterns-symbol.svg';\nimport dmpatternsWordmark from './assets/dmpatterns-wordmark.svg';\n\nexport type LogoBrand =\n  | 'dmpatterns'\n  | 'brandcopilot'\n  | 'pdigest'\n  | 'retrack';\n\nexport type LogoMode = 'full' | 'symbol';\n\ninterface LogoBrandDefinition {\n  label: string;\n  symbol: string;\n  wordmark: string;\n}\n\nconst logoBrands: Record<\n  LogoBrand,\n  LogoBrandDefinition\n> = {\n  dmpatterns: {\n    label: 'Паттерны дизайн-менеджмента',\n    symbol: dmpatternsSymbol,\n    wordmark: dmpatternsWordmark,\n  },\n  brandcopilot: {\n    label: 'Brandcopilot',\n    symbol: brandcopilotSymbol,\n    wordmark: brandcopilotWordmark,\n  },\n  pdigest: {\n    label: 'PDigest',\n    symbol: dmpatternsSymbol,\n    wordmark: dmpatternsWordmark,\n  },\n  retrack: {\n    label: 'Retrack',\n    symbol: dmpatternsSymbol,\n    wordmark: dmpatternsWordmark,\n  },\n};\n\nexport interface LogoProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  brand?: LogoBrand;\n  mode?: LogoMode;\n  label?: string;\n}\n\nconst Logo: React.FC<LogoProps> = ({\n  brand = 'dmpatterns',\n  mode = 'full',\n  label,\n  className = '',\n  ...props\n}) => {\n  const logo = logoBrands[brand];\n  const accessibleLabel = label ?? logo.label;\n\n  const classes = classnames(\n    'logo',\n    `logo--${brand}`,\n    className,\n    {\n      'logo--symbol': mode === 'symbol',\n    },\n  );\n\n  return (\n    <div\n      className={classes}\n      aria-label={accessibleLabel}\n      {...props}\n    >\n      <img\n        className=\"logo__symbol\"\n        src={logo.symbol}\n        alt=\"\"\n        aria-hidden=\"true\"\n      />\n\n      {mode === 'full' &&\n        (brand === 'brandcopilot' ? (\n          <span\n            className=\"logo__wordmark logo__wordmark--mask\"\n            aria-hidden=\"true\"\n            style={{\n              WebkitMaskImage: `url(\"${logo.wordmark}\")`,\n              maskImage: `url(\"${logo.wordmark}\")`,\n            }}\n          />\n        ) : (\n          <img\n            className=\"logo__wordmark\"\n            src={logo.wordmark}\n            alt=\"\"\n            aria-hidden=\"true\"\n          />\n        ))}\n    </div>\n  );\n};\n\nexport default Logo;\n"]}

package/components/logo/logo.css

@@ -24,6 +24,14 @@
   gap: 0;
 }
 
+.logo--brandcopilot {
+  /* size */
+  --logo-brandcopilot-height: 45px;
+  --logo-brandcopilot-wordmark-width: 79px;
+
+  align-items: center;
+}
+
 :where(a, button) .logo {
   /* motion */
   cursor: pointer;
@@ -43,4 +51,38 @@
   width: var(--logo-wordmark-width);
   height: auto;
   flex-shrink: 0;
+}
+
+.logo--brandcopilot .logo__symbol {
+  /* size */
+  width: auto;
+  height: var(--logo-brandcopilot-height);
+}
+
+.logo--brandcopilot .logo__wordmark {
+  /* size */
+  width: var(--logo-brandcopilot-wordmark-width);
+  height: var(--logo-brandcopilot-height);
+}
+
+.logo__wordmark--mask {
+  /* color */
+  background-color: var(--color-text);
+
+  /* typography */
+
+  /* size */
+
+  mask-repeat: no-repeat;
+  mask-position: center;
+  mask-size: contain;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  -webkit-mask-size: contain;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
 }

package/components/logo/logo.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
 import './logo.css';
+export type LogoBrand = 'dmpatterns' | 'brandcopilot' | 'pdigest' | 'retrack';
+export type LogoMode = 'full' | 'symbol';
 export interface LogoProps extends React.HTMLAttributes<HTMLDivElement> {
-    mode?: 'full' | 'symbol';
+    brand?: LogoBrand;
+    mode?: LogoMode;
     label?: string;
 }
 declare const Logo: React.FC<LogoProps>;

package/components/logo/logo.js

@@ -1,43 +1,85 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import './logo.css';
 import { classnames } from '../helpers/classnames';
-import logoSymbol from './assets/logo-symbol.svg';
-import logoWordmark from './assets/logo-wordmark.svg';
+import brandcopilotSymbol from './assets/brandcopilot-symbol.svg';
+import brandcopilotWordmark from './assets/brandcopilot-wordmark.svg';
+import dmpatternsSymbol from './assets/dmpatterns-symbol.svg';
+import dmpatternsWordmark from './assets/dmpatterns-wordmark.svg';
 
+const logoBrands = {
+  dmpatterns: {
+    label: "\u041F\u0430\u0442\u0442\u0435\u0440\u043D\u044B \u0434\u0438\u0437\u0430\u0439\u043D-\u043C\u0435\u043D\u0435\u0434\u0436\u043C\u0435\u043D\u0442\u0430",
+    symbol: dmpatternsSymbol,
+    wordmark: dmpatternsWordmark
+  },
+  brandcopilot: {
+    label: "Brandcopilot",
+    symbol: brandcopilotSymbol,
+    wordmark: brandcopilotWordmark
+  },
+  pdigest: {
+    label: "PDigest",
+    symbol: dmpatternsSymbol,
+    wordmark: dmpatternsWordmark
+  },
+  retrack: {
+    label: "Retrack",
+    symbol: dmpatternsSymbol,
+    wordmark: dmpatternsWordmark
+  }
+};
 const Logo = ({
+  brand = "dmpatterns",
   mode = "full",
-  label = "\u041F\u0430\u0442\u0442\u0435\u0440\u043D\u044B \u0434\u0438\u0437\u0430\u0439\u043D-\u043C\u0435\u043D\u0435\u0434\u0436\u043C\u0435\u043D\u0442\u0430",
+  label,
   className = "",
   ...props
 }) => {
-  const classes = classnames("logo", className, {
-    "logo--symbol": mode === "symbol"
-  });
+  const logo = logoBrands[brand];
+  const accessibleLabel = label ?? logo.label;
+  const classes = classnames(
+    "logo",
+    `logo--${brand}`,
+    className,
+    {
+      "logo--symbol": mode === "symbol"
+    }
+  );
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: classes,
-      "aria-label": label,
+      "aria-label": accessibleLabel,
       ...props,
       children: [
         /* @__PURE__ */ jsx(
           "img",
           {
             className: "logo__symbol",
-            src: logoSymbol,
+            src: logo.symbol,
             alt: "",
             "aria-hidden": "true"
           }
         ),
-        mode === "full" && /* @__PURE__ */ jsx(
+        mode === "full" && (brand === "brandcopilot" ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "logo__wordmark logo__wordmark--mask",
+            "aria-hidden": "true",
+            style: {
+              WebkitMaskImage: `url("${logo.wordmark}")`,
+              maskImage: `url("${logo.wordmark}")`
+            }
+          }
+        ) : /* @__PURE__ */ jsx(
           "img",
           {
             className: "logo__wordmark",
-            src: logoWordmark,
+            src: logo.wordmark,
             alt: "",
             "aria-hidden": "true"
           }
-        )
+        ))
       ]
     }
   );

package/components/logo/logo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/logo/logo.tsx"],"names":[],"mappings":";;;;;;AAaA,MAAM,OAA4B,CAAC;AAAA,EACjC,IAAA,GAAO,MAAA;AAAA,EACP,KAAA,GAAQ,0JAAA;AAAA,EACR,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,OAAA,GAAU,UAAA,CAAW,MAAA,EAAQ,SAAA,EAAW;AAAA,IAC5C,gBAAgB,IAAA,KAAS;AAAA,GAC1B,CAAA;AAED,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,YAAA,EAAY,KAAA;AAAA,MACX,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,cAAA;AAAA,YACV,GAAA,EAAK,UAAA;AAAA,YACL,GAAA,EAAI,EAAA;AAAA,YACJ,aAAA,EAAY;AAAA;AAAA,SACd;AAAA,QAEC,SAAS,MAAA,oBACR,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,gBAAA;AAAA,YACV,GAAA,EAAK,YAAA;AAAA,YACL,GAAA,EAAI,EAAA;AAAA,YACJ,aAAA,EAAY;AAAA;AAAA;AACd;AAAA;AAAA,GAEJ;AAEJ,CAAA;AAEA,IAAO,YAAA,GAAQ","file":"logo.js","sourcesContent":["import React from 'react';\nimport './logo.css';\nimport { classnames } from '../helpers/classnames';\n\nimport logoSymbol from './assets/logo-symbol.svg';\nimport logoWordmark from './assets/logo-wordmark.svg';\n\nexport interface LogoProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  mode?: 'full' | 'symbol';\n  label?: string;\n}\n\nconst Logo: React.FC<LogoProps> = ({\n  mode = 'full',\n  label = 'Паттерны дизайн-менеджмента',\n  className = '',\n  ...props\n}) => {\n  const classes = classnames('logo', className, {\n    'logo--symbol': mode === 'symbol',\n  });\n\n  return (\n    <div\n      className={classes}\n      aria-label={label}\n      {...props}\n    >\n      <img\n        className=\"logo__symbol\"\n        src={logoSymbol}\n        alt=\"\"\n        aria-hidden=\"true\"\n      />\n\n      {mode === 'full' && (\n        <img\n          className=\"logo__wordmark\"\n          src={logoWordmark}\n          alt=\"\"\n          aria-hidden=\"true\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport default Logo;"]}
+{"version":3,"sources":["../../../src/components/logo/logo.tsx"],"names":[],"mappings":";;;;;;;;AAuBA,MAAM,UAAA,GAGF;AAAA,EACF,UAAA,EAAY;AAAA,IACV,KAAA,EAAO,0JAAA;AAAA,IACP,MAAA,EAAQ,gBAAA;AAAA,IACR,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,KAAA,EAAO,cAAA;AAAA,IACP,MAAA,EAAQ,kBAAA;AAAA,IACR,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,OAAA,EAAS;AAAA,IACP,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ,gBAAA;AAAA,IACR,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,OAAA,EAAS;AAAA,IACP,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ,gBAAA;AAAA,IACR,QAAA,EAAU;AAAA;AAEd,CAAA;AASA,MAAM,OAA4B,CAAC;AAAA,EACjC,KAAA,GAAQ,YAAA;AAAA,EACR,IAAA,GAAO,MAAA;AAAA,EACP,KAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,IAAA,GAAO,WAAW,KAAK,CAAA;AAC7B,EAAA,MAAM,eAAA,GAAkB,SAAS,IAAA,CAAK,KAAA;AAEtC,EAAA,MAAM,OAAA,GAAU,UAAA;AAAA,IACd,MAAA;AAAA,IACA,SAAS,KAAK,CAAA,CAAA;AAAA,IACd,SAAA;AAAA,IACA;AAAA,MACE,gBAAgB,IAAA,KAAS;AAAA;AAC3B,GACF;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,OAAA;AAAA,MACX,YAAA,EAAY,eAAA;AAAA,MACX,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,cAAA;AAAA,YACV,KAAK,IAAA,CAAK,MAAA;AAAA,YACV,GAAA,EAAI,EAAA;AAAA,YACJ,aAAA,EAAY;AAAA;AAAA,SACd;AAAA,QAEC,IAAA,KAAS,MAAA,KACP,KAAA,KAAU,cAAA,mBACT,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,qCAAA;AAAA,YACV,aAAA,EAAY,MAAA;AAAA,YACZ,KAAA,EAAO;AAAA,cACL,eAAA,EAAiB,CAAA,KAAA,EAAQ,IAAA,CAAK,QAAQ,CAAA,EAAA,CAAA;AAAA,cACtC,SAAA,EAAW,CAAA,KAAA,EAAQ,IAAA,CAAK,QAAQ,CAAA,EAAA;AAAA;AAClC;AAAA,SACF,mBAEA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,gBAAA;AAAA,YACV,KAAK,IAAA,CAAK,QAAA;AAAA,YACV,GAAA,EAAI,EAAA;AAAA,YACJ,aAAA,EAAY;AAAA;AAAA,SACd;AAAA;AAAA;AAAA,GAEN;AAEJ,CAAA;AAEA,IAAO,YAAA,GAAQ","file":"logo.js","sourcesContent":["import React from 'react';\nimport './logo.css';\nimport { classnames } from '../helpers/classnames';\n\nimport brandcopilotSymbol from './assets/brandcopilot-symbol.svg';\nimport brandcopilotWordmark from './assets/brandcopilot-wordmark.svg';\nimport dmpatternsSymbol from './assets/dmpatterns-symbol.svg';\nimport dmpatternsWordmark from './assets/dmpatterns-wordmark.svg';\n\nexport type LogoBrand =\n  | 'dmpatterns'\n  | 'brandcopilot'\n  | 'pdigest'\n  | 'retrack';\n\nexport type LogoMode = 'full' | 'symbol';\n\ninterface LogoBrandDefinition {\n  label: string;\n  symbol: string;\n  wordmark: string;\n}\n\nconst logoBrands: Record<\n  LogoBrand,\n  LogoBrandDefinition\n> = {\n  dmpatterns: {\n    label: 'Паттерны дизайн-менеджмента',\n    symbol: dmpatternsSymbol,\n    wordmark: dmpatternsWordmark,\n  },\n  brandcopilot: {\n    label: 'Brandcopilot',\n    symbol: brandcopilotSymbol,\n    wordmark: brandcopilotWordmark,\n  },\n  pdigest: {\n    label: 'PDigest',\n    symbol: dmpatternsSymbol,\n    wordmark: dmpatternsWordmark,\n  },\n  retrack: {\n    label: 'Retrack',\n    symbol: dmpatternsSymbol,\n    wordmark: dmpatternsWordmark,\n  },\n};\n\nexport interface LogoProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  brand?: LogoBrand;\n  mode?: LogoMode;\n  label?: string;\n}\n\nconst Logo: React.FC<LogoProps> = ({\n  brand = 'dmpatterns',\n  mode = 'full',\n  label,\n  className = '',\n  ...props\n}) => {\n  const logo = logoBrands[brand];\n  const accessibleLabel = label ?? logo.label;\n\n  const classes = classnames(\n    'logo',\n    `logo--${brand}`,\n    className,\n    {\n      'logo--symbol': mode === 'symbol',\n    },\n  );\n\n  return (\n    <div\n      className={classes}\n      aria-label={accessibleLabel}\n      {...props}\n    >\n      <img\n        className=\"logo__symbol\"\n        src={logo.symbol}\n        alt=\"\"\n        aria-hidden=\"true\"\n      />\n\n      {mode === 'full' &&\n        (brand === 'brandcopilot' ? (\n          <span\n            className=\"logo__wordmark logo__wordmark--mask\"\n            aria-hidden=\"true\"\n            style={{\n              WebkitMaskImage: `url(\"${logo.wordmark}\")`,\n              maskImage: `url(\"${logo.wordmark}\")`,\n            }}\n          />\n        ) : (\n          <img\n            className=\"logo__wordmark\"\n            src={logo.wordmark}\n            alt=\"\"\n            aria-hidden=\"true\"\n          />\n        ))}\n    </div>\n  );\n};\n\nexport default Logo;\n"]}

package/components/logo/logo.meta.d.ts

@@ -1,10 +1,2 @@
-export declare const logoMeta: {
-    name: string;
-    purpose: string;
-    anatomy: string[];
-    states: string[];
-    props: string[];
-    usage: string[];
-    llmDescription: string;
-    example: string;
-};
+import type { ComponentMeta } from '../../catalog/types';
+export declare const logoMeta: ComponentMeta;

package/index.d.ts

@@ -45,7 +45,7 @@ export type { CardProps } from './components/card';
 export { default as Panel } from './components/panel';
 export type { PanelProps } from './components/panel';
 export { default as Logo } from './components/logo';
-export type { LogoProps } from './components/logo';
+export type { LogoBrand, LogoMode, LogoProps, } from './components/logo';
 export { default as Avatar } from './components/avatar';
 export type { AvatarProps } from './components/avatar';
 export { default as Attach } from './components/attach';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jvetrau-ds",
-  "version": "0.2.19",
+  "version": "0.2.20",
   "description": "Multi-brand React design system with semantic tokens",
   "license": "UNLICENSED",
   "type": "module",

package/styles.css

@@ -3616,6 +3616,14 @@
   gap: 0;
 }
 
+.logo--brandcopilot {
+  /* size */
+  --logo-brandcopilot-height: 45px;
+  --logo-brandcopilot-wordmark-width: 79px;
+
+  align-items: center;
+}
+
 :where(a, button) .logo {
   /* motion */
   cursor: pointer;
@@ -3637,6 +3645,40 @@
   flex-shrink: 0;
 }
 
+.logo--brandcopilot .logo__symbol {
+  /* size */
+  width: auto;
+  height: var(--logo-brandcopilot-height);
+}
+
+.logo--brandcopilot .logo__wordmark {
+  /* size */
+  width: var(--logo-brandcopilot-wordmark-width);
+  height: var(--logo-brandcopilot-height);
+}
+
+.logo__wordmark--mask {
+  /* color */
+  background-color: var(--color-text);
+
+  /* typography */
+
+  /* size */
+
+  mask-repeat: no-repeat;
+  mask-position: center;
+  mask-size: contain;
+  -webkit-mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  -webkit-mask-size: contain;
+
+  /* border */
+
+  /* depth */
+
+  /* motion */
+}
+
 /* src/components/markdown/markdown.css */
 .markdown {
   /* color */

package/themes/{redesigntrack → retrack}/desktop.md

@@ -1,4 +1,4 @@
-# Design Tokens — redesigntrack / desktop
+# Design Tokens — retrack / desktop
 
 ## color
 

package/themes/{redesigntrack → retrack}/desktop.scoped.css

@@ -1,4 +1,4 @@
-[data-theme="redesigntrack"][data-mode="desktop"] {
+[data-theme="retrack"][data-mode="desktop"] {
   --color-alt: #FFFFFF;
   --color-bad: var(--color-primary-2);
   --color-bg: #191A1A;

package/themes/{redesigntrack → retrack}/diagram.md

@@ -1,4 +1,4 @@
-# Design Tokens — redesigntrack / diagram
+# Design Tokens — retrack / diagram
 
 ## color
 

package/themes/{redesigntrack → retrack}/diagram.scoped.css

@@ -1,4 +1,4 @@
-[data-theme="redesigntrack"][data-mode="diagram"] {
+[data-theme="retrack"][data-mode="diagram"] {
   --color-alt: #FFFFFF;
   --color-bad: var(--color-primary-2);
   --color-bg: #0D0D0D;

package/themes/{redesigntrack → retrack}/mobile.md

@@ -1,4 +1,4 @@
-# Design Tokens — redesigntrack / mobile
+# Design Tokens — retrack / mobile
 
 ## color
 

package/themes/{redesigntrack → retrack}/mobile.scoped.css

@@ -1,4 +1,4 @@
-[data-theme="redesigntrack"][data-mode="mobile"] {
+[data-theme="retrack"][data-mode="mobile"] {
   --color-alt: #FFFFFF;
   --color-bad: var(--color-primary-2);
   --color-bg: #191A1A;