sellmate-design-system-react 9.0.0-beta.71 → 9.0.0-beta.72

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -6878,48 +6878,249 @@ var SExpansionListImpl = /* @__PURE__ */ react.forwardRef(function SExpansionLis
6878
6878
  var SExpansionList2 = /* @__PURE__ */ withDisplayName(SExpansionListImpl, "SExpansionList");
6879
6879
 
6880
6880
  // src/components/SLogo/logo.config.ts
6881
- var LOGO_NAMES = ["sellmate"];
6881
+ var LOGO_NAMES = [
6882
+ "sellmate",
6883
+ "wms",
6884
+ "chat",
6885
+ "plm",
6886
+ "account",
6887
+ "people",
6888
+ "crm",
6889
+ "work",
6890
+ "pos",
6891
+ "console"
6892
+ ];
6893
+ var LOGO_MODES = ["light", "dark"];
6882
6894
  var LOGO_DEFAULT_SIZE = 24;
6883
- var SELLMATE_NAVY = "#00275F";
6884
- function SellmateWordmark({ style }) {
6895
+ var LOGO_VIEWBOX_HEIGHT = 50;
6896
+ var WORDMARK_COLOR = { light: "#002B5E", dark: "#FFFFFF" };
6897
+ var WORDMARK_PATH = "M83.8174 10.4434C89.4634 10.4434 93.6456 11.4846 96.2578 13.5332V13.5215C98.9637 15.6521 100.334 18.8951 100.334 23.1328V30.6367C100.334 32.2288 100.041 33.365 99.4434 34.1025C98.7639 34.9217 97.5693 35.3193 95.7656 35.3193H64.4414V36.2324C64.4414 38.7727 66.5031 40.8338 69.0449 40.834H98.0615V50H67.3467C60.5055 50 54.9414 44.4393 54.9414 37.6025V23.1445C54.9415 14.7159 60.4937 10.4435 71.4463 10.4434H83.8174ZM119.426 50H109.914V0H119.426V50ZM138.509 50H128.997V0H138.509V50ZM190.86 10.4434C195.335 10.4434 201.603 11.2504 204.496 13.5332H204.508C207.249 15.6989 208.643 18.9302 208.643 23.1445V50H199.131V23.1445C199.131 22.2198 198.732 21.4827 197.854 20.8389C196.881 20.1131 193.59 19.7383 190.849 19.7383C185.835 19.7383 182.93 20.2882 182.93 23.1445V50H173.418V23.1445C173.418 19.9956 169.833 19.7383 165.499 19.7383C163.039 19.7383 159.724 20.0312 158.459 20.8623C157.616 21.4125 157.205 22.1612 157.205 23.1445V50H147.693V23.1445C147.693 18.8951 149.087 15.6638 151.828 13.5332C154.44 11.5079 160.673 10.4434 165.464 10.4434C169.658 10.4434 175.28 11.3331 178.15 13.2998C181.138 11.3448 186.737 10.4434 190.86 10.4434ZM246.41 10.4434C257.515 10.4434 262.915 14.5988 262.915 23.1445V37.2979C262.915 46.3823 264.766 50 246.41 50H231.837C221.341 49.9999 215.32 45.0946 215.32 36.5488C215.32 27.3708 220.334 23.0977 231.088 23.0977H253.298C253.192 21.9039 252.783 21.0845 252.068 20.6279C250.897 19.8787 249.093 19.7383 246.188 19.7383H219.748V10.4434H246.41ZM287.023 0.678711V10.4424H296.899V19.7256H287.023V50H277.512L277.5 49.3203V19.7256H267.625V10.4424H277.5V0H287.012L287.023 0.678711ZM330.494 10.4434C336.14 10.4434 340.323 11.4845 342.936 13.5332L342.924 13.5215C345.63 15.6521 347 18.8951 347 23.1328V30.6367C347 32.2288 346.707 33.365 346.109 34.1025C345.43 34.9217 344.235 35.3193 342.432 35.3193H311.107V36.2324C311.107 38.7727 313.169 40.8339 315.711 40.834H344.728V50H314.013C307.172 50 301.607 44.4393 301.607 37.6025V23.1445C301.607 14.7158 307.171 10.4434 318.124 10.4434H330.494ZM44.1045 9.75195H17.0557C14.1859 9.75197 12.4995 9.93955 11.2109 10.9463C10.2269 11.7072 9.78125 12.9013 9.78125 14.7627C9.78133 16.6238 10.227 17.7948 11.2109 18.5439C12.2536 19.3398 14.2682 19.7607 17.0557 19.7607H29.6953C40.4723 19.7607 46.9041 24.9821 46.9043 34.874C46.9043 44.7662 39.7115 49.9882 26.1113 49.9883C6.92574 49.9883 0.528747 45.0722 0.257812 44.8604L0 44.6611V34.6289L1.07812 35.3896C1.16832 35.4617 8.85573 40.7041 26.2637 40.7041C30.9727 40.7041 34.194 40.0132 35.8457 38.6318C36.7241 37.8943 37.123 36.7353 37.123 34.8857C37.123 32.8841 36.6304 31.4797 35.6816 30.7305C34.1471 29.513 31.5579 29.4776 29.8594 29.5127H17.208C6.43122 29.5126 0.000224126 24.0107 0 14.7627C0 5.51444 6.43103 9.51659e-05 17.208 0H44.1045V9.75195ZM232.048 32.3691C228.393 32.3692 224.832 32.6741 224.832 36.4199C224.832 39.3465 227.128 40.705 232.048 40.7051H246.188C248.858 40.7051 251.412 40.8566 252.513 40.0957C253.497 39.4167 253.403 38.1524 253.403 37.2979V32.3691H232.048ZM71.6572 19.7266C68.9866 19.7266 66.9957 20.1249 65.8828 20.874C64.8989 21.5413 64.4415 22.2549 64.4414 23.1445V26.1533H90.8223V23.1328C90.8222 22.091 90.3883 21.3422 89.4512 20.7686C88.3501 20.0896 86.3356 19.7266 83.6064 19.7266H71.6572ZM318.335 19.7148C315.664 19.7149 313.672 20.1131 312.56 20.8623C311.576 21.5295 311.119 22.2433 311.119 23.1328V26.1416H337.5V23.1211C337.5 22.0793 337.066 21.3304 336.129 20.7568C335.028 20.0779 333.013 19.7149 330.284 19.7148H318.335Z";
6898
+ var LOGOS = {
6899
+ sellmate: { width: 347, paths: [] },
6900
+ wms: {
6901
+ width: 563,
6902
+ color: "#4CC77D",
6903
+ paths: [
6904
+ {
6905
+ d: "M362.661 0.199219L374.926 37.3242L388.163 0H398.26L411.219 37.3945L423.9 0H435.492L435.353 0.397461L416.899 50H406.107L393.205 13.7861L379.956 50H369.223L369.152 49.8008L351 0H362.592L362.661 0.199219Z"
6906
+ },
6907
+ {
6908
+ d: "M471.753 39.1016L489.929 0H500.732V50H491.32V18.6621L476.274 50H467.013L452.036 18.6621V50H442.623V0H453.636L471.753 39.1016Z"
6909
+ },
6910
+ {
6911
+ d: "M561.399 0L560.801 5.24121C560.605 6.85553 560.386 8.51663 560.156 10.1777L560.122 10.4238H526.99C524.722 10.4238 523.18 10.8099 522.42 11.5586C521.66 12.3073 521.269 13.6294 521.269 15.5127C521.269 17.396 521.649 18.7416 522.42 19.5137C523.191 20.2857 524.723 20.6836 526.99 20.6836H546.435C549.462 20.6836 552.052 20.9403 554.136 21.4434C556.242 21.9464 557.97 22.7538 559.271 23.8301C560.583 24.918 561.538 26.2988 562.113 27.9482H562.137C562.712 29.5743 563 31.5048 563 33.6924V35.4121C563 38.0676 562.712 40.3489 562.137 42.1855C561.55 44.0572 560.617 45.5782 559.328 46.7363C558.05 47.8828 556.357 48.7245 554.285 49.2393C552.248 49.7423 549.75 50 546.86 50H512.209V49.6963C512.301 48.0702 512.416 46.4435 512.531 44.8408C512.646 43.2383 512.75 41.624 512.865 39.998V39.7285H546.227C547.493 39.7285 548.552 39.6471 549.393 39.4834C550.21 39.3313 550.855 39.0501 551.315 38.6523C551.764 38.2663 552.087 37.7399 552.282 37.0967C552.478 36.4416 552.582 35.5871 552.582 34.5576C552.582 32.5923 552.167 31.235 551.338 30.498C550.497 29.7613 548.852 29.3868 546.435 29.3867H526.714C523.778 29.3867 521.292 29.1182 519.323 28.5801C517.332 28.0536 515.697 27.1992 514.465 26.0762C513.222 24.9415 512.323 23.5027 511.794 21.7832C511.264 20.0869 511 18.0742 511 15.8047V14.1553C511 11.6986 511.264 9.53401 511.794 7.74414C512.324 5.93095 513.234 4.43355 514.5 3.29883C515.755 2.17597 517.424 1.334 519.461 0.795898C521.476 0.26946 524.009 8.0359e-07 526.99 0H561.399Z"
6912
+ }
6913
+ ]
6914
+ },
6915
+ chat: {
6916
+ width: 542,
6917
+ color: "#FFA452",
6918
+ paths: [
6919
+ {
6920
+ d: "M390.308 0C399.402 0 406.789 7.29196 406.789 16.3019V16.7921H396.621V16.3019C396.621 12.8622 393.806 10.0682 390.308 10.0682H374.897C370.621 10.0682 367.156 13.4944 367.156 17.7141V32.2859C367.156 36.4951 370.61 39.9318 374.897 39.9318H390.308C393.806 39.9318 396.621 37.1378 396.621 33.6981V33.2079H406.789V33.6981C406.789 42.708 399.402 50 390.308 50H373.933C364.583 49.9999 357 42.5008 357 33.25V16.75C357 7.49899 364.595 0.000134576 373.933 0H390.308Z"
6921
+ },
6922
+ {
6923
+ d: "M489.975 11.2745C499.987 11.2745 504.855 15.2914 504.856 23.5514V37.2329C504.856 46.0134 506.524 49.5098 489.975 49.5098H476.838C467.376 49.5098 461.947 44.7685 461.947 36.5081C461.947 27.6368 466.467 23.5064 476.162 23.5064H496.185C496.09 22.3524 495.72 21.5599 495.076 21.1186C494.02 20.3946 492.393 20.2589 489.774 20.2589H465.939V11.2745H489.975ZM477.028 32.4688C473.733 32.4688 470.523 32.7629 470.523 36.3837C470.523 39.2125 472.592 40.5254 477.028 40.5254H489.774C492.182 40.5254 494.485 40.6721 495.477 39.9366C496.364 39.2804 496.28 38.0589 496.28 37.2329V32.4688H477.028Z",
6924
+ evenOdd: true
6925
+ },
6926
+ {
6927
+ d: "M531.144 1.1556V10.7278H542V19.829H531.144V49.5098H521.627L521.616 48.8444V19.829H510.76V10.7278H521.616V0.490196H531.133L531.144 1.1556Z"
6928
+ },
6929
+ {
6930
+ d: "M424.894 16.1698C426.291 15.543 428.005 15.2803 429.741 15.2803H441.435C444.054 15.2804 446.304 15.5295 448.175 16.0376L448.545 16.143L448.548 16.1439C450.489 16.7371 452.071 17.6299 453.266 18.8821L453.485 19.1167C454.558 20.3078 455.327 21.7749 455.814 23.4796C456.331 25.2896 456.578 27.4149 456.578 29.8311V49.0196H446.156V28.7234C446.156 26.9489 445.798 25.7285 445.151 24.9741L445.148 24.9703C444.545 24.2537 443.362 23.81 441.435 23.8099H429.741C427.814 23.81 426.632 24.2537 426.029 24.9703L426.026 24.9741C425.378 25.7285 425.021 26.9489 425.021 28.7234V49.0196H414.599V0H424.894V16.1698Z"
6931
+ }
6932
+ ]
6933
+ },
6934
+ plm: {
6935
+ width: 511,
6936
+ color: "#50BFF0",
6937
+ paths: [
6938
+ {
6939
+ d: "M390.448 0C398.503 0.000151204 405.09 6.38415 405.09 14.2664V21.6605C405.09 29.5326 398.513 35.9268 390.448 35.927H373.644C371.822 35.927 370.048 35.5985 368.358 34.9571V50H359V14.2664C359 9.76105 361.13 5.62216 364.824 2.89235C367.392 0.998013 370.447 0 373.644 0H390.448ZM373.644 9.16437C370.729 9.16437 368.378 11.4706 368.378 14.276V21.6701C368.378 24.4755 370.729 26.7817 373.644 26.7817H390.448C393.362 26.7816 395.712 24.4754 395.712 21.6701V14.276C395.712 11.4707 393.362 9.16452 390.448 9.16437H373.644Z",
6940
+ evenOdd: true
6941
+ },
6942
+ { d: "M424.076 39.2664H451.181V49.0196H412.935V0.980392H424.076V39.2664Z" },
6943
+ {
6944
+ d: "M484.591 37.0567L500.399 1.2724L500.527 0.980392H511V49.0196H501.601V21.29L489.079 48.7324L488.949 49.0196H480.034L479.903 48.7324L467.445 21.2996V49.0196H458.045V0.980392H468.705L484.591 37.0567Z"
6945
+ }
6946
+ ]
6947
+ },
6948
+ account: {
6949
+ width: 705,
6950
+ color: "#8D57EE",
6951
+ dark: { color: "#AE85FF", width: 701, offsetX: -4 },
6952
+ paths: [
6953
+ {
6954
+ d: "M447.849 7.28155C456.069 7.28155 462.839 13.5497 462.839 21.4057V22.3766H452.838V21.4057C452.838 18.9052 450.665 16.7827 447.849 16.7827H434.341C430.842 16.7829 428.101 19.431 428.101 22.5795V34.7021C428.101 37.8428 430.834 40.4987 434.341 40.4989H447.849C450.665 40.4989 452.838 38.3764 452.838 35.8759V34.905H462.839V35.8759C462.839 43.7318 456.069 50 447.849 50H433.496C425.052 49.9998 418.111 43.5591 418.111 35.5033V21.7783C418.111 13.722 425.063 7.28172 433.496 7.28155H447.849Z"
6955
+ },
6956
+ {
6957
+ d: "M498.411 7.28155C506.631 7.28155 513.401 13.5497 513.401 21.4057V22.3766H503.4V21.4057C503.4 18.9052 501.227 16.7827 498.411 16.7827H484.903C481.404 16.7829 478.663 19.431 478.663 22.5795V34.7021C478.663 37.8428 481.396 40.4987 484.903 40.4989H498.411C501.227 40.4989 503.4 38.3764 503.4 35.8759V34.905H513.401V35.8759C513.401 43.7318 506.631 50 498.411 50H484.058C475.614 49.9998 468.673 43.5591 468.673 35.5033V21.7783C468.673 13.722 475.625 7.28172 484.058 7.28155H498.411Z"
6958
+ },
6959
+ {
6960
+ d: "M415.755 49.5146H404.498L404.367 49.2339L404.255 48.9931L399.322 38.4386H375.433L370.257 49.5146H359L382.594 0H392.162L415.755 49.5146ZM379.458 29.075H395.358L387.407 12.3692L379.458 29.075Z",
6961
+ evenOdd: true
6962
+ },
6963
+ {
6964
+ d: "M584.029 34.3674C584.029 36.3903 584.404 37.7989 585.096 38.6728L585.099 38.6766C585.698 39.4495 586.823 39.9349 588.61 39.9926L588.977 39.9983H601.178C603.18 39.9982 604.417 39.5011 605.056 38.6766L605.059 38.6728C605.751 37.7989 606.127 36.3903 606.127 34.3674V8.73786H616.955V33.1131C616.955 35.8412 616.699 38.2363 616.162 40.2732C615.624 42.3174 614.753 44.0576 613.521 45.4433C612.28 46.854 610.633 47.8637 608.604 48.5361L608.601 48.538C606.573 49.1938 604.095 49.5145 601.178 49.5146H588.977C586.243 49.5145 583.894 49.2322 581.939 48.6565L581.554 48.538L581.551 48.5361C579.523 47.8637 577.875 46.854 576.634 45.4433L576.407 45.1798C575.294 43.8393 574.497 42.1897 573.993 40.2732C573.456 38.2363 573.2 35.8412 573.2 33.1131V8.73786H584.029V34.3674Z"
6965
+ },
6966
+ {
6967
+ d: "M652.713 7.76699C655.63 7.76702 658.109 8.09605 660.138 8.7682L660.142 8.76915C662.172 9.4584 663.819 10.4938 665.059 11.9378L665.286 12.208C666.398 13.5798 667.194 15.2677 667.698 17.2283C668.233 19.3126 668.49 21.7631 668.49 24.5563V49.5146H657.661V23.2716C657.661 21.1968 657.285 19.7486 656.591 18.8496L656.588 18.8458C655.987 18.0523 654.863 17.5564 653.078 17.4975L652.713 17.4918H640.511C638.513 17.4919 637.277 17.9995 636.636 18.8458L636.633 18.8496C635.939 19.7486 635.563 21.1968 635.563 23.2716V49.5146H624.734V24.5563C624.734 21.7631 624.99 19.3126 625.526 17.2283C626.064 15.1369 626.934 13.356 628.165 11.9378C629.404 10.4938 631.052 9.4584 633.082 8.76915L633.085 8.7682C635.115 8.09605 637.594 7.76702 640.511 7.76699H652.713Z"
6968
+ },
6969
+ {
6970
+ d: "M550.526 8.00971C559.678 8.00971 567.123 15.3213 567.123 24.3259V32.9557C567.123 41.9602 559.678 49.2718 550.526 49.2718H535.588C526.436 49.2718 518.992 41.9602 518.992 32.9557V24.3259C518.992 15.3213 526.436 8.00971 535.588 8.00971H550.526ZM535.599 18.0399C532.064 18.0399 529.188 20.8608 529.188 24.3259V32.9557C529.188 36.4213 532.064 39.2531 535.599 39.2531H550.539C554.074 39.2529 556.949 36.4212 556.949 32.9557V24.3259C556.949 20.8609 554.074 18.0401 550.539 18.0399H535.599Z",
6971
+ evenOdd: true
6972
+ },
6973
+ {
6974
+ d: "M694.581 0.479748L694.595 1.13585L694.596 1.14154V10.3772H705V19.8887H694.596V49.2718H684.991L684.986 49.0348L684.972 48.3787V19.8887H674.567V10.3772H684.972V0.242718H694.576L694.581 0.479748Z"
6975
+ }
6976
+ ]
6977
+ },
6978
+ people: {
6979
+ width: 632,
6980
+ color: "#2D8DFF",
6981
+ paths: [
6982
+ {
6983
+ d: "M390.566 0.499658C398.666 0.499744 405.268 7.07983 405.268 15.1752V22.7833C405.268 30.8681 398.677 37.4587 390.566 37.4588H373.703C371.878 37.4587 370.101 37.1218 368.409 36.4653V50H359V15.1752C359 10.5464 361.134 6.28942 364.843 3.47907C367.42 1.52867 370.49 0.499699 373.703 0.499658H390.566ZM373.703 9.91998C370.796 9.92008 368.428 12.2827 368.428 15.1849V22.794C368.429 25.6961 370.796 28.0588 373.703 28.0589H390.566C393.472 28.0589 395.84 25.6961 395.84 22.794V15.1849C395.84 12.2827 393.472 9.92006 390.566 9.91998H373.703Z",
6984
+ evenOdd: true
6985
+ },
6986
+ {
6987
+ d: "M547.854 0.499658C555.954 0.499744 562.556 7.07983 562.556 15.1752V22.7833C562.556 30.8681 555.965 37.4587 547.854 37.4588H530.991C529.166 37.4587 527.389 37.1218 525.697 36.4653V50H516.288V15.1752C516.288 10.5464 518.422 6.28942 522.131 3.47907C524.708 1.52867 527.778 0.499699 530.991 0.499658H547.854ZM530.991 9.91998C528.084 9.92008 525.716 12.2827 525.716 15.1849V22.794C525.717 25.6961 528.084 28.0588 530.991 28.0589H547.854C550.76 28.0589 553.128 25.6961 553.128 22.794V15.1849C553.128 12.2827 550.761 9.92006 547.854 9.91998H530.991Z",
6988
+ evenOdd: true
6989
+ },
6990
+ {
6991
+ d: "M439.912 9.99317C445.632 9.99318 449.882 11.0425 452.529 13.118H452.54C455.288 15.2717 456.679 18.5412 456.679 22.8262V30.404C456.679 32.0219 456.387 33.1599 455.77 33.9075C455.097 34.7331 453.875 35.1351 452.047 35.1352H420.251V36.0613C420.251 38.6168 422.337 40.7036 424.917 40.7036H454.368V49.9658H423.19C416.248 49.9658 410.595 44.3418 410.594 37.4344V22.8262C410.595 14.3118 416.236 9.99317 427.351 9.99317H439.912ZM427.563 19.3784C424.849 19.3784 422.831 19.7799 421.698 20.5387C420.7 21.197 420.24 21.9335 420.24 22.8262V25.8729H447.011V22.8262C447.011 21.7662 446.562 21.0077 445.621 20.4274C444.51 19.7468 442.447 19.3784 439.688 19.3784H427.563Z",
6992
+ evenOdd: true
6993
+ },
6994
+ {
6995
+ d: "M493.615 9.99317C502.53 9.99317 509.776 17.0579 509.776 25.75V34.209C509.776 42.9012 502.53 49.9658 493.615 49.9658H478.851C469.936 49.9658 462.69 42.9012 462.69 34.209V25.75C462.69 17.0579 469.936 9.99317 478.851 9.99317H493.615ZM478.862 19.3501C475.239 19.3502 472.287 22.2178 472.287 25.75V34.209C472.287 37.7412 475.239 40.6205 478.862 40.6207H493.626C497.249 40.6207 500.202 37.7412 500.202 34.209V25.75C500.202 22.2178 497.249 19.3501 493.626 19.3501H478.862Z",
6996
+ evenOdd: true
6997
+ },
6998
+ { d: "M578.903 49.9658H568.884V0H578.903V49.9658Z" },
6999
+ {
7000
+ d: "M615.233 9.99317C620.953 9.99318 625.203 11.0425 627.85 13.118H627.862C630.609 15.2717 632 18.5412 632 22.8262V30.404C632 32.0219 631.708 33.1599 631.091 33.9075C630.418 34.7331 629.196 35.1351 627.368 35.1352H595.572V36.0613C595.572 38.6168 597.658 40.7036 600.238 40.7036H629.689V49.9658H598.511C591.569 49.9658 585.916 44.3418 585.916 37.4344V22.8262C585.916 14.3118 591.557 9.99317 602.672 9.99317H615.233ZM602.896 19.3784C600.182 19.3784 598.162 19.7799 597.03 20.5387C596.032 21.197 595.572 21.9336 595.572 22.8262V25.8729H622.344V22.8262C622.344 21.7662 621.894 21.0077 620.952 20.4274C619.842 19.7468 617.779 19.3784 615.02 19.3784H602.896Z",
7001
+ evenOdd: true
7002
+ }
7003
+ ]
7004
+ },
7005
+ crm: {
7006
+ width: 523,
7007
+ color: "#64ABFF",
7008
+ paths: [
7009
+ {
7010
+ d: "M392.073 0.471349C401.103 0.471505 408.438 7.69467 408.438 16.6196V17.1051H398.342V16.6196C398.342 13.2124 395.546 10.4448 392.073 10.4446H376.771C372.525 10.4446 369.085 13.8385 369.085 18.0184V32.4529C369.085 36.6224 372.514 40.0267 376.771 40.0267H392.073C395.546 40.0266 398.342 37.259 398.342 33.8518V33.3662H408.438V33.8518C408.438 42.7767 401.103 49.9998 392.073 50H375.814C366.53 49.9999 359 42.5715 359 33.4079V17.0634C359 7.89965 366.542 0.471482 375.814 0.471349H392.073Z"
7011
+ },
7012
+ {
7013
+ d: "M448.906 0C456.133 0 461.992 5.86978 461.992 13.1105V21.8509C461.992 29.0916 456.133 34.9614 448.906 34.9614H447.71L462.703 49.5287H450.282L450.141 49.3921L435.288 34.9614H428.549C427.375 34.9614 426.239 34.8035 425.156 34.5128V49.5287H415.462V13.1105C415.462 5.86978 421.321 0 428.549 0H448.906ZM430.488 9.24035C427.543 9.24035 425.156 12.1317 425.156 14.5817V20.8509C425.156 23.8008 427.543 26.1922 430.488 26.1922H446.967C449.911 26.1922 452.298 23.8008 452.298 20.8509V14.5817C452.298 12.1317 449.911 9.24035 446.967 9.24035H430.488Z",
7014
+ evenOdd: true
7015
+ },
7016
+ {
7017
+ d: "M480.624 0.772545L496.453 37.1936L512.334 0.771561L512.466 0.471349H523V49.3921H513.542V21.182L500.97 49.0968L500.838 49.3921H491.87L479.228 21.1909V49.3921H469.77V0.471349H480.492L480.624 0.772545Z"
7018
+ }
7019
+ ]
7020
+ },
7021
+ work: {
7022
+ width: 559,
7023
+ color: "#1F8AE1",
7024
+ paths: [
7025
+ {
7026
+ d: "M465.012 12.4043C473.461 12.4044 480.333 19.0924 480.333 27.3292V35.0751C480.333 43.3119 473.461 49.9999 465.012 50H451.476C443.027 50 436.153 43.312 436.153 35.0751V27.3292C436.153 19.0923 443.027 12.4043 451.476 12.4043H465.012ZM451.486 21.9643C448.439 21.9644 445.963 24.3732 445.963 27.3292V35.0751C445.963 38.0322 448.44 40.4506 451.486 40.4506H465.022C468.067 40.4506 470.544 38.0322 470.544 35.0751V27.3292C470.544 24.3732 468.068 21.9643 465.022 21.9643H451.486Z",
7027
+ evenOdd: true
7028
+ },
7029
+ {
7030
+ d: "M362.868 0.197694L375.35 37.0385L388.823 0H399.1L412.29 37.1082L425.196 0H436.995L436.853 0.394418L418.071 49.6172H407.087L393.956 13.6806L380.471 49.6172H369.546L369.476 49.4195L351 0H362.798L362.868 0.197694Z"
7031
+ },
7032
+ {
7033
+ d: "M492.421 15.8C498.497 12.0081 505.587 12.0225 512.371 14.0392V14.0508L512.652 14.1351V22.8065L512.131 22.6727C510.141 22.1656 508.285 21.912 506.469 21.912C503.785 21.912 501.528 22.3717 499.792 23.2774C499.284 23.5673 497.868 24.3126 497.589 25.8009C497.31 27.288 497.474 49.5711 497.474 49.6172H487.245L487.359 25.5596C487.359 22.0455 489.256 17.7805 492.421 15.8Z"
7034
+ },
7035
+ {
7036
+ d: "M528.638 25.7913L543.344 14.3696H558.064L537.008 30.3712L556.918 49.6172H542.854L528.638 34.7999V49.6172H518.607V0H528.638V25.7913Z"
7037
+ }
7038
+ ]
7039
+ },
7040
+ pos: {
7041
+ width: 504,
7042
+ color: "#64ABFF",
7043
+ dark: { color: "#4886FF" },
7044
+ paths: [
7045
+ {
7046
+ d: "M439.545 11.7628C447.981 11.7631 454.843 18.5639 454.843 26.9403V34.8225C454.843 43.1988 447.981 49.9997 439.545 50H426.022C417.587 49.9999 410.725 43.1989 410.725 34.8225V26.9403C410.725 18.5638 417.587 11.7629 426.022 11.7628H439.545ZM390.836 0C399.002 0.000227456 405.659 6.64402 405.659 14.8188V22.5076C405.659 30.6721 399.013 37.3262 390.836 37.3265H373.824C371.979 37.3265 370.182 36.9847 368.472 36.3181V49.999H359V14.8188C359 10.1446 361.151 5.84541 364.891 3.00766C367.489 1.03835 370.585 0 373.824 0H390.836ZM501.048 21.2354H474.319C473.434 21.2355 472.574 21.4983 471.942 21.8947C471.3 22.2979 470.947 22.801 470.947 23.2617C470.947 23.7228 471.301 24.2289 471.943 24.6346C472.575 25.0334 473.434 25.2977 474.319 25.2978H489.496C496.589 25.2978 502.545 29.8366 503.303 35.9169L503.338 36.1944H503.322C503.357 36.5504 503.377 36.913 503.377 37.2762C503.377 40.6971 501.616 43.9235 498.576 46.1541C495.295 48.5521 490.691 49.7525 485.024 49.7525C479.362 49.7524 470.412 48.5541 462.354 46.2025L461.875 46.0681L461.695 46.0169V36.3577L462.88 36.728L463.795 37.0084C473.176 39.8366 479.977 40.6266 484.689 40.5342C489.562 40.4387 492.18 39.4002 493.115 38.7167C494.068 38.0102 494.137 37.4367 494.137 37.2762C494.137 37.1887 494.136 37.124 494.129 37.0722L494.128 37.0664C494.053 36.4385 493.52 35.8008 492.655 35.3098C491.799 34.8246 490.666 34.5131 489.496 34.5131H474.319C467.388 34.5129 461.706 29.4868 461.706 23.2617C461.706 17.0365 467.388 12.0106 474.319 12.0103H501.048V21.2354ZM426.033 21.4712C422.983 21.4712 420.505 23.9273 420.505 26.9403V34.8225C420.505 37.8366 422.984 40.3013 426.033 40.3013H439.556C442.604 40.3009 445.083 37.8363 445.083 34.8225V26.9403C445.083 23.9275 442.606 21.4716 439.556 21.4712H426.033ZM373.824 9.49959C370.885 9.49959 368.492 11.892 368.492 14.8295V22.5173C368.492 25.455 370.885 27.8472 373.824 27.8472H390.836C393.775 27.8469 396.168 25.4549 396.168 22.5173V14.8295C396.168 11.8921 393.775 9.49982 390.836 9.49959H373.824Z"
7047
+ }
7048
+ ]
7049
+ },
7050
+ // 통합 콘솔 — 원본은 Dark 만 받았다. 표기 색(#0075FF)이 모드와 무관하게 같아 light 도 이 값을 쓴다.
7051
+ console: {
7052
+ width: 666,
7053
+ color: "#0075FF",
7054
+ paths: [
7055
+ {
7056
+ d: "M490.811 12.3762C493.284 12.3763 495.411 12.6362 497.183 13.1681L497.534 13.2783L497.536 13.2793C499.377 13.9009 500.874 14.836 502.001 16.1423L502.207 16.3859C503.218 17.6263 503.94 19.1511 504.397 20.9197C504.883 22.7986 505.114 25.0059 505.114 27.5188V50H495.223V26.3643C495.223 24.5056 494.884 23.2212 494.269 22.429L494.266 22.4252C493.703 21.6859 492.609 21.2311 490.811 21.231H479.793C477.995 21.2311 476.901 21.6859 476.338 22.4252L476.335 22.429C475.72 23.2212 475.38 24.5056 475.38 26.3643V50H465.49V27.5188C465.49 25.0059 465.721 22.7986 466.207 20.9197C466.694 19.0334 467.484 17.4246 468.603 16.1423C469.73 14.836 471.227 13.9009 473.067 13.2793L473.07 13.2783C474.91 12.6721 477.155 12.3763 479.793 12.3762H490.811Z"
7057
+ },
7058
+ {
7059
+ d: "M587.078 12.3762C595.411 12.3762 602.193 19.0669 602.193 27.3118V35.0644C602.193 43.3094 595.411 50 587.078 50H573.722C565.389 50 558.607 43.3094 558.607 35.0644V27.3118C558.607 19.0669 565.389 12.3762 573.722 12.3762H587.078ZM573.732 21.9417C570.721 21.9419 568.279 24.3548 568.279 27.3118V35.0644C568.279 38.0225 570.722 40.4449 573.732 40.4452H587.088C590.098 40.4451 592.542 38.0226 592.542 35.0644V27.3118C592.542 24.3547 590.099 21.9418 587.088 21.9417H573.732Z",
7060
+ evenOdd: true
7061
+ },
7062
+ {
7063
+ d: "M443.314 12.2186C451.647 12.2186 458.429 18.9093 458.429 27.1542V34.9068C458.429 43.1517 451.647 49.8424 443.314 49.8424H429.958C421.625 49.8422 414.842 43.1516 414.842 34.9068V27.1542C414.842 18.9094 421.625 12.2189 429.958 12.2186H443.314ZM429.967 21.7841C426.957 21.7846 424.514 24.1974 424.514 27.1542V34.9068C424.514 37.8647 426.958 40.2871 429.967 40.2876H443.324C446.333 40.2875 448.777 37.865 448.777 34.9068V27.1542C448.777 24.1971 446.335 21.7842 443.324 21.7841H429.967Z",
7064
+ evenOdd: true
7065
+ },
7066
+ {
7067
+ d: "M551.367 21.5188H524.83C523.952 21.5189 523.1 21.7779 522.473 22.17C521.836 22.569 521.487 23.0661 521.487 23.52C521.487 23.9743 521.837 24.4743 522.474 24.8759C523.101 25.2703 523.953 25.5318 524.83 25.5319H539.896C546.938 25.5319 552.854 30.026 553.606 36.0488L553.641 36.3291H553.625C553.66 36.6803 553.68 37.0378 553.68 37.3959C553.68 40.7847 551.93 43.9799 548.912 46.1891C545.654 48.564 541.084 49.7524 535.458 49.7525C529.837 49.7525 520.952 48.5662 512.952 46.2377L512.478 46.1044L512.296 46.0538V36.481L512.619 36.5822L513.475 36.8489C523.259 39.8751 530.297 40.7121 535.126 40.6177C539.961 40.5231 542.557 39.4951 543.485 38.819C544.432 38.1194 544.5 37.553 544.5 37.3959C544.5 37.3091 544.499 37.2454 544.492 37.1944L544.491 37.1886C544.417 36.5692 543.89 35.939 543.031 35.4531C542.182 34.9729 541.058 34.6638 539.896 34.6638H524.83C517.949 34.6636 512.307 29.6868 512.307 23.52C512.307 17.3533 517.949 12.3764 524.83 12.3762H551.367V21.5188Z"
7068
+ },
7069
+ {
7070
+ d: "M392.145 0C401.197 0.000177876 408.55 7.22472 408.55 16.151V16.646H398.415V16.151C398.415 12.7508 395.619 9.98819 392.145 9.98801H376.813C372.565 9.98801 369.123 13.3757 369.123 17.5482V31.9761C369.123 36.1381 372.554 39.5363 376.813 39.5363H392.145C395.619 39.5361 398.415 36.7743 398.415 33.3743V32.8792H408.55V33.3743C408.549 42.3003 401.196 49.5241 392.145 49.5243H375.855C366.548 49.5243 359 42.0952 359 32.9305V16.5938C359 7.42888 366.56 2.21484e-05 375.855 0H392.145Z"
7071
+ },
7072
+ {
7073
+ d: "M618.344 49.5243H608.632V0.990099H618.344V49.5243Z"
7074
+ },
7075
+ {
7076
+ d: "M650.719 12.0629C655.932 12.063 659.806 13.0329 662.218 14.9531H662.228C664.732 16.9456 666 19.9708 666 23.9352V30.9451C666 32.4421 665.733 33.495 665.171 34.1867C664.558 34.9506 663.444 35.3226 661.779 35.3227H632.8V36.1799C632.801 38.544 634.702 40.4748 637.053 40.4748H663.894V49.0437H635.479C629.152 49.0437 624 43.8398 624 37.4492V23.9352C624 16.058 629.142 12.0629 639.271 12.0629H650.719ZM639.475 20.7454C637.002 20.7454 635.162 21.1166 634.129 21.8186C633.22 22.4277 632.8 23.1093 632.8 23.9352V26.7537H657.199V23.9352C657.199 22.9545 656.79 22.2529 655.932 21.7161C654.92 21.0863 653.039 20.7454 650.525 20.7454H639.475Z",
7077
+ evenOdd: true
7078
+ }
7079
+ ]
7080
+ }
7081
+ };
7082
+ function LogoGlyph({ name, mode, color, style }) {
7083
+ const logo = LOGOS[name];
7084
+ if (!logo) return null;
7085
+ const dark2 = mode === "dark" ? logo.dark : void 0;
7086
+ const width = dark2?.width ?? logo.width;
7087
+ const markColor = color ?? dark2?.color ?? logo.color;
7088
+ const offsetX = dark2?.offsetX ?? 0;
6885
7089
  return /* @__PURE__ */ jsxRuntime.jsxs(
6886
7090
  "svg",
6887
7091
  {
6888
- viewBox: "0 0 276 40",
6889
- style: { width: "auto", ...style },
6890
- fill: "currentColor",
7092
+ viewBox: `0 0 ${width} ${LOGO_VIEWBOX_HEIGHT}`,
7093
+ style: { display: "block", flexShrink: 0, width: "auto", ...style },
7094
+ fill: "none",
6891
7095
  xmlns: "http://www.w3.org/2000/svg",
6892
7096
  "aria-hidden": true,
6893
7097
  children: [
6894
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22.6953 15.17H13.0352C10.9045 15.17 9.36459 14.8464 8.56779 14.2353C7.81576 13.6602 7.47556 12.7615 7.47556 11.3325C7.47556 9.90362 7.81576 8.98695 8.56779 8.4028C9.5526 7.62992 10.8418 7.48613 13.0352 7.48613H33.7072V0H13.1516C4.91507 0 0 4.23285 0 11.3325C0 18.4322 4.91507 22.6561 13.1516 22.6561H22.8206C24.1187 22.6292 26.0973 22.6561 27.2701 23.5908C27.9953 24.1659 28.3713 25.2444 28.3713 26.7811C28.3713 28.2011 28.0669 29.0908 27.3955 29.6569C26.1331 30.7174 23.6711 31.2476 20.0721 31.2476C6.75038 31.2476 0.877371 27.2125 0.823654 27.1676L0 26.5834V34.2852L0.196961 34.438C0.402874 34.5998 5.29108 38.3743 19.9557 38.3743C30.3499 38.3743 35.8469 34.3661 35.8469 26.7721C35.8469 19.1782 30.9318 15.17 22.6953 15.17Z" }),
6895
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M94.6954 0H87.4258V38.3833H94.6954V0Z" }),
6896
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M109.874 0H102.604V38.3833H109.874V0Z" }),
6897
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M160.887 10.728C158.675 8.97557 153.885 8.35547 150.466 8.35547C147.314 8.35547 143.035 9.04746 140.752 10.5483C138.558 9.03848 134.261 8.35547 131.056 8.35547C127.394 8.35547 122.631 9.17328 120.635 10.728C118.54 12.3636 117.475 14.844 117.475 18.1063V38.7224H124.744V18.1063C124.744 17.3514 125.058 16.7762 125.702 16.3539C126.669 15.7158 129.203 15.4911 131.083 15.4911C134.395 15.4911 137.135 15.6888 137.135 18.1063V38.7224H144.405V18.1063C144.405 15.9135 146.625 15.4911 150.457 15.4911C152.552 15.4911 155.067 15.7787 155.81 16.3359C156.482 16.8302 156.786 17.3963 156.786 18.1063V38.7224H164.056V18.1063C164.056 14.871 162.99 12.3906 160.896 10.728H160.887Z" }),
6898
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M195.015 8.35547H174.648V15.4911H194.854C197.074 15.4911 198.453 15.599 199.348 16.1741C199.895 16.5246 200.208 17.1537 200.289 18.0704H183.314C175.095 18.0704 171.264 21.3506 171.264 28.3964C171.264 34.9569 175.865 38.7224 183.887 38.7224H195.024C209.053 38.7224 207.639 35.9454 207.639 28.9715V18.1063C207.639 11.5458 203.512 8.35547 195.024 8.35547H195.015ZM200.369 28.9715C200.369 29.6276 200.441 30.5982 199.689 31.1194C198.847 31.7036 196.895 31.5867 194.854 31.5867H184.048C180.288 31.5867 178.533 30.5443 178.533 28.2975C178.533 25.4217 181.255 25.188 184.048 25.188H200.369V28.9715Z" }),
6899
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M227.692 0.521243L227.683 0H220.413V8.01636H212.866V15.143H220.413V37.862L220.422 38.3833H227.692V15.143H235.239V8.01636H227.692V0.521243Z" }),
6900
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M75.2766 10.728C73.2801 9.15531 70.084 8.35547 65.7688 8.35547H56.3146C47.9438 8.35547 43.7002 11.6357 43.7002 18.1063V29.2052C43.7002 34.4536 47.9528 38.7224 53.1812 38.7224H76.6553V31.6856H54.4793C52.5366 31.6856 50.9609 30.1039 50.9609 28.1537V27.4527H74.9006C76.2793 27.4527 77.1925 27.1472 77.7117 26.5181C78.1683 25.9519 78.3922 25.0802 78.3922 23.858V18.0973C78.3922 14.844 77.3447 12.3547 75.2766 10.719V10.728ZM50.9609 18.1063C50.9609 17.4233 51.31 16.8751 52.0621 16.3628C52.9126 15.7877 54.4346 15.4821 56.4758 15.4821H65.6076C67.6936 15.4821 69.2335 15.7607 70.075 16.282C70.7913 16.7223 71.1225 17.2975 71.1225 18.0973V20.416H50.9609V18.0973V18.1063Z" }),
6901
- /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M271.48 10.728C269.483 9.15531 266.287 8.35547 261.972 8.35547H252.518C244.147 8.35547 239.895 11.6357 239.895 18.1063V29.2052C239.895 34.4536 244.147 38.7224 249.376 38.7224H272.85V31.6856H250.674C248.731 31.6856 247.155 30.1039 247.155 28.1537V27.4527H271.095C272.474 27.4527 273.387 27.1472 273.906 26.5181C274.363 25.9519 274.586 25.0802 274.586 23.858V18.0973C274.586 14.844 273.539 12.3547 271.471 10.719L271.48 10.728ZM247.164 20.416V18.0973C247.164 17.4143 247.513 16.8661 248.265 16.3539C249.116 15.7787 250.638 15.4731 252.679 15.4731H261.811C263.897 15.4731 265.437 15.7517 266.278 16.273C266.995 16.7133 267.326 17.2885 267.326 18.0883V20.407H247.164V20.416Z" })
7098
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: WORDMARK_PATH, fill: color ?? WORDMARK_COLOR[mode] }),
7099
+ /* @__PURE__ */ jsxRuntime.jsx("g", { transform: offsetX === 0 ? void 0 : `translate(${offsetX} 0)`, children: logo.paths.map(({ d, evenOdd }) => /* @__PURE__ */ jsxRuntime.jsx(
7100
+ "path",
7101
+ {
7102
+ d,
7103
+ fill: markColor,
7104
+ fillRule: evenOdd ? "evenodd" : void 0,
7105
+ clipRule: evenOdd ? "evenodd" : void 0
7106
+ },
7107
+ d
7108
+ )) })
6902
7109
  ]
6903
7110
  }
6904
7111
  );
6905
7112
  }
