@arc-ui/icons 11.4.2 → 11.5.0

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.
Files changed (7) hide show
  1. package/package.json +1 -1
  2. package/react/ArcIconSocialWhatsapp.d.ts +5 -0
  3. package/react/ArcIconSocialWhatsapp.js +18 -0
  4. package/tokens/css/svg.css +1 -0
  5. package/tokens/js/icon-names.ts +1 -0
  6. package/tokens/js/svg.js +1 -0
  7. package/tokens/scss/svg.scss +1 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arc-ui/icons",
3
- "version": "11.4.2",
3
+ "version": "11.5.0",
4
4
  "homepage": "https://ui.digital-ent-int.bt.com",
5
5
  "author": "BT Enterprise Digital UI Team <ui-digital-ent-int@bt.com>",
6
6
  "files": [
package/react/ArcIconSocialWhatsapp.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import * as React from "react";
2
+ declare function ArcIconSocialWhatsapp(
3
+ props: React.ComponentProps<"svg"> & { title?: string; titleId?: string }
4
+ ): JSX.Element;
5
+ export { ArcIconSocialWhatsapp };
package/react/ArcIconSocialWhatsapp.js ADDED
@@ -0,0 +1,18 @@
1
+ const React = require("react");
2
+ const ArcIconSocialWhatsapp = props =>
3
+ /*#__PURE__*/ React.createElement(
4
+ "svg",
5
+ Object.assign(
6
+ {
7
+ fill: "currentColor",
8
+ xmlns: "http://www.w3.org/2000/svg",
9
+ viewBox: "0 0 448 512"
10
+ },
11
+ props
12
+ ),
13
+ /*#__PURE__*/ React.createElement("path", {
14
+ d:
15
+ "M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"
16
+ })
17
+ );
18
+ module.exports.ArcIconSocialWhatsapp = ArcIconSocialWhatsapp;
package/tokens/css/svg.css CHANGED
@@ -10,6 +10,7 @@
10
10
  --arc-icon-social-instagram: url("data:image/svg+xml,%3csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16 2c-3.803 0-4.278.018-5.771.084-1.491.07-2.506.305-3.399.651A6.856 6.856 0 004.35 4.35a6.83 6.83 0 00-1.615 2.48c-.346.893-.582 1.908-.651 3.399C2.014 11.722 2 12.197 2 16s.018 4.278.084 5.772c.07 1.49.305 2.506.651 3.398a6.86 6.86 0 001.615 2.48 6.846 6.846 0 002.48 1.615c.894.345 1.909.582 3.399.651 1.493.07 1.968.084 5.771.084s4.278-.017 5.772-.084c1.49-.07 2.506-.306 3.398-.65a6.881 6.881 0 002.48-1.616 6.836 6.836 0 001.615-2.48c.345-.892.582-1.909.651-3.398.07-1.494.084-1.969.084-5.772s-.017-4.278-.084-5.771c-.07-1.49-.306-2.508-.65-3.399a6.871 6.871 0 00-1.616-2.48 6.821 6.821 0 00-2.48-1.615c-.892-.346-1.909-.582-3.398-.651C20.278 2.014 19.803 2 16 2zm0 2.52c3.737 0 4.183.019 5.658.083 1.365.064 2.106.29 2.599.484.655.253 1.12.557 1.612 1.045.489.49.792.956 1.045 1.612.192.492.42 1.233.482 2.598.067 1.477.082 1.92.082 5.658 0 3.738-.018 4.183-.087 5.658-.07 1.365-.298 2.106-.49 2.599a4.445 4.445 0 01-1.05 1.612 4.368 4.368 0 01-1.61 1.045c-.49.192-1.242.42-2.607.482-1.486.067-1.924.082-5.669.082-3.746 0-4.184-.018-5.669-.087-1.366-.07-2.118-.298-2.608-.49a4.336 4.336 0 01-1.61-1.05 4.251 4.251 0 01-1.05-1.61c-.192-.49-.418-1.242-.49-2.607-.052-1.47-.07-1.924-.07-5.651 0-3.73.018-4.184.07-5.672.072-1.365.298-2.116.49-2.606.246-.665.56-1.12 1.05-1.611.49-.489.946-.804 1.61-1.048.49-.193 1.226-.421 2.59-.491 1.488-.052 1.926-.07 5.67-.07L16 4.52zm0 4.291A7.189 7.189 0 008.811 16 7.189 7.189 0 0016 23.19 7.189 7.189 0 0023.19 16 7.189 7.189 0 0016 8.811zm0 11.856A4.665 4.665 0 0111.333 16 4.665 4.665 0 0116 11.333 4.665 4.665 0 0120.667 16 4.665 4.665 0 0116 20.667zm9.154-12.14a1.681 1.681 0 01-3.36 0 1.68 1.68 0 013.36 0z' fill='currentColor'/%3e%3c/svg%3e");
11
11
  --arc-icon-social-linkedin: url("data:image/svg+xml,%3csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M25.856 25.86H21.71v-6.496c0-1.55-.032-3.544-2.161-3.544-2.162 0-2.492 1.686-2.492 3.43v6.61H12.91V12.5h3.983v1.821h.053c.557-1.05 1.91-2.158 3.932-2.158 4.201 0 4.978 2.765 4.978 6.364v7.334zM8.226 10.673a2.406 2.406 0 01-2.406-2.41 2.408 2.408 0 112.407 2.41zm2.08 15.189H6.148V12.5h4.158v13.36zM27.929 2H4.066C2.924 2 2 2.903 2 4.017v23.966C2 29.098 2.924 30 4.066 30h23.86c1.14 0 2.074-.902 2.074-2.017V4.017C30 2.903 29.067 2 27.926 2h.003z' fill='currentColor'/%3e%3c/svg%3e");
12
12
  --arc-icon-social-twitter: url("data:image/svg+xml,%3csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M29.945 7.331a11.667 11.667 0 01-3.295.905 5.784 5.784 0 002.523-3.177 11.856 11.856 0 01-3.648 1.381 5.74 5.74 0 00-9.93 3.918c0 .455.053.892.149 1.31-4.772-.224-9-2.515-11.83-5.98a5.625 5.625 0 00-.778 2.888 5.74 5.74 0 002.553 4.779 5.722 5.722 0 01-2.6-.719v.071a5.743 5.743 0 004.604 5.632 5.828 5.828 0 01-2.58.099 5.76 5.76 0 005.37 3.986 11.512 11.512 0 01-7.118 2.456c-.455 0-.909-.027-1.365-.078a16.327 16.327 0 008.816 2.577c10.563 0 16.332-8.745 16.332-16.317 0-.244 0-.49-.018-.735A11.59 11.59 0 0030 7.355l-.055-.024z' fill='currentColor'/%3e%3c/svg%3e");
13
+ --arc-icon-social-whatsapp: url("data:image/svg+xml,%3csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3e%3c/svg%3e");
13
14
  --bt-icon-3-g: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cdefs/%3e%3cpath d='M20.451 15.885v1.456h2.576a1.82 1.82 0 01-.356 1.036 2.82 2.82 0 01-.974.861 2.887 2.887 0 01-1.428.343 3.097 3.097 0 01-1.582-.406 2.84 2.84 0 01-1.105-1.197 4.165 4.165 0 01-.406-1.925 3.963 3.963 0 01.42-1.883 3.018 3.018 0 011.147-1.218 3.177 3.177 0 011.639-.427 3.374 3.374 0 011.553.343 4.34 4.34 0 011.288 1.057l1.176-1.064a5.54 5.54 0 00-1.805-1.4 5.21 5.21 0 00-2.212-.448 5.321 5.321 0 00-1.96.357A4.557 4.557 0 0016.84 12.4a4.812 4.812 0 00-1.051 1.596 5.391 5.391 0 00-.378 2.058 5.612 5.612 0 00.602 2.68 4.438 4.438 0 001.61 1.744 4.184 4.184 0 002.226.616 3.614 3.614 0 001.918-.511 3.478 3.478 0 001.317-1.477v1.848h1.651v-5.068zM12.14 15.864a2.626 2.626 0 001.365-.829 2.02 2.02 0 00.474-1.316 2.157 2.157 0 00-.412-1.302 2.818 2.818 0 00-1.114-.891 3.703 3.703 0 00-1.58-.328 3.734 3.734 0 00-1.88.446 5.146 5.146 0 00-1.282 1.003l.99 1.03a3.676 3.676 0 01.849-.717 2.266 2.266 0 011.225-.313 1.766 1.766 0 011.114.334 1.127 1.127 0 01.432.947 1.175 1.175 0 01-.418.975 1.458 1.458 0 01-.933.334H9.744v1.393h1.226a1.888 1.888 0 011.205.39 1.457 1.457 0 01-.007 2.193 2.072 2.072 0 01-1.323.397 2.766 2.766 0 01-1.253-.265 3.382 3.382 0 01-1.045-.877l-1.086.96a4.49 4.49 0 001.553 1.254 4.27 4.27 0 001.844.404 4.208 4.208 0 001.825-.376 3.03 3.03 0 001.24-1.03 2.565 2.565 0 00.445-1.477 2.13 2.13 0 00-.592-1.517 2.91 2.91 0 00-1.636-.822z'/%3e%3c/svg%3e");
14
15
  --bt-icon-3-g-fill: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M16 2a14 14 0 1014 14A14 14 0 0016 2zm-2.077 17.68a3.03 3.03 0 01-1.24 1.03 4.208 4.208 0 01-1.825.376 4.27 4.27 0 01-1.844-.404A4.49 4.49 0 017.46 19.43l1.086-.961a3.382 3.382 0 001.045.877 2.766 2.766 0 001.253.265 2.072 2.072 0 001.323-.397 1.457 1.457 0 00.007-2.193 1.888 1.888 0 00-1.205-.39H9.744v-1.393h1.226a1.458 1.458 0 00.933-.334 1.175 1.175 0 00.418-.975 1.127 1.127 0 00-.432-.947 1.766 1.766 0 00-1.114-.334 2.266 2.266 0 00-1.225.313 3.676 3.676 0 00-.85.717l-.99-1.03a5.146 5.146 0 011.282-1.003 3.734 3.734 0 011.88-.446 3.703 3.703 0 011.581.328 2.818 2.818 0 011.114.891 2.157 2.157 0 01.411 1.302 2.02 2.02 0 01-.473 1.316 2.626 2.626 0 01-1.365.829 2.91 2.91 0 011.636.822 2.13 2.13 0 01.592 1.517 2.565 2.565 0 01-.445 1.477zm10.812 1.273h-1.651v-1.848a3.478 3.478 0 01-1.317 1.477 3.614 3.614 0 01-1.918.511 4.184 4.184 0 01-2.225-.616 4.438 4.438 0 01-1.61-1.743 5.612 5.612 0 01-.603-2.68 5.391 5.391 0 01.378-2.059 4.812 4.812 0 011.05-1.596 4.557 4.557 0 011.583-1.029 5.321 5.321 0 011.96-.357 5.21 5.21 0 012.212.448 5.54 5.54 0 011.805 1.4l-1.176 1.064a4.34 4.34 0 00-1.288-1.057 3.374 3.374 0 00-1.553-.343 3.177 3.177 0 00-1.639.427 3.018 3.018 0 00-1.147 1.218 3.963 3.963 0 00-.42 1.883 4.165 4.165 0 00.406 1.925 2.84 2.84 0 001.105 1.197 3.097 3.097 0 001.582.406 2.887 2.887 0 001.428-.343 2.82 2.82 0 00.974-.861 1.82 1.82 0 00.356-1.036h-2.576v-1.456h4.284z' fill='currentColor'/%3e%3c/svg%3e");
15
16
  --bt-icon-4-g: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cdefs/%3e%3cpath d='M7.017 18.464v-1.148l4.648-6.469H13.5v6.3h1.218v1.317H13.5v2.044h-1.666v-2.044zm1.624-1.316h3.192v-4.396zM20.107 20.648a4.184 4.184 0 01-2.226-.616 4.438 4.438 0 01-1.61-1.744 5.612 5.612 0 01-.603-2.68 5.391 5.391 0 01.378-2.058 4.812 4.812 0 011.051-1.597 4.557 4.557 0 011.582-1.028 5.321 5.321 0 011.96-.357 5.21 5.21 0 012.212.447 5.54 5.54 0 011.806 1.4L23.48 13.48a4.34 4.34 0 00-1.288-1.057 3.374 3.374 0 00-1.554-.344 3.178 3.178 0 00-1.639.428 3.018 3.018 0 00-1.147 1.217 3.963 3.963 0 00-.42 1.884 4.165 4.165 0 00.406 1.925 2.84 2.84 0 001.106 1.197 3.097 3.097 0 001.582.406 2.887 2.887 0 001.427-.343 2.82 2.82 0 00.974-.862 1.82 1.82 0 00.357-1.035h-2.577V15.44h4.285v5.068H23.34v-1.849a3.478 3.478 0 01-1.316 1.477 3.614 3.614 0 01-1.918.512z'/%3e%3c/svg%3e");
package/tokens/js/icon-names.ts CHANGED
@@ -10,6 +10,7 @@ export const iconNames = [
10
10
  "ArcIconSocialInstagram",
11
11
  "ArcIconSocialLinkedin",
12
12
  "ArcIconSocialTwitter",
13
+ "ArcIconSocialWhatsapp",
13
14
  "BtIcon3G",
14
15
  "BtIcon3GFill",
15
16
  "BtIcon4G",
package/tokens/js/svg.js CHANGED
@@ -9,6 +9,7 @@ export const ArcIconSocialFacebook = `<svg viewBox="0 0 32 32" xmlns="http://www
9
9
  export const ArcIconSocialInstagram = `<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M16 2c-3.803 0-4.278.018-5.771.084-1.491.07-2.506.305-3.399.651A6.856 6.856 0 004.35 4.35a6.83 6.83 0 00-1.615 2.48c-.346.893-.582 1.908-.651 3.399C2.014 11.722 2 12.197 2 16s.018 4.278.084 5.772c.07 1.49.305 2.506.651 3.398a6.86 6.86 0 001.615 2.48 6.846 6.846 0 002.48 1.615c.894.345 1.909.582 3.399.651 1.493.07 1.968.084 5.771.084s4.278-.017 5.772-.084c1.49-.07 2.506-.306 3.398-.65a6.881 6.881 0 002.48-1.616 6.836 6.836 0 001.615-2.48c.345-.892.582-1.909.651-3.398.07-1.494.084-1.969.084-5.772s-.017-4.278-.084-5.771c-.07-1.49-.306-2.508-.65-3.399a6.871 6.871 0 00-1.616-2.48 6.821 6.821 0 00-2.48-1.615c-.892-.346-1.909-.582-3.398-.651C20.278 2.014 19.803 2 16 2zm0 2.52c3.737 0 4.183.019 5.658.083 1.365.064 2.106.29 2.599.484.655.253 1.12.557 1.612 1.045.489.49.792.956 1.045 1.612.192.492.42 1.233.482 2.598.067 1.477.082 1.92.082 5.658 0 3.738-.018 4.183-.087 5.658-.07 1.365-.298 2.106-.49 2.599a4.445 4.445 0 01-1.05 1.612 4.368 4.368 0 01-1.61 1.045c-.49.192-1.242.42-2.607.482-1.486.067-1.924.082-5.669.082-3.746 0-4.184-.018-5.669-.087-1.366-.07-2.118-.298-2.608-.49a4.336 4.336 0 01-1.61-1.05 4.251 4.251 0 01-1.05-1.61c-.192-.49-.418-1.242-.49-2.607-.052-1.47-.07-1.924-.07-5.651 0-3.73.018-4.184.07-5.672.072-1.365.298-2.116.49-2.606.246-.665.56-1.12 1.05-1.611.49-.489.946-.804 1.61-1.048.49-.193 1.226-.421 2.59-.491 1.488-.052 1.926-.07 5.67-.07L16 4.52zm0 4.291A7.189 7.189 0 008.811 16 7.189 7.189 0 0016 23.19 7.189 7.189 0 0023.19 16 7.189 7.189 0 0016 8.811zm0 11.856A4.665 4.665 0 0111.333 16 4.665 4.665 0 0116 11.333 4.665 4.665 0 0120.667 16 4.665 4.665 0 0116 20.667zm9.154-12.14a1.681 1.681 0 01-3.36 0 1.68 1.68 0 013.36 0z" fill="currentColor"/></svg>`;
10
10
  export const ArcIconSocialLinkedin = `<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M25.856 25.86H21.71v-6.496c0-1.55-.032-3.544-2.161-3.544-2.162 0-2.492 1.686-2.492 3.43v6.61H12.91V12.5h3.983v1.821h.053c.557-1.05 1.91-2.158 3.932-2.158 4.201 0 4.978 2.765 4.978 6.364v7.334zM8.226 10.673a2.406 2.406 0 01-2.406-2.41 2.408 2.408 0 112.407 2.41zm2.08 15.189H6.148V12.5h4.158v13.36zM27.929 2H4.066C2.924 2 2 2.903 2 4.017v23.966C2 29.098 2.924 30 4.066 30h23.86c1.14 0 2.074-.902 2.074-2.017V4.017C30 2.903 29.067 2 27.926 2h.003z" fill="currentColor"/></svg>`;
11
11
  export const ArcIconSocialTwitter = `<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M29.945 7.331a11.667 11.667 0 01-3.295.905 5.784 5.784 0 002.523-3.177 11.856 11.856 0 01-3.648 1.381 5.74 5.74 0 00-9.93 3.918c0 .455.053.892.149 1.31-4.772-.224-9-2.515-11.83-5.98a5.625 5.625 0 00-.778 2.888 5.74 5.74 0 002.553 4.779 5.722 5.722 0 01-2.6-.719v.071a5.743 5.743 0 004.604 5.632 5.828 5.828 0 01-2.58.099 5.76 5.76 0 005.37 3.986 11.512 11.512 0 01-7.118 2.456c-.455 0-.909-.027-1.365-.078a16.327 16.327 0 008.816 2.577c10.563 0 16.332-8.745 16.332-16.317 0-.244 0-.49-.018-.735A11.59 11.59 0 0030 7.355l-.055-.024z" fill="currentColor"/></svg>`;
12
+ export const ArcIconSocialWhatsapp = `<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg>`;
12
13
  export const BtIcon3G = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs/><path d="M20.451 15.885v1.456h2.576a1.82 1.82 0 01-.356 1.036 2.82 2.82 0 01-.974.861 2.887 2.887 0 01-1.428.343 3.097 3.097 0 01-1.582-.406 2.84 2.84 0 01-1.105-1.197 4.165 4.165 0 01-.406-1.925 3.963 3.963 0 01.42-1.883 3.018 3.018 0 011.147-1.218 3.177 3.177 0 011.639-.427 3.374 3.374 0 011.553.343 4.34 4.34 0 011.288 1.057l1.176-1.064a5.54 5.54 0 00-1.805-1.4 5.21 5.21 0 00-2.212-.448 5.321 5.321 0 00-1.96.357A4.557 4.557 0 0016.84 12.4a4.812 4.812 0 00-1.051 1.596 5.391 5.391 0 00-.378 2.058 5.612 5.612 0 00.602 2.68 4.438 4.438 0 001.61 1.744 4.184 4.184 0 002.226.616 3.614 3.614 0 001.918-.511 3.478 3.478 0 001.317-1.477v1.848h1.651v-5.068zM12.14 15.864a2.626 2.626 0 001.365-.829 2.02 2.02 0 00.474-1.316 2.157 2.157 0 00-.412-1.302 2.818 2.818 0 00-1.114-.891 3.703 3.703 0 00-1.58-.328 3.734 3.734 0 00-1.88.446 5.146 5.146 0 00-1.282 1.003l.99 1.03a3.676 3.676 0 01.849-.717 2.266 2.266 0 011.225-.313 1.766 1.766 0 011.114.334 1.127 1.127 0 01.432.947 1.175 1.175 0 01-.418.975 1.458 1.458 0 01-.933.334H9.744v1.393h1.226a1.888 1.888 0 011.205.39 1.457 1.457 0 01-.007 2.193 2.072 2.072 0 01-1.323.397 2.766 2.766 0 01-1.253-.265 3.382 3.382 0 01-1.045-.877l-1.086.96a4.49 4.49 0 001.553 1.254 4.27 4.27 0 001.844.404 4.208 4.208 0 001.825-.376 3.03 3.03 0 001.24-1.03 2.565 2.565 0 00.445-1.477 2.13 2.13 0 00-.592-1.517 2.91 2.91 0 00-1.636-.822z"/></svg>`;
13
14
  export const BtIcon3GFill = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16 2a14 14 0 1014 14A14 14 0 0016 2zm-2.077 17.68a3.03 3.03 0 01-1.24 1.03 4.208 4.208 0 01-1.825.376 4.27 4.27 0 01-1.844-.404A4.49 4.49 0 017.46 19.43l1.086-.961a3.382 3.382 0 001.045.877 2.766 2.766 0 001.253.265 2.072 2.072 0 001.323-.397 1.457 1.457 0 00.007-2.193 1.888 1.888 0 00-1.205-.39H9.744v-1.393h1.226a1.458 1.458 0 00.933-.334 1.175 1.175 0 00.418-.975 1.127 1.127 0 00-.432-.947 1.766 1.766 0 00-1.114-.334 2.266 2.266 0 00-1.225.313 3.676 3.676 0 00-.85.717l-.99-1.03a5.146 5.146 0 011.282-1.003 3.734 3.734 0 011.88-.446 3.703 3.703 0 011.581.328 2.818 2.818 0 011.114.891 2.157 2.157 0 01.411 1.302 2.02 2.02 0 01-.473 1.316 2.626 2.626 0 01-1.365.829 2.91 2.91 0 011.636.822 2.13 2.13 0 01.592 1.517 2.565 2.565 0 01-.445 1.477zm10.812 1.273h-1.651v-1.848a3.478 3.478 0 01-1.317 1.477 3.614 3.614 0 01-1.918.511 4.184 4.184 0 01-2.225-.616 4.438 4.438 0 01-1.61-1.743 5.612 5.612 0 01-.603-2.68 5.391 5.391 0 01.378-2.059 4.812 4.812 0 011.05-1.596 4.557 4.557 0 011.583-1.029 5.321 5.321 0 011.96-.357 5.21 5.21 0 012.212.448 5.54 5.54 0 011.805 1.4l-1.176 1.064a4.34 4.34 0 00-1.288-1.057 3.374 3.374 0 00-1.553-.343 3.177 3.177 0 00-1.639.427 3.018 3.018 0 00-1.147 1.218 3.963 3.963 0 00-.42 1.883 4.165 4.165 0 00.406 1.925 2.84 2.84 0 001.105 1.197 3.097 3.097 0 001.582.406 2.887 2.887 0 001.428-.343 2.82 2.82 0 00.974-.861 1.82 1.82 0 00.356-1.036h-2.576v-1.456h4.284z" fill="currentColor"/></svg>`;
14
15
  export const BtIcon4G = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs/><path d="M7.017 18.464v-1.148l4.648-6.469H13.5v6.3h1.218v1.317H13.5v2.044h-1.666v-2.044zm1.624-1.316h3.192v-4.396zM20.107 20.648a4.184 4.184 0 01-2.226-.616 4.438 4.438 0 01-1.61-1.744 5.612 5.612 0 01-.603-2.68 5.391 5.391 0 01.378-2.058 4.812 4.812 0 011.051-1.597 4.557 4.557 0 011.582-1.028 5.321 5.321 0 011.96-.357 5.21 5.21 0 012.212.447 5.54 5.54 0 011.806 1.4L23.48 13.48a4.34 4.34 0 00-1.288-1.057 3.374 3.374 0 00-1.554-.344 3.178 3.178 0 00-1.639.428 3.018 3.018 0 00-1.147 1.217 3.963 3.963 0 00-.42 1.884 4.165 4.165 0 00.406 1.925 2.84 2.84 0 001.106 1.197 3.097 3.097 0 001.582.406 2.887 2.887 0 001.427-.343 2.82 2.82 0 00.974-.862 1.82 1.82 0 00.357-1.035h-2.577V15.44h4.285v5.068H23.34v-1.849a3.478 3.478 0 01-1.316 1.477 3.614 3.614 0 01-1.918.512z"/></svg>`;
package/tokens/scss/svg.scss CHANGED
@@ -9,6 +9,7 @@ $arc-icon-social-facebook: url("data:image/svg+xml,%3csvg viewBox='0 0 32 32' xm
9
9
  $arc-icon-social-instagram: url("data:image/svg+xml,%3csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16 2c-3.803 0-4.278.018-5.771.084-1.491.07-2.506.305-3.399.651A6.856 6.856 0 004.35 4.35a6.83 6.83 0 00-1.615 2.48c-.346.893-.582 1.908-.651 3.399C2.014 11.722 2 12.197 2 16s.018 4.278.084 5.772c.07 1.49.305 2.506.651 3.398a6.86 6.86 0 001.615 2.48 6.846 6.846 0 002.48 1.615c.894.345 1.909.582 3.399.651 1.493.07 1.968.084 5.771.084s4.278-.017 5.772-.084c1.49-.07 2.506-.306 3.398-.65a6.881 6.881 0 002.48-1.616 6.836 6.836 0 001.615-2.48c.345-.892.582-1.909.651-3.398.07-1.494.084-1.969.084-5.772s-.017-4.278-.084-5.771c-.07-1.49-.306-2.508-.65-3.399a6.871 6.871 0 00-1.616-2.48 6.821 6.821 0 00-2.48-1.615c-.892-.346-1.909-.582-3.398-.651C20.278 2.014 19.803 2 16 2zm0 2.52c3.737 0 4.183.019 5.658.083 1.365.064 2.106.29 2.599.484.655.253 1.12.557 1.612 1.045.489.49.792.956 1.045 1.612.192.492.42 1.233.482 2.598.067 1.477.082 1.92.082 5.658 0 3.738-.018 4.183-.087 5.658-.07 1.365-.298 2.106-.49 2.599a4.445 4.445 0 01-1.05 1.612 4.368 4.368 0 01-1.61 1.045c-.49.192-1.242.42-2.607.482-1.486.067-1.924.082-5.669.082-3.746 0-4.184-.018-5.669-.087-1.366-.07-2.118-.298-2.608-.49a4.336 4.336 0 01-1.61-1.05 4.251 4.251 0 01-1.05-1.61c-.192-.49-.418-1.242-.49-2.607-.052-1.47-.07-1.924-.07-5.651 0-3.73.018-4.184.07-5.672.072-1.365.298-2.116.49-2.606.246-.665.56-1.12 1.05-1.611.49-.489.946-.804 1.61-1.048.49-.193 1.226-.421 2.59-.491 1.488-.052 1.926-.07 5.67-.07L16 4.52zm0 4.291A7.189 7.189 0 008.811 16 7.189 7.189 0 0016 23.19 7.189 7.189 0 0023.19 16 7.189 7.189 0 0016 8.811zm0 11.856A4.665 4.665 0 0111.333 16 4.665 4.665 0 0116 11.333 4.665 4.665 0 0120.667 16 4.665 4.665 0 0116 20.667zm9.154-12.14a1.681 1.681 0 01-3.36 0 1.68 1.68 0 013.36 0z' fill='currentColor'/%3e%3c/svg%3e");
10
10
  $arc-icon-social-linkedin: url("data:image/svg+xml,%3csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M25.856 25.86H21.71v-6.496c0-1.55-.032-3.544-2.161-3.544-2.162 0-2.492 1.686-2.492 3.43v6.61H12.91V12.5h3.983v1.821h.053c.557-1.05 1.91-2.158 3.932-2.158 4.201 0 4.978 2.765 4.978 6.364v7.334zM8.226 10.673a2.406 2.406 0 01-2.406-2.41 2.408 2.408 0 112.407 2.41zm2.08 15.189H6.148V12.5h4.158v13.36zM27.929 2H4.066C2.924 2 2 2.903 2 4.017v23.966C2 29.098 2.924 30 4.066 30h23.86c1.14 0 2.074-.902 2.074-2.017V4.017C30 2.903 29.067 2 27.926 2h.003z' fill='currentColor'/%3e%3c/svg%3e");
11
11
  $arc-icon-social-twitter: url("data:image/svg+xml,%3csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M29.945 7.331a11.667 11.667 0 01-3.295.905 5.784 5.784 0 002.523-3.177 11.856 11.856 0 01-3.648 1.381 5.74 5.74 0 00-9.93 3.918c0 .455.053.892.149 1.31-4.772-.224-9-2.515-11.83-5.98a5.625 5.625 0 00-.778 2.888 5.74 5.74 0 002.553 4.779 5.722 5.722 0 01-2.6-.719v.071a5.743 5.743 0 004.604 5.632 5.828 5.828 0 01-2.58.099 5.76 5.76 0 005.37 3.986 11.512 11.512 0 01-7.118 2.456c-.455 0-.909-.027-1.365-.078a16.327 16.327 0 008.816 2.577c10.563 0 16.332-8.745 16.332-16.317 0-.244 0-.49-.018-.735A11.59 11.59 0 0030 7.355l-.055-.024z' fill='currentColor'/%3e%3c/svg%3e");
12
+ $arc-icon-social-whatsapp: url("data:image/svg+xml,%3csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3e%3c/svg%3e");
12
13
  $bt-icon-3-g: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cdefs/%3e%3cpath d='M20.451 15.885v1.456h2.576a1.82 1.82 0 01-.356 1.036 2.82 2.82 0 01-.974.861 2.887 2.887 0 01-1.428.343 3.097 3.097 0 01-1.582-.406 2.84 2.84 0 01-1.105-1.197 4.165 4.165 0 01-.406-1.925 3.963 3.963 0 01.42-1.883 3.018 3.018 0 011.147-1.218 3.177 3.177 0 011.639-.427 3.374 3.374 0 011.553.343 4.34 4.34 0 011.288 1.057l1.176-1.064a5.54 5.54 0 00-1.805-1.4 5.21 5.21 0 00-2.212-.448 5.321 5.321 0 00-1.96.357A4.557 4.557 0 0016.84 12.4a4.812 4.812 0 00-1.051 1.596 5.391 5.391 0 00-.378 2.058 5.612 5.612 0 00.602 2.68 4.438 4.438 0 001.61 1.744 4.184 4.184 0 002.226.616 3.614 3.614 0 001.918-.511 3.478 3.478 0 001.317-1.477v1.848h1.651v-5.068zM12.14 15.864a2.626 2.626 0 001.365-.829 2.02 2.02 0 00.474-1.316 2.157 2.157 0 00-.412-1.302 2.818 2.818 0 00-1.114-.891 3.703 3.703 0 00-1.58-.328 3.734 3.734 0 00-1.88.446 5.146 5.146 0 00-1.282 1.003l.99 1.03a3.676 3.676 0 01.849-.717 2.266 2.266 0 011.225-.313 1.766 1.766 0 011.114.334 1.127 1.127 0 01.432.947 1.175 1.175 0 01-.418.975 1.458 1.458 0 01-.933.334H9.744v1.393h1.226a1.888 1.888 0 011.205.39 1.457 1.457 0 01-.007 2.193 2.072 2.072 0 01-1.323.397 2.766 2.766 0 01-1.253-.265 3.382 3.382 0 01-1.045-.877l-1.086.96a4.49 4.49 0 001.553 1.254 4.27 4.27 0 001.844.404 4.208 4.208 0 001.825-.376 3.03 3.03 0 001.24-1.03 2.565 2.565 0 00.445-1.477 2.13 2.13 0 00-.592-1.517 2.91 2.91 0 00-1.636-.822z'/%3e%3c/svg%3e");
13
14
  $bt-icon-3-g-fill: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath d='M16 2a14 14 0 1014 14A14 14 0 0016 2zm-2.077 17.68a3.03 3.03 0 01-1.24 1.03 4.208 4.208 0 01-1.825.376 4.27 4.27 0 01-1.844-.404A4.49 4.49 0 017.46 19.43l1.086-.961a3.382 3.382 0 001.045.877 2.766 2.766 0 001.253.265 2.072 2.072 0 001.323-.397 1.457 1.457 0 00.007-2.193 1.888 1.888 0 00-1.205-.39H9.744v-1.393h1.226a1.458 1.458 0 00.933-.334 1.175 1.175 0 00.418-.975 1.127 1.127 0 00-.432-.947 1.766 1.766 0 00-1.114-.334 2.266 2.266 0 00-1.225.313 3.676 3.676 0 00-.85.717l-.99-1.03a5.146 5.146 0 011.282-1.003 3.734 3.734 0 011.88-.446 3.703 3.703 0 011.581.328 2.818 2.818 0 011.114.891 2.157 2.157 0 01.411 1.302 2.02 2.02 0 01-.473 1.316 2.626 2.626 0 01-1.365.829 2.91 2.91 0 011.636.822 2.13 2.13 0 01.592 1.517 2.565 2.565 0 01-.445 1.477zm10.812 1.273h-1.651v-1.848a3.478 3.478 0 01-1.317 1.477 3.614 3.614 0 01-1.918.511 4.184 4.184 0 01-2.225-.616 4.438 4.438 0 01-1.61-1.743 5.612 5.612 0 01-.603-2.68 5.391 5.391 0 01.378-2.059 4.812 4.812 0 011.05-1.596 4.557 4.557 0 011.583-1.029 5.321 5.321 0 011.96-.357 5.21 5.21 0 012.212.448 5.54 5.54 0 011.805 1.4l-1.176 1.064a4.34 4.34 0 00-1.288-1.057 3.374 3.374 0 00-1.553-.343 3.177 3.177 0 00-1.639.427 3.018 3.018 0 00-1.147 1.218 3.963 3.963 0 00-.42 1.883 4.165 4.165 0 00.406 1.925 2.84 2.84 0 001.105 1.197 3.097 3.097 0 001.582.406 2.887 2.887 0 001.428-.343 2.82 2.82 0 00.974-.861 1.82 1.82 0 00.356-1.036h-2.576v-1.456h4.284z' fill='currentColor'/%3e%3c/svg%3e");
14
15
  $bt-icon-4-g: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cdefs/%3e%3cpath d='M7.017 18.464v-1.148l4.648-6.469H13.5v6.3h1.218v1.317H13.5v2.044h-1.666v-2.044zm1.624-1.316h3.192v-4.396zM20.107 20.648a4.184 4.184 0 01-2.226-.616 4.438 4.438 0 01-1.61-1.744 5.612 5.612 0 01-.603-2.68 5.391 5.391 0 01.378-2.058 4.812 4.812 0 011.051-1.597 4.557 4.557 0 011.582-1.028 5.321 5.321 0 011.96-.357 5.21 5.21 0 012.212.447 5.54 5.54 0 011.806 1.4L23.48 13.48a4.34 4.34 0 00-1.288-1.057 3.374 3.374 0 00-1.554-.344 3.178 3.178 0 00-1.639.428 3.018 3.018 0 00-1.147 1.217 3.963 3.963 0 00-.42 1.884 4.165 4.165 0 00.406 1.925 2.84 2.84 0 001.106 1.197 3.097 3.097 0 001.582.406 2.887 2.887 0 001.427-.343 2.82 2.82 0 00.974-.862 1.82 1.82 0 00.357-1.035h-2.577V15.44h4.285v5.068H23.34v-1.849a3.478 3.478 0 01-1.316 1.477 3.614 3.614 0 01-1.918.512z'/%3e%3c/svg%3e");