Merge pull request #927 from WestpacGEL/develop

Develop
WestpacGEL · Nov 7, 2024 · 488af88 · 488af88
2 parents f3d006d + 98ff718
commit 488af88
Show file tree

Hide file tree

Showing 12 changed files with 529 additions and 15 deletions.
diff --git a/packages/ui/src/components/symbol/components/logos/bt-logo.tsx b/packages/ui/src/components/symbol/components/logos/bt-logo.tsx
@@ -0,0 +1,35 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export function BTLogo({
+  'aria-label': ariaLabel = 'BT',
+  copyrightYear = '2025',
+  viewBoxWidth = 105,
+  viewBoxHeight = 43,
+  className,
+  ...props
+}: SymbolProps) {
+  return (
+    <Symbol
+      className={clsx('h-[43px] w-[105px]', className)}
+      aria-label={ariaLabel}
+      copyrightYear={copyrightYear}
+      viewBoxWidth={viewBoxWidth}
+      viewBoxHeight={viewBoxHeight}
+      {...props}
+    >
+      <path
+        d="M14.2593 22.8258C13.8282 22.8258 13.4147 22.6549 13.1099 22.3508C12.8051 22.0467 12.6339 21.6342 12.6339 21.2041C12.6339 20.7741 12.8051 20.3616 13.1099 20.0575C13.4147 19.7534 13.8282 19.5825 14.2593 19.5825H37.175C36.8325 16.9135 35.6262 14.429 33.7395 12.5062C33.7036 12.4767 33.6706 12.4437 33.641 12.408L30.8212 9.57011L30.7103 9.47182L21.2288 0L0 21.2041L21.2288 42.3714L30.6734 32.9119L30.8212 32.7768L33.641 29.9635L33.7764 29.8038C35.6422 27.8953 36.835 25.4332 37.175 22.7889L14.2593 22.8258Z"
+        fill="#007BC6"
+      />
+      <path d="M103.521 1.41278H74.1775V9.02954H84.9027V41.88H93.0543V9.02954H103.78V1.41278H103.521Z" fill="#020202" />
+      <path
+        d="M68.8335 20.2828C70.0116 19.3585 70.9585 18.1739 71.5996 16.8223C72.2407 15.4706 72.5583 13.989 72.5276 12.494C72.6137 10.9994 72.3805 9.50369 71.8434 8.10581C71.3064 6.70796 70.4776 5.43995 69.4122 4.38579C67.2942 2.40788 64.1912 1.41278 60.2016 1.41278H41.4971V17.5063L46.127 21.1919L41.4971 24.8774V41.88H61.2852C69.092 41.88 74.1283 37.1625 74.1283 29.8775C74.2329 27.9442 73.7921 26.0205 72.8563 24.3246C71.9203 22.6287 70.5267 21.2284 68.8335 20.2828ZM49.6487 8.85762H60.2262C62.9475 8.85762 64.6345 10.4301 64.6345 12.9608C64.6371 13.5284 64.5232 14.0906 64.2995 14.6126C64.0759 15.1345 63.7473 15.6052 63.3342 15.9955C62.9211 16.3858 62.4322 16.6874 61.8976 16.8818C61.363 17.0761 60.7942 17.1591 60.2262 17.1254H49.6487V8.85762ZM60.2262 34.3861H49.6487V24.558H60.0538C63.7479 24.558 65.7796 26.3271 65.7796 29.472C65.7796 33.5507 62.7628 34.3861 60.2262 34.3861Z"
+        fill="#020202"
+      />
+    </Symbol>
+  );
+}
diff --git a/packages/ui/src/components/symbol/components/logos/bt-multibrand-large-logo.tsx b/packages/ui/src/components/symbol/components/logos/bt-multibrand-large-logo.tsx
@@ -0,0 +1,42 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export function BTMultibrandLargeLogo({
+  'aria-label': ariaLabel = 'BT',
+  copyrightYear = '2024',
+  viewBoxWidth = 180,
+  viewBoxHeight = 65,
+  align = 'left',
+  offset = [null, 52.59, 105.18],
+  className,
+  ...props
+}: SymbolProps) {
+  return (
+    <Symbol
+      className={clsx('h-[65px] w-[180px]', className)}
+      aria-label={ariaLabel}
+      align={align}
+      offset={offset}
+      copyrightYear={copyrightYear}
+      viewBoxWidth={viewBoxWidth}
+      viewBoxHeight={viewBoxHeight}
+      {...props}
+    >
+      <path
+        d="M10.2799 33.4558C9.96916 33.4558 9.67106 33.3326 9.45135 33.1134C9.23158 32.8941 9.10813 32.5968 9.10813 32.2867C9.10813 31.9767 9.23158 31.6793 9.45135 31.4601C9.67106 31.2408 9.96916 31.1176 10.2799 31.1176H26.8006C26.5537 29.1935 25.684 27.4023 24.3238 26.0161C24.298 25.9948 24.2742 25.9711 24.2528 25.9453L22.2199 23.8994L22.14 23.8285L15.3045 17L0 32.2867L15.3045 47.5468L22.1134 40.7272L22.2199 40.6297L24.2528 38.6016L24.3504 38.4864C25.6955 37.1106 26.5555 35.3356 26.8006 33.4292L10.2799 33.4558Z"
+        fill="#007BC6"
+      />
+      <path
+        d="M74.6314 18.0186H53.4768V23.5097H61.2089V47.1926H67.0856V23.5097H74.8179V18.0186H74.6314Z"
+        fill="#020202"
+      />
+      <path
+        d="M49.6241 31.6225C50.4735 30.9562 51.1562 30.1021 51.6183 29.1277C52.0805 28.1533 52.3095 27.0851 52.2873 26.0073C52.3494 24.9298 52.1813 23.8515 51.7941 22.8438C51.4069 21.836 50.8095 20.9219 50.0414 20.1619C48.5145 18.736 46.2774 18.0186 43.4012 18.0186H29.9165V29.6209L33.2544 32.2779L29.9165 34.9349V47.1926H44.1824C49.8105 47.1926 53.4414 43.7916 53.4414 38.5396C53.5167 37.1459 53.199 35.759 52.5243 34.5364C51.8496 33.3137 50.8448 32.3042 49.6241 31.6225ZM35.7933 23.3858H43.4189C45.3808 23.3858 46.597 24.5194 46.597 26.3439C46.5989 26.7531 46.5167 27.1584 46.3555 27.5347C46.1943 27.911 45.9574 28.2503 45.6596 28.5317C45.3618 28.813 45.0092 29.0305 44.6238 29.1706C44.2384 29.3107 43.8284 29.3705 43.4189 29.3463H35.7933V23.3858ZM43.4189 41.79H35.7933V34.7046H43.2946C45.9578 34.7046 47.4225 35.98 47.4225 38.2473C47.4225 41.1878 45.2476 41.79 43.4189 41.79Z"
+        fill="#020202"
+      />
+    </Symbol>
+  );
+}
diff --git a/packages/ui/src/components/symbol/components/logos/bt-multibrand-small-logo.tsx b/packages/ui/src/components/symbol/components/logos/bt-multibrand-small-logo.tsx
@@ -0,0 +1,49 @@
+import { clsx } from 'clsx';
+import React from 'react';
+
+import { Symbol } from '../../symbol.component.js';
+import { type SymbolProps } from '../../symbol.types.js';
+
+export function BTMultibrandSmallLogo({
+  'aria-label': ariaLabel = 'BT',
+  copyrightYear = '2025',
+  viewBoxWidth = 122,
+  viewBoxHeight = 44,
+  align = 'left',
+  offset = [null, 36.865, 73.73],
+  className,
+  ...props
+}: SymbolProps) {
+  return (
+    <Symbol
+      className={clsx('h-[44px] w-[122px]', className)}
+      aria-label={ariaLabel}
+      align={align}
+      offset={offset}
+      copyrightYear={copyrightYear}
+      viewBoxWidth={viewBoxWidth}
+      viewBoxHeight={viewBoxHeight}
+      {...props}
+    >
+      <g clip-path="url(#clip0_2154_48)">
+        <path
+          d="M6.63221 22.6166C6.43171 22.6166 6.23939 22.5372 6.09764 22.3957C5.95586 22.2543 5.87621 22.0624 5.87621 21.8624C5.87621 21.6624 5.95586 21.4705 6.09764 21.3291C6.23939 21.1876 6.43171 21.1081 6.63221 21.1081H17.2907C17.1314 19.8668 16.5703 18.7112 15.6928 17.8169C15.6761 17.8031 15.6608 17.7878 15.647 17.7711L14.3354 16.4512L14.2839 16.4055L9.87386 12L0 21.8624L9.87386 31.7076L14.2667 27.3079L14.3354 27.245L15.647 25.9365L15.71 25.8622C16.5778 24.9746 17.1326 23.8294 17.2907 22.5995L6.63221 22.6166Z"
+          fill="#007BC6"
+        />
+        <path
+          d="M48.1493 12.6571H34.5012V16.1998H39.4897V31.4791H43.2811V16.1998H48.2697V12.6571H48.1493Z"
+          fill="#020202"
+        />
+        <path
+          d="M32.0156 21.4339C32.5636 21.004 33.004 20.453 33.3022 19.8243C33.6004 19.1956 33.7481 18.5065 33.7338 17.8111C33.7739 17.116 33.6654 16.4203 33.4156 15.7701C33.1658 15.12 32.7803 14.5302 32.2848 14.0399C31.2997 13.1199 29.8565 12.6571 28.0008 12.6571H19.301V20.1425L21.4545 21.8567L19.301 23.5709V31.4791H28.5048C32.1359 31.4791 34.4783 29.2849 34.4783 25.8965C34.527 24.9973 34.322 24.1026 33.8867 23.3138C33.4514 22.525 32.8032 21.8737 32.0156 21.4339ZM23.0925 16.1198H28.0122C29.278 16.1198 30.0626 16.8512 30.0626 18.0283C30.0638 18.2923 30.0108 18.5538 29.9068 18.7965C29.8028 19.0393 29.65 19.2582 29.4578 19.4397C29.2657 19.6213 29.0383 19.7616 28.7896 19.852C28.541 19.9424 28.2764 19.981 28.0122 19.9653H23.0925V16.1198ZM28.0122 27.9935H23.0925V23.4223H27.9321C29.6502 23.4223 30.5952 24.2451 30.5952 25.7079C30.5952 27.605 29.1921 27.9935 28.0122 27.9935Z"
+          fill="#020202"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_2154_48">
+          <rect width="48.5714" height="20" fill="white" transform="translate(0 12)" />
+        </clipPath>
+      </defs>
+    </Symbol>
+  );
+}