6906
- var LOGOS = {
6907
- sellmate: { Glyph: SellmateWordmark, brand: SELLMATE_NAVY }
6908
- };
6909
- var SLogo = /* @__PURE__ */ react.forwardRef(function SLogo2({ name = "sellmate", size = LOGO_DEFAULT_SIZE, color, label, className, style }, ref) {
6910
- const logo = LOGOS[name];
6911
- if (!logo) return null;
6912
- const { Glyph } = logo;
7113
+ var SLogo = /* @__PURE__ */ react.forwardRef(function SLogo2({ name = "sellmate", mode = "light", size = LOGO_DEFAULT_SIZE, color, label, className, style }, ref) {
6913
7114
  return /* @__PURE__ */ jsxRuntime.jsx(
6914
7115
  "span",
6915
7116
  {
6916
7117
  ref,
6917
7118
  className: cn("inline-flex items-center justify-center", className),
6918
- style: { color: resolveColor(color, logo.brand), ...style },
7119
+ style,
6919
7120
  role: label ? "img" : void 0,
6920
7121
  "aria-label": label,
6921
7122
  "aria-hidden": label ? void 0 : true,
6922
- children: /* @__PURE__ */ jsxRuntime.jsx(Glyph, { style: { height: size } })
7123
+ children: /* @__PURE__ */ jsxRuntime.jsx(LogoGlyph, { name, mode, color: resolveColor(color), style: { height: size } })
6923
7124
  }
6924
7125
  );
6925
7126
  });
@@ -11298,20 +11499,36 @@ var gnb = (p) => `var(--cmp-gnb-${p})`;
11298
11499
  var sys3 = (p) => `var(--sys-color-${p})`;
11299
11500
  var LAUNCHER_LIST_BOX_WIDTH = 320;
11300
11501
  var LAUNCHER_LIST_BOX_LOGO_HEIGHT = 12;
11301
- var LAUNCHER_LIST_BOX_LOGO_SERVICE_GAP = 8;
11502
+ var LAUNCHER_LIST_BOX_CONSOLE_HEIGHT = 40;
11503
+ var LAUNCHER_LIST_BOX_CONSOLE_LABEL = "\uC140\uBA54\uC774\uD2B8 \uCF58\uC194\uB85C \uC774\uB3D9";
11504
+ var LAUNCHER_LIST_BOX_CONSOLE_ICON = "dashboard";
11302
11505
  var LAUNCHER_LIST_BOX_TRAILING_ICON = "chevronRight";
11303
- var LAUNCHER_SERVICES = ["sellmate", "wms", "account", "crm"];
11506
+ var LAUNCHER_SERVICES = [
11507
+ "sellmate",
11508
+ "wms",
11509
+ "chat",
11510
+ "plm",
11511
+ "account",
11512
+ "people",
11513
+ "crm",
11514
+ "work",
11515
+ "pos"
11516
+ ];
11304
11517
  var LAUNCHER_SERVICE_CATALOG = {
11305
11518
  sellmate: { name: "\uC140\uBA54\uC774\uD2B8" },
11306
- wms: { mark: "WMS", name: "\uC140\uBA54\uC774\uD2B8 WMS" },
11519
+ wms: { name: "\uC140\uBA54\uC774\uD2B8 WMS" },
11520
+ chat: { name: "\uC140\uBA54\uC774\uD2B8 \uCC57" },
11521
+ plm: { name: "\uC140\uBA54\uC774\uD2B8 PLM" },
11307
11522
  account: {
11308
- mark: "Account",
11309
11523
  name: "\uC140\uBA54\uC774\uD2B8 \uC5B4\uCE74\uC6B4\uD2B8",
11310
11524
  tag: "NEW",
11311
11525
  tagColor: "blue",
11312
11526
  tagIcon: "star"
11313
11527
  },
11314
- crm: { mark: "CRM", name: "\uC140\uBA54\uC774\uD2B8 CRM", tag: "\uCD9C\uC2DC\uC608\uC815", disabled: true }
11528
+ people: { name: "\uC140\uBA54\uC774\uD2B8 \uD53C\uD50C" },
11529
+ crm: { name: "\uC140\uBA54\uC774\uD2B8 CRM", tag: "\uCD9C\uC2DC\uC608\uC815", disabled: true },
11530
+ work: { name: "\uC140\uBA54\uC774\uD2B8 \uC6CC\uD06C" },
11531
+ pos: { name: "\uC140\uBA54\uC774\uD2B8 POS" }
11315
11532
  };
11316
11533
  var LAUNCHER_LIST_BOX_LAYOUT = {
11317
11534
  /** 패널 배경 */
@@ -11347,10 +11564,8 @@ var LAUNCHER_LIST_BOX_LAYOUT = {
11347
11564
  nameColorHover: gnb("launcher-button-content-hover"),
11348
11565
  /** 로고 줄의 위아래 여백 */
11349
11566
  logoPaddingY: gnb("launcher-button-logo-paddingY"),
11350
- /** [워드마크 + 서비스 표기] ↔ 태그 간격 */
11567
+ /** 서비스 로고 ↔ 태그 간격 */
11351
11568
  logoTagGap: gnb("launcher-button-logo-gap"),
11352
- /** 워드마크 ↔ 서비스 표기 간격 */
11353
- logoServiceGap: `${LAUNCHER_LIST_BOX_LOGO_SERVICE_GAP}px`,
11354
11569
  /** hover 아이콘 크기 */
11355
11570
  trailingIconSize: gnb("launcher-button-icon-size"),
11356
11571
  /** hover 아이콘 색 */
@@ -11361,12 +11576,27 @@ var LAUNCHER_LIST_BOX_LAYOUT = {
11361
11576
  */
11362
11577
  nameDisabledColor: sys3("disabled-text"),
11363
11578
  /**
11364
- * 아직 못 쓰는 서비스의 로고 색 — 워드마크와, 글자로 온 서비스 표기에 함께 건다.
11365
- * 둘 다 색만 갈아끼우면 되므로 그래픽 마크에 거는 필터(회색화)를 태우지 않는다 — 태우면
11366
- * 밝은 accentLight 가 워드마크보다 더 옅어져 둘이 따로 논다. 로고는 글자가 아니라 그림에
11579
+ * 아직 못 쓰는 서비스의 로고 색 — 워드마크와 서비스 표기를 함께 이 한 색으로 덮는다.
11580
+ * 필터(회색화)를 태우지 않는다 — 태우면 밝은 서비스 색이 워드마크보다 더 옅어져 둘이
11581
+ * 따로 논다. 로고는 글자가 아니라 그림에
11367
11582
  * 가까우므로 글자색(disabled-text)이 아니라 아이콘 비활성색을 쓴다.
11368
11583
  */
11369
- logoDisabledColor: sys3("disabled-icon")
11584
+ logoDisabledColor: sys3("disabled-icon"),
11585
+ /*
11586
+ * 하단 콘솔 줄 — 런처 한 벌에 이 자리의 토큰이 없어(시안에만 있다) 값이 같은 시맨틱 토큰을 쓴다.
11587
+ * TODO(디자인): component.gnb.launcher 에 콘솔 줄 토큰이 생기면 옮긴다.
11588
+ */
11589
+ /** 목록 ↔ 콘솔 줄 구분선 */
11590
+ consoleDivider: sys3("divider-default"),
11591
+ /** 콘솔 줄 배경 */
11592
+ consoleBg: sys3("bg-neutralBright"),
11593
+ /**
11594
+ * 콘솔 링크 글자색. STextLink 기본(`--cmp-textLink-content-default`)보다 한 단계 옅다(시안).
11595
+ * 크기·간격·hover(밑줄)는 STextLink `sm` 이 정한다.
11596
+ */
11597
+ consoleColor: sys3("fg-secondary"),
11598
+ /** 콘솔 링크 앞 아이콘 색. STextLink 기본(파랑)이 아니라 회색이다(시안) */
11599
+ consoleIconColor: sys3("fg-tertiary")
11370
11600
  };
11371
11601
  function resolveRows(items) {
11372
11602
  return LAUNCHER_SERVICES.reduce((rows, service) => {
@@ -11376,7 +11606,6 @@ function resolveRows(items) {
11376
11606
  rows.push({
11377
11607
  service,
11378
11608
  href: item4.href,
11379
- mark: entry.mark,
11380
11609
  name: entry.name,
11381
11610
  tag: entry.tag,
11382
11611
  tagColor: entry.tagColor ?? "grey",
@@ -11389,134 +11618,158 @@ function resolveRows(items) {
11389
11618
  }, []);
11390
11619
  }
11391
11620
  var SLauncherListBox = /* @__PURE__ */ react.forwardRef(
11392
- function SLauncherListBox2({ items, onSelect, ariaLabel, className, style, ...rest }, ref) {
11621
+ function SLauncherListBox2({ items, onSelect, consoleHref, onConsoleClick, ariaLabel, className, style, ...rest }, ref) {
11393
11622
  const rows = items ? resolveRows(items) : [];
11394
11623
  if (rows.length === 0) return null;
11395
- return /* @__PURE__ */ jsxRuntime.jsx(
11624
+ return /* @__PURE__ */ jsxRuntime.jsxs(
11396
11625
  "div",
11397
11626
  {
11398
11627
  ref,
11399
- className: cn("box-border", className),
11628
+ className: cn("box-border overflow-hidden", className),
11400
11629
  style: {
11401
11630
  width: LAUNCHER_LIST_BOX_WIDTH,
11402
- padding: LAUNCHER_LIST_BOX_LAYOUT.padding,
11403
11631
  borderRadius: LAUNCHER_LIST_BOX_LAYOUT.radius,
11404
11632
  backgroundColor: LAUNCHER_LIST_BOX_LAYOUT.bg,
11405
11633
  ...style
11406
11634
  },
11407
11635
  ...rest,
11408
- children: /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-label": ariaLabel, className: "m-0 flex list-none flex-col p-0", children: rows.map((row) => {
11409
- const rowClassName = cn(
11410
- "box-border flex w-full items-center border-none bg-(--llb-bg) text-left text-inherit no-underline transition-colors",
11411
- // hover 규칙은 갈 수 있는 서비스에만 건다. 비활성 버튼도 :hover 는 매치되므로
11412
- // group 자체를 달지 않아야 안쪽 요소까지 함께 조용해진다.
11413
- !row.disabled && "group/row cursor-pointer hover:bg-(--llb-bg-hover) focus-visible:bg-(--llb-bg-hover)",
11414
- row.disabled && "cursor-not-allowed"
11415
- );
11416
- const rowStyle = {
11417
- "--llb-bg": LAUNCHER_LIST_BOX_LAYOUT.itemBg,
11418
- "--llb-bg-hover": LAUNCHER_LIST_BOX_LAYOUT.itemBgHover,
11419
- "--llb-name": row.disabled ? LAUNCHER_LIST_BOX_LAYOUT.nameDisabledColor : LAUNCHER_LIST_BOX_LAYOUT.nameColor,
11420
- "--llb-name-hover": LAUNCHER_LIST_BOX_LAYOUT.nameColorHover,
11421
- // 높이를 박지 않는다 — 여백과 두 줄에서 나온다(상하 8 + 로고 줄 20 + 이름 20 = 56).
11422
- "paddingTop": LAUNCHER_LIST_BOX_LAYOUT.itemPaddingY,
11423
- "paddingBottom": LAUNCHER_LIST_BOX_LAYOUT.itemPaddingY,
11424
- "paddingLeft": LAUNCHER_LIST_BOX_LAYOUT.itemPaddingLeft,
11425
- "paddingRight": LAUNCHER_LIST_BOX_LAYOUT.itemPaddingRight,
11426
- "gap": LAUNCHER_LIST_BOX_LAYOUT.itemGap,
11427
- "borderRadius": LAUNCHER_LIST_BOX_LAYOUT.itemRadius
11428
- };
11429
- const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
11430
- /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [
11431
- /* @__PURE__ */ jsxRuntime.jsxs(
11432
- "span",
11433
- {
11434
- className: "flex shrink-0 items-center",
11435
- style: {
11436
- height: `calc(${LAUNCHER_LIST_BOX_LAYOUT.logoPaddingY} * 2 + ${LAUNCHER_LIST_BOX_LOGO_HEIGHT}px)`,
11437
- gap: LAUNCHER_LIST_BOX_LAYOUT.logoTagGap
11438
- },
11439
- children: [
11440
- /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center", style: { gap: LAUNCHER_LIST_BOX_LAYOUT.logoServiceGap }, children: [
11441
- /* @__PURE__ */ jsxRuntime.jsx(
11442
- SLogo,
11636
+ children: [
11637
+ /* @__PURE__ */ jsxRuntime.jsx(
11638
+ "ul",
11639
+ {
11640
+ "aria-label": ariaLabel,
11641
+ className: "m-0 box-border flex list-none flex-col",
11642
+ style: {
11643
+ padding: LAUNCHER_LIST_BOX_LAYOUT.padding,
11644
+ // 목록과 콘솔 줄 사이 구분선은 목록의 아랫변에 긋는다 — 콘솔 줄(높이 고정) 쪽에 그으면
11645
+ // box-sizing 에 따라 줄이 1px 줄거나 늘고, 앱의 전역 reset 이 그 값을 바꿔 버린다.
11646
+ borderBottom: `1px solid ${LAUNCHER_LIST_BOX_LAYOUT.consoleDivider}`
11647
+ },
11648
+ children: rows.map((row) => {
11649
+ const rowClassName = cn(
11650
+ "box-border flex w-full items-center border-none bg-(--llb-bg) text-left text-inherit no-underline transition-colors",
11651
+ // hover 규칙은 갈 수 있는 서비스에만 건다. 비활성 버튼도 :hover 는 매치되므로
11652
+ // group 자체를 달지 않아야 안쪽 요소까지 함께 조용해진다.
11653
+ !row.disabled && "group/row cursor-pointer hover:bg-(--llb-bg-hover) focus-visible:bg-(--llb-bg-hover)",
11654
+ row.disabled && "cursor-not-allowed"
11655
+ );
11656
+ const rowStyle = {
11657
+ "--llb-bg": LAUNCHER_LIST_BOX_LAYOUT.itemBg,
11658
+ "--llb-bg-hover": LAUNCHER_LIST_BOX_LAYOUT.itemBgHover,
11659
+ "--llb-name": row.disabled ? LAUNCHER_LIST_BOX_LAYOUT.nameDisabledColor : LAUNCHER_LIST_BOX_LAYOUT.nameColor,
11660
+ "--llb-name-hover": LAUNCHER_LIST_BOX_LAYOUT.nameColorHover,
11661
+ // 높이를 박지 않는다 — 여백과 두 줄에서 나온다(상하 8 + 로고 줄 20 + 이름 20 = 56).
11662
+ "paddingTop": LAUNCHER_LIST_BOX_LAYOUT.itemPaddingY,
11663
+ "paddingBottom": LAUNCHER_LIST_BOX_LAYOUT.itemPaddingY,
11664
+ "paddingLeft": LAUNCHER_LIST_BOX_LAYOUT.itemPaddingLeft,
11665
+ "paddingRight": LAUNCHER_LIST_BOX_LAYOUT.itemPaddingRight,
11666
+ "gap": LAUNCHER_LIST_BOX_LAYOUT.itemGap,
11667
+ "borderRadius": LAUNCHER_LIST_BOX_LAYOUT.itemRadius
11668
+ };
11669
+ const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
11670
+ /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [
11671
+ /* @__PURE__ */ jsxRuntime.jsxs(
11672
+ "span",
11673
+ {
11674
+ className: "flex shrink-0 items-center",
11675
+ style: {
11676
+ height: `calc(${LAUNCHER_LIST_BOX_LAYOUT.logoPaddingY} * 2 + ${LAUNCHER_LIST_BOX_LOGO_HEIGHT}px)`,
11677
+ gap: LAUNCHER_LIST_BOX_LAYOUT.logoTagGap
11678
+ },
11679
+ children: [
11680
+ /* @__PURE__ */ jsxRuntime.jsx(
11681
+ SLogo,
11682
+ {
11683
+ name: row.service,
11684
+ size: LAUNCHER_LIST_BOX_LOGO_HEIGHT,
11685
+ color: row.disabled ? LAUNCHER_LIST_BOX_LAYOUT.logoDisabledColor : void 0,
11686
+ className: "shrink-0"
11687
+ }
11688
+ ),
11689
+ row.tag !== void 0 && row.tag !== "" && /* @__PURE__ */ jsxRuntime.jsx(
11690
+ STag,
11691
+ {
11692
+ shape: "square",
11693
+ size: "xs",
11694
+ color: row.tagColor,
11695
+ icon: row.tagIcon,
11696
+ label: row.tag,
11697
+ className: "shrink-0"
11698
+ }
11699
+ )
11700
+ ]
11701
+ }
11702
+ ),
11703
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "typo-body-sm-default w-full truncate text-(--llb-name) transition-colors group-hover/row:font-medium group-hover/row:text-(--llb-name-hover)", children: row.name })
11704
+ ] }),
11705
+ /* @__PURE__ */ jsxRuntime.jsx(
11706
+ "span",
11707
+ {
11708
+ "aria-hidden": true,
11709
+ className: "flex shrink-0 items-center opacity-0 transition-opacity group-hover/row:opacity-100",
11710
+ children: /* @__PURE__ */ jsxRuntime.jsx(
11711
+ SIcon,
11443
11712
  {
11444
- size: LAUNCHER_LIST_BOX_LOGO_HEIGHT,
11445
- color: row.disabled ? LAUNCHER_LIST_BOX_LAYOUT.logoDisabledColor : void 0
11446
- }
11447
- ),
11448
- row.mark !== void 0 && row.mark !== "" && // 워드마크 오른쪽에 잇는 서비스 표기. 크기·굵기·색을 여기가 정한다 —
11449
- // 워드마크 옆에 서는 글자는 로고의 일부처럼 읽혀야 해서 서비스마다
11450
- // 달라지면 안 된다. 줄 높이만 눕혀(leading-none) 로고 줄을 넘지 않게 한다.
11451
- /* @__PURE__ */ jsxRuntime.jsx(
11452
- "span",
11453
- {
11454
- className: "typo-body-md-bold flex min-w-0 items-center overflow-hidden leading-none text-fg-accentLight",
11455
- style: {
11456
- height: LAUNCHER_LIST_BOX_LOGO_HEIGHT,
11457
- color: row.disabled ? LAUNCHER_LIST_BOX_LAYOUT.logoDisabledColor : void 0
11458
- },
11459
- children: row.mark
11713
+ name: LAUNCHER_LIST_BOX_TRAILING_ICON,
11714
+ size: "100%",
11715
+ color: LAUNCHER_LIST_BOX_LAYOUT.trailingIconColor,
11716
+ style: { width: LAUNCHER_LIST_BOX_LAYOUT.trailingIconSize, height: LAUNCHER_LIST_BOX_LAYOUT.trailingIconSize }
11460
11717
  }
11461
11718
  )
11462
- ] }),
11463
- row.tag !== void 0 && row.tag !== "" && /* @__PURE__ */ jsxRuntime.jsx(
11464
- STag,
11465
- {
11466
- shape: "square",
11467
- size: "xs",
11468
- color: row.tagColor,
11469
- icon: row.tagIcon,
11470
- label: row.tag,
11471
- className: "shrink-0"
11472
- }
11473
- )
11474
- ]
11719
+ }
11720
+ )
11721
+ ] });
11722
+ return /* @__PURE__ */ jsxRuntime.jsx("li", { className: "flex flex-col", children: row.disabled ? (
11723
+ // 갈 곳이 없는 줄은 링크가 아니다 — href 없는 <a> 는 초점도 못 받아 있는지조차
11724
+ // 알 수 없으므로, 눌리지 않는 버튼으로 둬 "여기 있지만 지금은 못 간다"를 남긴다.
11725
+ /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", disabled: true, className: rowClassName, style: rowStyle, children: content })
11726
+ ) : (
11727
+ // 링크로 둔다 — 새 탭 열기를 스크립트로 흉내 내면 가운데 클릭·⌘클릭·주소 복사가
11728
+ // 모두 죽고 팝업 차단에도 걸린다. noreferrer 는 opener 를 함께 끊는다.
11729
+ /* @__PURE__ */ jsxRuntime.jsxs(
11730
+ "a",
11731
+ {
11732
+ href: row.href,
11733
+ target: "_blank",
11734
+ rel: "noopener noreferrer",
11735
+ className: rowClassName,
11736
+ style: rowStyle,
11737
+ onClick: () => onSelect?.(row.service),
11738
+ children: [
11739
+ content,
11740
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "\uC0C8 \uD0ED\uC5D0\uC11C \uC5F4\uB9BC" })
11741
+ ]
11742
+ }
11743
+ )
11744
+ ) }, row.service);
11745
+ })
11746
+ }
11747
+ ),
11748
+ /* @__PURE__ */ jsxRuntime.jsx(
11749
+ "div",
11750
+ {
11751
+ className: "box-border flex items-center justify-center",
11752
+ style: { height: LAUNCHER_LIST_BOX_CONSOLE_HEIGHT, backgroundColor: LAUNCHER_LIST_BOX_LAYOUT.consoleBg },
11753
+ children: /* @__PURE__ */ jsxRuntime.jsx(
11754
+ STextLink,
11755
+ {
11756
+ size: "sm",
11757
+ icon: LAUNCHER_LIST_BOX_CONSOLE_ICON,
11758
+ iconColor: LAUNCHER_LIST_BOX_LAYOUT.consoleIconColor,
11759
+ rightArrow: "chevron",
11760
+ label: LAUNCHER_LIST_BOX_CONSOLE_LABEL,
11761
+ labelClassName: "font-normal text-(--llb-console-fg)",
11762
+ style: { "--llb-console-fg": LAUNCHER_LIST_BOX_LAYOUT.consoleColor },
11763
+ onClick: () => {
11764
+ window.open(consoleHref, "_blank", "noopener,noreferrer");
11765
+ onConsoleClick?.();
11766
+ },
11767
+ "aria-label": `${LAUNCHER_LIST_BOX_CONSOLE_LABEL} (\uC0C8 \uD0ED\uC5D0\uC11C \uC5F4\uB9BC)`
11475
11768
  }
11476
- ),
11477
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "typo-body-sm-default w-full truncate text-(--llb-name) transition-colors group-hover/row:font-medium group-hover/row:text-(--llb-name-hover)", children: row.name })
11478
- ] }),
11479
- /* @__PURE__ */ jsxRuntime.jsx(
11480
- "span",
11481
- {
11482
- "aria-hidden": true,
11483
- className: "flex shrink-0 items-center opacity-0 transition-opacity group-hover/row:opacity-100",
11484
- children: /* @__PURE__ */ jsxRuntime.jsx(
11485
- SIcon,
11486
- {
11487
- name: LAUNCHER_LIST_BOX_TRAILING_ICON,
11488
- size: "100%",
11489
- color: LAUNCHER_LIST_BOX_LAYOUT.trailingIconColor,
11490
- style: { width: LAUNCHER_LIST_BOX_LAYOUT.trailingIconSize, height: LAUNCHER_LIST_BOX_LAYOUT.trailingIconSize }
11491
- }
11492
- )
11493
- }
11494
- )
11495
- ] });
11496
- return /* @__PURE__ */ jsxRuntime.jsx("li", { className: "flex flex-col", children: row.disabled ? (
11497
- // 갈 곳이 없는 줄은 링크가 아니다 — href 없는 <a> 는 초점도 못 받아 있는지조차
11498
- // 알 수 없으므로, 눌리지 않는 버튼으로 둬 "여기 있지만 지금은 못 간다"를 남긴다.
11499
- /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", disabled: true, className: rowClassName, style: rowStyle, children: content })
11500
- ) : (
11501
- // 링크로 둔다 — 새 탭 열기를 스크립트로 흉내 내면 가운데 클릭·⌘클릭·주소 복사가
11502
- // 모두 죽고 팝업 차단에도 걸린다. noreferrer 는 opener 를 함께 끊는다.
11503
- /* @__PURE__ */ jsxRuntime.jsxs(
11504
- "a",
11505
- {
11506
- href: row.href,
11507
- target: "_blank",
11508
- rel: "noopener noreferrer",
11509
- className: rowClassName,
11510
- style: rowStyle,
11511
- onClick: () => onSelect?.(row.service),
11512
- children: [
11513
- content,
11514
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "\uC0C8 \uD0ED\uC5D0\uC11C \uC5F4\uB9BC" })
11515
- ]
11516
- }
11517
- )
11518
- ) }, row.service);
11519
- }) })
11769
+ )
11770
+ }
11771
+ )
11772
+ ]
11520
11773
  }
