Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions packages/lib/src/footer/Footer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ const LeftContainer = styled.div<{ width: number }>`
`;

const LogoContainer = styled.span<{ mode?: FooterPropsType["mode"] }>`
max-height: ${(props) => (props?.mode === "default" ? "var(--height-m)" : "var(--height-xxs)")};
max-height: ${(props) => (props?.mode === "default" ? "var(--height-xl)" : "var(--height-xxs)")};
width: fit-content;
text-align: center;

Expand All @@ -67,7 +67,7 @@ const LogoContainer = styled.span<{ mode?: FooterPropsType["mode"] }>`
`}

svg {
height: ${(props) => (props.mode === "default" ? "var(--height-m)" : "var(--height-xxs)")};
height: ${(props) => (props.mode === "default" ? "var(--height-xl)" : "var(--height-xxs)")};
width: auto;
}
`;
Expand Down
196 changes: 79 additions & 117 deletions packages/lib/src/footer/Icons.tsx
Original file line number Diff line number Diff line change
@@ -1,125 +1,87 @@
export const dxcLogo = (
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="32" viewBox="0 0 280.781 32">
<svg xmlns="http://www.w3.org/2000/svg" width="1199" height="240" viewBox="0 0 1199 240" fill="none">
<title>DXC Logo</title>
<g>
<path
d="M171.5-54.124v12.539h-3.6V-54.124h-4.973v-3.191h13.54v3.191H171.5"
transform="translate(-68.528 65.45)"
fill="#6f4b97"
/>
<path
d="M189.96-41.585V-57.315h12.326v3.079h-8.753v3.191h7.7v3.078h-7.7v3.3h8.87v3.078H189.96"
transform="translate(-77.56 65.45)"
fill="#6f4b97"
/>
<path
d="M223.558-41.438a8.1,8.1,0,0,1-8.382-8.1v-.045a8.161,8.161,0,0,1,8.522-8.146,8.6,8.6,0,0,1,6.444,2.431l-2.289,2.543a6.133,6.133,0,0,0-4.178-1.778,4.743,4.743,0,0,0-4.738,4.905v.045a4.752,4.752,0,0,0,4.738,4.95,6,6,0,0,0,4.295-1.845l2.288,2.228a8.491,8.491,0,0,1-6.7,2.813"
transform="translate(-86.019 65.583)"
fill="#6f4b97"
/>
<path
d="M254.988-41.585V-47.9h-6.63v6.315h-3.6V-57.315h3.6v6.225h6.63v-6.225h3.594v15.731h-3.594"
transform="translate(-95.903 65.45)"
fill="#6f4b97"
/>
<path
d="M285.991-41.585l-7.914-10v10h-3.549V-57.315h3.316l7.657,9.685v-9.685h3.549v15.731h-3.058"
transform="translate(-105.869 65.45)"
fill="#6f4b97"
/>
<path
d="M317.2-49.583a4.869,4.869,0,0,0-4.949-4.95,4.793,4.793,0,0,0-4.9,4.905v.045a4.869,4.869,0,0,0,4.949,4.95,4.793,4.793,0,0,0,4.9-4.905Zm-4.949,8.145c-5.043,0-8.661-3.623-8.661-8.1v-.045c0-4.478,3.666-8.146,8.708-8.146s8.66,3.623,8.66,8.1v.045c0,4.477-3.664,8.145-8.708,8.145"
transform="translate(-115.631 65.583)"
fill="#6f4b97"
/>
<path
d="M336.786-41.585V-57.315h3.6v12.584h8.148v3.146H336.786"
transform="translate(-126.654 65.45)"
fill="#6f4b97"
/>
<path
d="M372.78-49.583a4.87,4.87,0,0,0-4.949-4.95,4.794,4.794,0,0,0-4.9,4.905v.045a4.869,4.869,0,0,0,4.949,4.95,4.794,4.794,0,0,0,4.9-4.905Zm-4.949,8.145c-5.043,0-8.662-3.623-8.662-8.1v-.045c0-4.478,3.666-8.146,8.708-8.146s8.661,3.623,8.661,8.1v.045c0,4.477-3.666,8.145-8.708,8.145"
transform="translate(-135.016 65.583)"
fill="#6f4b97"
/>
<path
d="M399.735-41.438c-5.09,0-8.592-3.443-8.592-8.1v-.045a8.243,8.243,0,0,1,8.568-8.146,9.18,9.18,0,0,1,6.42,2.16l-2.265,2.634a6.141,6.141,0,0,0-4.272-1.6,4.807,4.807,0,0,0-4.692,4.905v.045a4.8,4.8,0,0,0,4.949,4.995,5.89,5.89,0,0,0,3.384-.945v-2.25h-3.618v-2.992h7.1v6.841a10.837,10.837,0,0,1-6.98,2.5"
transform="translate(-145.284 65.583)"
fill="#6f4b97"
/>
<path
d="M428.664-47.855v6.27h-3.6v-6.2l-6.28-9.528h4.2L426.89-51l3.968-6.315h4.085l-6.28,9.46"
transform="translate(-154.162 65.45)"
fill="#6f4b97"
/>
<path
d="M84.218-55.737a10.063,10.063,0,0,1,2.589-4.4,9.792,9.792,0,0,1,6.985-2.77h11.328V-69.3H93.792a17.041,17.041,0,0,0-11.8,4.759,16.344,16.344,0,0,0-3.547,5.115,13.247,13.247,0,0,0-1.122,3.688Zm0,4.877a10.065,10.065,0,0,0,2.589,4.4,9.793,9.793,0,0,0,6.985,2.77h11.328V-37.3H93.792a17.042,17.042,0,0,1-11.8-4.759,16.339,16.339,0,0,1-3.547-5.114,13.251,13.251,0,0,1-1.122-3.688ZM63.1-47.98,54.45-37.3H45.873l12.957-16-12.957-16H54.45L63.1-58.619l8.65-10.68h8.578l-12.957,16,12.957,16H71.749ZM48.875-55.737a13.212,13.212,0,0,0-1.122-3.688,16.359,16.359,0,0,0-3.546-5.115,17.043,17.043,0,0,0-11.8-4.759H21.08v6.393H32.408a9.79,9.79,0,0,1,6.985,2.77,10.072,10.072,0,0,1,2.59,4.4Zm0,4.877a13.215,13.215,0,0,1-1.122,3.688,16.353,16.353,0,0,1-3.546,5.114,17.044,17.044,0,0,1-11.8,4.759H21.08v-6.393H32.408a9.791,9.791,0,0,0,6.985-2.77,10.074,10.074,0,0,0,2.59-4.4h6.892"
transform="translate(-21.08 69.298)"
fill="#6f4b97"
/>
</g>
<path d="M858.235 134.702V110.634H863.561V134.702H858.235Z" fill="#0E1020" />
<path
d="M869.577 134.702V110.634H877.156L884.086 124.153L886.271 128.932H886.305L888.49 124.153L895.42 110.634H902.999V134.702H897.912V116.369L895.693 120.841L888.558 134.702H884.018L880.945 128.727L876.849 120.841L874.664 116.369V134.702H869.577Z"
fill="#0E1020"
/>
<path
d="M909.023 134.702V110.634H925.307C930.906 110.634 934.149 113.331 934.149 118.486C934.149 123.675 930.871 126.338 925.307 126.338H914.348V134.702H909.023ZM924.351 122.173C927.15 122.173 928.584 120.91 928.584 118.486C928.584 116.062 927.15 114.799 924.351 114.799H914.348V122.173H924.351Z"
fill="#0E1020"
/>
<path
d="M954.029 135.248C943.412 135.248 937.779 130.707 937.779 122.651C937.779 114.594 943.412 110.088 954.029 110.088C964.612 110.088 970.245 114.662 970.245 122.651C970.245 130.707 964.612 135.248 954.029 135.248ZM954.029 130.776C961.164 130.776 964.646 127.942 964.646 122.651C964.646 117.359 961.13 114.56 954.029 114.56C946.86 114.56 943.378 117.393 943.378 122.685C943.378 127.976 946.86 130.776 954.029 130.776Z"
fill="#0E1020"
/>
<path
d="M987.908 135.248C978.623 135.248 974.458 132.483 974.321 126.884H979.954C980.125 129.922 982.548 131.39 987.976 131.39C993.268 131.39 995.487 130.332 995.487 127.84C995.487 125.928 994.463 125.075 991.595 124.802L982.787 124.153C977.189 123.641 974.936 121.558 974.936 117.53C974.936 112.648 978.93 110.088 987.772 110.088C996.75 110.088 1000.71 112.682 1001.02 118.247H995.384C995.111 115.14 992.892 113.945 987.772 113.945C982.514 113.945 980.5 114.97 980.5 117.189C980.5 118.998 981.661 119.715 984.426 119.988L993.2 120.637C998.867 121.183 1001.05 123.231 1001.05 127.498C1001.05 132.687 996.852 135.248 987.908 135.248Z"
fill="#0E1020"
/>
<path
d="M1019.05 135.248C1009.77 135.248 1005.6 132.483 1005.47 126.884H1011.1C1011.27 129.922 1013.69 131.39 1019.12 131.39C1024.41 131.39 1026.63 130.332 1026.63 127.84C1026.63 125.928 1025.61 125.075 1022.74 124.802L1013.93 124.153C1008.33 123.641 1006.08 121.558 1006.08 117.53C1006.08 112.648 1010.07 110.088 1018.92 110.088C1027.89 110.088 1031.85 112.682 1032.16 118.247H1026.53C1026.26 115.14 1024.04 113.945 1018.92 113.945C1013.66 113.945 1011.64 114.97 1011.64 117.189C1011.64 118.998 1012.81 119.715 1015.57 119.988L1024.34 120.637C1030.01 121.183 1032.2 123.231 1032.2 127.498C1032.2 132.687 1028 135.248 1019.05 135.248Z"
fill="#0E1020"
/>
<path d="M1037.44 134.702V110.634H1042.76V134.702H1037.44Z" fill="#0E1020" />
<path
d="M1048.78 134.702V110.634H1066.22C1071.07 110.634 1073.8 112.921 1073.8 116.916C1073.8 119.442 1072.5 121.251 1070.18 121.968C1072.95 122.719 1074.38 124.802 1074.38 127.908C1074.38 132.278 1071.62 134.702 1066.56 134.702H1048.78ZM1065.1 130.946C1067.55 130.946 1068.82 129.717 1068.82 127.533C1068.82 125.245 1067.52 124.085 1065.1 124.085H1054.1V130.946H1065.1ZM1064.58 120.602C1066.94 120.602 1068.24 119.476 1068.24 117.496C1068.24 115.482 1066.94 114.389 1064.58 114.389H1054.1V120.602H1064.58Z"
fill="#0E1020"
/>
<path d="M1079.49 134.702V110.634H1084.81V130.127H1099.63V134.702H1079.49Z" fill="#0E1020" />
<path
d="M1103.87 134.702V110.634H1126.09V114.697H1109.19V120.364H1125.54V124.358H1109.19V130.639H1126.09V134.702H1103.87Z"
fill="#0E1020"
/>
<path
d="M1134.38 135.145C1132.09 135.145 1130.69 133.951 1130.69 132.073C1130.69 130.195 1132.13 129.035 1134.38 129.035C1136.67 129.035 1138 130.23 1138 132.073C1138 133.985 1136.67 135.145 1134.38 135.145Z"
fill="#0E1020"
/>
<path
d="M858.235 180.916V156.849H873.802C882.132 156.849 886.57 161.287 886.57 168.865C886.57 176.512 882.132 180.916 873.802 180.916H858.235ZM872.983 176.547C878.104 176.547 881.006 174.123 881.006 168.865C881.006 163.608 878.07 161.218 872.983 161.218H863.561V176.547H872.983Z"
fill="#0E1020"
/>
<path
d="M891.647 180.916V156.849H913.871V160.911H896.973V166.578H913.325V170.572H896.973V176.854H913.871V180.916H891.647Z"
fill="#0E1020"
/>
<path d="M919.058 180.916V156.849H924.383V176.342H939.199V180.916H919.058Z" fill="#0E1020" />
<path d="M943.435 180.916V156.849H948.76V180.916H943.435Z" fill="#0E1020" />
<path
d="M964.847 180.916L952.728 156.849H959.146L965.189 169.651C966.179 171.665 967.271 173.884 968.159 175.796C969.046 173.85 970.139 171.631 971.094 169.685L977.171 156.849H983.589L971.47 180.916H964.847Z"
fill="#0E1020"
/>
<path
d="M987.521 180.916V156.849H1009.75V160.911H992.847V166.578H1009.2V170.572H992.847V176.854H1009.75V180.916H987.521Z"
fill="#0E1020"
/>
<path
d="M1014.93 180.916V156.849H1031.66C1037.09 156.849 1040.06 159.136 1040.06 163.779C1040.06 166.817 1038.52 168.9 1036 169.685C1038.15 170.197 1039.27 171.631 1039.61 174.532L1040.16 178.527L1040.57 180.916H1035.11L1034.73 178.561L1034.29 175.249C1033.98 172.928 1032.89 172.04 1030.4 172.04H1020.26V180.916H1014.93ZM1030.4 167.978C1033.09 167.978 1034.49 166.749 1034.49 164.427C1034.49 162.072 1033.09 160.911 1030.29 160.911H1020.26V167.978H1030.4Z"
fill="#0E1020"
/>
<path
d="M1045.71 180.916V156.849H1067.93V160.911H1051.04V166.578H1067.39V170.572H1051.04V176.854H1067.93V180.916H1045.71Z"
fill="#0E1020"
/>
<path
d="M1073.12 180.916V156.849H1088.69C1097.02 156.849 1101.46 161.287 1101.46 168.865C1101.46 176.512 1097.02 180.916 1088.69 180.916H1073.12ZM1087.87 176.547C1092.99 176.547 1095.89 174.123 1095.89 168.865C1095.89 163.608 1092.95 161.218 1087.87 161.218H1078.45V176.547H1087.87Z"
fill="#0E1020"
/>
<path
d="M1108.77 181.36C1106.48 181.36 1105.08 180.165 1105.08 178.288C1105.08 176.41 1106.52 175.249 1108.77 175.249C1111.06 175.249 1112.39 176.444 1112.39 178.288C1112.39 180.199 1111.06 181.36 1108.77 181.36Z"
fill="#0E1020"
/>
<path
d="M797.937 85.2783H638.896C619.43 85.2783 603.591 101.075 603.591 120.483C603.591 139.892 619.43 155.688 638.896 155.688H797.937V179.967H638.896C606.033 179.967 579.312 153.288 579.312 120.483C579.312 87.6783 606.048 61 638.896 61H797.937V85.2783ZM220.04 60.999C252.888 60.999 279.624 87.6775 279.624 120.482C279.624 153.288 252.888 179.966 220.04 179.966H60.999V155.688H220.04C239.506 155.688 255.345 139.891 255.345 120.482C255.344 101.074 239.506 85.2783 220.04 85.2783H60.999V60.999H220.04ZM556.062 85.2783C530.07 85.2783 511.818 96.7754 492.495 108.943C486.225 112.899 479.87 116.884 473.243 120.44C479.87 123.997 486.226 127.981 492.495 131.937C511.818 144.105 530.07 155.602 556.062 155.602V179.881C523.058 179.881 499.95 165.328 479.556 152.488C462.603 141.82 447.964 132.594 430.026 132.594C412.089 132.594 397.449 141.806 380.497 152.488C360.103 165.328 336.995 179.881 303.99 179.881V155.602C329.983 155.602 348.235 144.105 367.559 131.937C373.828 127.981 380.183 123.996 386.81 120.44C380.183 116.884 373.828 112.899 367.559 108.943C348.235 96.7753 329.983 85.2783 303.99 85.2783V61C336.995 61 360.103 75.5527 380.497 88.4062C397.449 99.0747 412.089 108.301 430.026 108.301V108.286C447.964 108.286 462.603 99.0743 479.556 88.3916C499.95 75.5524 523.058 61 556.062 61V85.2783Z"
fill="#0E1020"
/>
</svg>
);

export const dxcSmallLogo = (
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="16" viewBox="0 0 280.781 32">
<title>DXC Logo</title>
<g>
<path
d="M171.5-54.124v12.539h-3.6V-54.124h-4.973v-3.191h13.54v3.191H171.5"
transform="translate(-68.528 65.45)"
fill="#fff"
/>
<path
d="M189.96-41.585V-57.315h12.326v3.079h-8.753v3.191h7.7v3.078h-7.7v3.3h8.87v3.078H189.96"
transform="translate(-77.56 65.45)"
fill="#fff"
/>
<path
d="M223.558-41.438a8.1,8.1,0,0,1-8.382-8.1v-.045a8.161,8.161,0,0,1,8.522-8.146,8.6,8.6,0,0,1,6.444,2.431l-2.289,2.543a6.133,6.133,0,0,0-4.178-1.778,4.743,4.743,0,0,0-4.738,4.905v.045a4.752,4.752,0,0,0,4.738,4.95,6,6,0,0,0,4.295-1.845l2.288,2.228a8.491,8.491,0,0,1-6.7,2.813"
transform="translate(-86.019 65.583)"
fill="#fff"
/>
<path
d="M254.988-41.585V-47.9h-6.63v6.315h-3.6V-57.315h3.6v6.225h6.63v-6.225h3.594v15.731h-3.594"
transform="translate(-95.903 65.45)"
fill="#fff"
/>
<path
d="M285.991-41.585l-7.914-10v10h-3.549V-57.315h3.316l7.657,9.685v-9.685h3.549v15.731h-3.058"
transform="translate(-105.869 65.45)"
fill="#fff"
/>
<path
d="M317.2-49.583a4.869,4.869,0,0,0-4.949-4.95,4.793,4.793,0,0,0-4.9,4.905v.045a4.869,4.869,0,0,0,4.949,4.95,4.793,4.793,0,0,0,4.9-4.905Zm-4.949,8.145c-5.043,0-8.661-3.623-8.661-8.1v-.045c0-4.478,3.666-8.146,8.708-8.146s8.66,3.623,8.66,8.1v.045c0,4.477-3.664,8.145-8.708,8.145"
transform="translate(-115.631 65.583)"
fill="#fff"
/>
<path
d="M336.786-41.585V-57.315h3.6v12.584h8.148v3.146H336.786"
transform="translate(-126.654 65.45)"
fill="#fff"
/>
<path
d="M372.78-49.583a4.87,4.87,0,0,0-4.949-4.95,4.794,4.794,0,0,0-4.9,4.905v.045a4.869,4.869,0,0,0,4.949,4.95,4.794,4.794,0,0,0,4.9-4.905Zm-4.949,8.145c-5.043,0-8.662-3.623-8.662-8.1v-.045c0-4.478,3.666-8.146,8.708-8.146s8.661,3.623,8.661,8.1v.045c0,4.477-3.666,8.145-8.708,8.145"
transform="translate(-135.016 65.583)"
fill="#fff"
/>
<path
d="M399.735-41.438c-5.09,0-8.592-3.443-8.592-8.1v-.045a8.243,8.243,0,0,1,8.568-8.146,9.18,9.18,0,0,1,6.42,2.16l-2.265,2.634a6.141,6.141,0,0,0-4.272-1.6,4.807,4.807,0,0,0-4.692,4.905v.045a4.8,4.8,0,0,0,4.949,4.995,5.89,5.89,0,0,0,3.384-.945v-2.25h-3.618v-2.992h7.1v6.841a10.837,10.837,0,0,1-6.98,2.5"
transform="translate(-145.284 65.583)"
fill="#fff"
/>
<path
d="M428.664-47.855v6.27h-3.6v-6.2l-6.28-9.528h4.2L426.89-51l3.968-6.315h4.085l-6.28,9.46"
transform="translate(-154.162 65.45)"
fill="#fff"
/>
<path
d="M84.218-55.737a10.063,10.063,0,0,1,2.589-4.4,9.792,9.792,0,0,1,6.985-2.77h11.328V-69.3H93.792a17.041,17.041,0,0,0-11.8,4.759,16.344,16.344,0,0,0-3.547,5.115,13.247,13.247,0,0,0-1.122,3.688Zm0,4.877a10.065,10.065,0,0,0,2.589,4.4,9.793,9.793,0,0,0,6.985,2.77h11.328V-37.3H93.792a17.042,17.042,0,0,1-11.8-4.759,16.339,16.339,0,0,1-3.547-5.114,13.251,13.251,0,0,1-1.122-3.688ZM63.1-47.98,54.45-37.3H45.873l12.957-16-12.957-16H54.45L63.1-58.619l8.65-10.68h8.578l-12.957,16,12.957,16H71.749ZM48.875-55.737a13.212,13.212,0,0,0-1.122-3.688,16.359,16.359,0,0,0-3.546-5.115,17.043,17.043,0,0,0-11.8-4.759H21.08v6.393H32.408a9.79,9.79,0,0,1,6.985,2.77,10.072,10.072,0,0,1,2.59,4.4Zm0,4.877a13.215,13.215,0,0,1-1.122,3.688,16.353,16.353,0,0,1-3.546,5.114,17.044,17.044,0,0,1-11.8,4.759H21.08v-6.393H32.408a9.791,9.791,0,0,0,6.985-2.77,10.074,10.074,0,0,0,2.59-4.4h6.892"
transform="translate(-21.08 69.298)"
fill="#fff"
/>
</g>
<svg xmlns="http://www.w3.org/2000/svg" width="57" height="16" viewBox="0 0 57 16" fill="none">
<path
d="M14.585 4.05054C16.7623 4.05054 18.5344 5.82924 18.5345 8.01646C18.5345 10.2037 16.7623 11.9823 14.585 11.9823H4.04297V10.3637H14.585C15.8752 10.3637 16.9251 9.31046 16.9251 8.01646C16.9251 6.72239 15.8752 5.6693 14.585 5.6693H4.04297V4.05054H14.585ZM52.8906 5.66923H42.3486C41.0584 5.66923 40.0085 6.72239 40.0085 8.01646C40.0085 9.31046 41.0584 10.3636 42.3486 10.3636H52.8906V11.9823H42.3486C40.1704 11.9823 38.3992 10.2036 38.3991 8.01646C38.3991 5.82924 40.1714 4.05048 42.3486 4.05048H52.8906V5.66923ZM36.858 5.66923C35.1351 5.66924 33.9253 6.43576 32.6444 7.24706C32.2289 7.51079 31.8077 7.77646 31.3684 8.01359C31.8076 8.25066 32.2289 8.51626 32.6444 8.78006C33.9253 9.59132 35.1351 10.3579 36.858 10.3579V11.9766C34.6703 11.9766 33.1386 11.0063 31.7868 10.1503C30.6631 9.43899 29.6928 8.82386 28.5038 8.82386C27.3147 8.82386 26.3444 9.43806 25.2207 10.1503C23.8689 11.0063 22.3372 11.9766 20.1495 11.9766V10.3579C21.8724 10.3579 23.0822 9.59132 24.3631 8.78006C24.7786 8.51626 25.2 8.25066 25.6392 8.01359C25.2 7.77646 24.7786 7.51079 24.3631 7.24706C23.0822 6.43576 21.8724 5.66923 20.1495 5.66923V4.05048C22.3372 4.05048 23.8689 5.02078 25.2207 5.87776C26.3444 6.58904 27.3147 7.20419 28.5038 7.20419V7.20319C29.6928 7.20319 30.6631 6.58908 31.7868 5.87684C33.1386 5.02082 34.6703 4.05049 36.858 4.05048V5.66923Z"
fill="#F6F3F0"
/>
</svg>
);