11521
11774
  );
11522
11775
  }
@@ -12317,6 +12570,11 @@ var SGnb = /* @__PURE__ */ react.forwardRef(function SGnb2({
12317
12570
  onSelect: (service) => {
12318
12571
  launcher.onSelect?.(service);
12319
12572
  commitLauncherOpen(false);
12573
+ },
12574
+ consoleHref: launcher.consoleHref,
12575
+ onConsoleClick: () => {
12576
+ launcher.onConsoleClick?.();
12577
+ commitLauncherOpen(false);
12320
12578
  }
12321
12579
  }
12322
12580
  )
@@ -27635,14 +27893,17 @@ exports.GNB_SYSTEM_PLACEMENTS = GNB_SYSTEM_PLACEMENTS;
27635
27893
  exports.GNB_SYSTEM_TOP_COLOR_CONFIG = GNB_SYSTEM_TOP_COLOR_CONFIG;
27636
27894
  exports.ICONS = ICONS;
27637
27895
  exports.IMAGE_FITS = IMAGE_FITS;
27896
+ exports.LAUNCHER_LIST_BOX_CONSOLE_HEIGHT = LAUNCHER_LIST_BOX_CONSOLE_HEIGHT;
27897
+ exports.LAUNCHER_LIST_BOX_CONSOLE_ICON = LAUNCHER_LIST_BOX_CONSOLE_ICON;
27898
+ exports.LAUNCHER_LIST_BOX_CONSOLE_LABEL = LAUNCHER_LIST_BOX_CONSOLE_LABEL;
27638
27899
  exports.LAUNCHER_LIST_BOX_LAYOUT = LAUNCHER_LIST_BOX_LAYOUT;
27639
27900
  exports.LAUNCHER_LIST_BOX_LOGO_HEIGHT = LAUNCHER_LIST_BOX_LOGO_HEIGHT;
27640
- exports.LAUNCHER_LIST_BOX_LOGO_SERVICE_GAP = LAUNCHER_LIST_BOX_LOGO_SERVICE_GAP;
27641
27901
  exports.LAUNCHER_LIST_BOX_TRAILING_ICON = LAUNCHER_LIST_BOX_TRAILING_ICON;
27642
27902
  exports.LAUNCHER_LIST_BOX_WIDTH = LAUNCHER_LIST_BOX_WIDTH;
27643
27903
  exports.LAUNCHER_SERVICES = LAUNCHER_SERVICES;
27644
27904
  exports.LAUNCHER_SERVICE_CATALOG = LAUNCHER_SERVICE_CATALOG;
27645
27905
  exports.LOGO_DEFAULT_SIZE = LOGO_DEFAULT_SIZE;
27906
+ exports.LOGO_MODES = LOGO_MODES;
27646
27907
  exports.LOGO_NAMES = LOGO_NAMES;
27647
27908
  exports.PAGE_BACKGROUNDS = PAGE_BACKGROUNDS;
27648
27909
  exports.PAGE_CONTENT_HEIGHTS = PAGE_CONTENT_HEIGHTS;