@sproutsocial/racine 14.1.1 → 14.3.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 (137) hide show
  1. package/CHANGELOG.md +64 -0
  2. package/__flow__/EnumIconNames.flow.js +1 -1
  3. package/__flow__/Icon/Icon.flow.js +3 -1
  4. package/__flow__/IconViewBoxes.js +2 -0
  5. package/__flow__/PartnerLogo/PartnerLogo.flow.js +3 -3
  6. package/commonjs/Badge/Badge.js +2 -1
  7. package/commonjs/Banner/Banner.js +2 -1
  8. package/commonjs/Breadcrumb/Breadcrumb.js +2 -1
  9. package/commonjs/Checkbox/styles.js +7 -6
  10. package/commonjs/DatePicker/common.js +2 -1
  11. package/commonjs/Drawer/Drawer.js +9 -4
  12. package/commonjs/Icon/Icon.js +50 -10
  13. package/commonjs/IconViewBoxes.js +2 -0
  14. package/commonjs/IllustrationViewBoxes.d.js +5 -0
  15. package/commonjs/Indicator/Indicator.js +2 -1
  16. package/commonjs/Input/Input.js +2 -1
  17. package/commonjs/Input/styles.js +1 -1
  18. package/commonjs/Listbox/Listbox.js +2 -1
  19. package/commonjs/LogoViewBoxes.d.js +5 -0
  20. package/commonjs/PartnerLogo/PartnerLogo.js +14 -13
  21. package/commonjs/PartnerLogo/PartnerLogoTypes.js +12 -1
  22. package/commonjs/PartnerLogo/index.js +0 -12
  23. package/commonjs/PartnerLogo/styles.js +1 -1
  24. package/commonjs/Select/Select.js +2 -1
  25. package/commonjs/Switch/Switch.js +1 -0
  26. package/commonjs/TableHeaderCell/TableHeaderCell.js +2 -1
  27. package/commonjs/TableRowAccordion/TableRowAccordion.js +6 -2
  28. package/commonjs/Textarea/styles.js +1 -1
  29. package/commonjs/Toast/Toast.js +40 -34
  30. package/commonjs/ToggleHint/ToggleHint.js +4 -2
  31. package/commonjs/Token/Token.js +16 -2
  32. package/commonjs/Token/styles.js +1 -1
  33. package/commonjs/TokenInput/TokenInput.js +3 -1
  34. package/commonjs/TokenInput/styles.js +3 -3
  35. package/commonjs/themes/dark/theme.js +1 -1
  36. package/commonjs/themes/light/theme.js +3 -3
  37. package/commonjs/utils/index.js +12 -2
  38. package/dist/icon.svg +1 -1
  39. package/dist/iconList.js +1 -1
  40. package/dist/themes/dark/theme.scss +1 -1
  41. package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +1 -1
  42. package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +3 -3
  43. package/dist/themes/light/theme.scss +3 -3
  44. package/dist/types/Badge/Badge.d.ts.map +1 -1
  45. package/dist/types/Banner/styles.d.ts +1 -1
  46. package/dist/types/Checkbox/styles.d.ts +4 -2
  47. package/dist/types/Checkbox/styles.d.ts.map +1 -1
  48. package/dist/types/Drawer/Drawer.d.ts +1 -1
  49. package/dist/types/Drawer/Drawer.d.ts.map +1 -1
  50. package/dist/types/EnumIconNames.d.ts +1 -1
  51. package/dist/types/EnumIconNames.d.ts.map +1 -1
  52. package/dist/types/Icon/Icon.d.ts +19 -1
  53. package/dist/types/Icon/Icon.d.ts.map +1 -1
  54. package/dist/types/Icon/IconTypes.d.ts +3 -2
  55. package/dist/types/Icon/IconTypes.d.ts.map +1 -1
  56. package/dist/types/Input/styles.d.ts.map +1 -1
  57. package/dist/types/PartnerLogo/PartnerLogo.d.ts +1 -1
  58. package/dist/types/PartnerLogo/PartnerLogo.d.ts.map +1 -1
  59. package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts +12 -3
  60. package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts.map +1 -1
  61. package/dist/types/PartnerLogo/index.d.ts +0 -1
  62. package/dist/types/PartnerLogo/index.d.ts.map +1 -1
  63. package/dist/types/Select/Select.d.ts.map +1 -1
  64. package/dist/types/TableRowAccordion/TableRowAccordion.d.ts.map +1 -1
  65. package/dist/types/Textarea/styles.d.ts.map +1 -1
  66. package/dist/types/Toast/Toast.d.ts.map +1 -1
  67. package/dist/types/Toast/styles.d.ts +1 -1
  68. package/dist/types/Token/Token.d.ts.map +1 -1
  69. package/dist/types/TokenInput/TokenInput.d.ts.map +1 -1
  70. package/dist/types/TokenInput/styles.d.ts.map +1 -1
  71. package/dist/types/utils/index.d.ts +5 -0
  72. package/dist/types/utils/index.d.ts.map +1 -1
  73. package/icons/advocacy-outline.svg +2 -2
  74. package/icons/comment-ai-outline.svg +2 -2
  75. package/icons/comment-ai.svg +1 -1
  76. package/icons/dropbox.svg +2 -2
  77. package/icons/facebook-groups.svg +2 -2
  78. package/icons/facebook.svg +2 -2
  79. package/icons/feedly.svg +2 -2
  80. package/icons/flat-negative-sentiment-outline.svg +1 -1
  81. package/icons/flat-neutral-sentiment-outline.svg +1 -1
  82. package/icons/flat-positive-sentiment-outline.svg +1 -1
  83. package/icons/glassdoor.svg +2 -2
  84. package/icons/instagram.svg +2 -2
  85. package/icons/linkedin.svg +2 -2
  86. package/icons/messenger.svg +2 -2
  87. package/icons/pinterest.svg +2 -2
  88. package/icons/reddit-alien.svg +2 -2
  89. package/icons/reddit.svg +2 -2
  90. package/icons/reels-outline.svg +1 -1
  91. package/icons/salesforce.svg +2 -2
  92. package/icons/send-again-outline.svg +1 -1
  93. package/icons/send-again.svg +1 -1
  94. package/icons/tasks-check.svg +1 -1
  95. package/icons/team-sprout-outline.svg +5 -0
  96. package/icons/team-sprout.svg +4 -0
  97. package/icons/tumblr.svg +2 -2
  98. package/icons/twitter.svg +2 -2
  99. package/icons/youtube.svg +2 -2
  100. package/icons/zendesk.svg +2 -2
  101. package/lib/Badge/Badge.js +2 -1
  102. package/lib/Banner/Banner.js +2 -1
  103. package/lib/Breadcrumb/Breadcrumb.js +2 -1
  104. package/lib/Checkbox/styles.js +7 -6
  105. package/lib/DatePicker/common.js +2 -1
  106. package/lib/Drawer/Drawer.js +9 -4
  107. package/lib/Icon/Icon.js +50 -10
  108. package/lib/IconViewBoxes.js +2 -0
  109. package/lib/IllustrationViewBoxes.d.js +1 -0
  110. package/lib/Indicator/Indicator.js +2 -1
  111. package/lib/Input/Input.js +2 -1
  112. package/lib/Input/styles.js +1 -1
  113. package/lib/Listbox/Listbox.js +2 -1
  114. package/lib/LogoViewBoxes.d.js +1 -0
  115. package/lib/PartnerLogo/PartnerLogo.js +14 -13
  116. package/lib/PartnerLogo/PartnerLogoTypes.js +8 -1
  117. package/lib/PartnerLogo/index.js +1 -2
  118. package/lib/PartnerLogo/styles.js +1 -1
  119. package/lib/Select/Select.js +2 -1
  120. package/lib/Switch/Switch.js +1 -0
  121. package/lib/TableHeaderCell/TableHeaderCell.js +2 -1
  122. package/lib/TableRowAccordion/TableRowAccordion.js +6 -2
  123. package/lib/Textarea/styles.js +1 -1
  124. package/lib/Toast/Toast.js +40 -34
  125. package/lib/ToggleHint/ToggleHint.js +4 -2
  126. package/lib/Token/Token.js +16 -2
  127. package/lib/Token/styles.js +1 -1
  128. package/lib/TokenInput/TokenInput.js +3 -1
  129. package/lib/TokenInput/styles.js +3 -3
  130. package/lib/themes/dark/theme.js +1 -1
  131. package/lib/themes/light/theme.js +3 -3
  132. package/lib/utils/index.js +9 -1
  133. package/package.json +3 -2
  134. package/dist/types/PartnerLogo/TypePartnerNames.d.ts +0 -2
  135. package/dist/types/PartnerLogo/TypePartnerNames.d.ts.map +0 -1
  136. /package/commonjs/{PartnerLogo/TypePartnerNames.js → IconViewBoxes.d.js} +0 -0
  137. /package/lib/{PartnerLogo/TypePartnerNames.js → IconViewBoxes.d.js} +0 -0
@@ -1,3 +1,3 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
- <path d="M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm3.533 11.533c0 .78-.634 1.414-1.415 1.414h-4.24c-.78 0-1.414-.633-1.414-1.414h5.654V5.728a.05.05 0 01.052-.051h1.312a.05.05 0 01.05.051v5.805zm0-7.066H5.878v5.805a.05.05 0 01-.05.051H4.514a.05.05 0 01-.051-.051V4.467c0-.78.634-1.414 1.414-1.414h4.24c.781 0 1.415.633 1.415 1.414z"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16">
2
+ <path fill="#0CAA41" d="M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm3.533 11.533c0 .78-.634 1.414-1.415 1.414h-4.24c-.78 0-1.414-.633-1.414-1.414h5.654V5.728a.05.05 0 01.052-.051h1.312a.05.05 0 01.05.051v5.805zm0-7.066H5.878v5.805a.05.05 0 01-.05.051H4.514a.05.05 0 01-.051-.051V4.467c0-.78.634-1.414 1.414-1.414h4.24c.781 0 1.415.633 1.415 1.414z"/>
3
3
  </svg>
@@ -1,3 +1,3 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
- <path fill-rule="evenodd" d="M14.237 12.712a2.703 2.703 0 01-1.52 1.522c-1.053.418-3.552.32-4.715.32-1.165 0-3.667.093-4.717-.32a2.704 2.704 0 01-1.52-1.52c-.416-1.054-.32-3.553-.32-4.716 0-1.165-.093-3.666.32-4.715a2.702 2.702 0 011.52-1.52c1.054-.418 3.552-.322 4.717-.322 1.164 0 3.665-.092 4.715.32a2.703 2.703 0 011.519 1.522c.418 1.054.322 3.552.322 4.715 0 1.164.096 3.666-.321 4.715zM15.944 4.7c-.062-1.282-.355-2.416-1.294-3.351C13.716.41 12.58.12 11.3.056 9.977-.02 6.02-.02 4.7.056 3.42.117 2.286.41 1.349 1.346.409 2.28.12 3.414.056 4.695c-.075 1.32-.075 5.28 0 6.6.061 1.281.354 2.417 1.293 3.351.936.935 2.07 1.23 3.35 1.293 1.322.075 5.278.075 6.6 0 1.282-.062 2.417-.354 3.351-1.293.937-.934 1.228-2.07 1.293-3.351.076-1.32.076-5.275 0-6.596zm-2.719-.971a.954.954 0 01-1.487.796.957.957 0 111.488-.796zm-5.223 6.935a2.672 2.672 0 01-2.668-2.666A2.67 2.67 0 018 5.331a2.67 2.67 0 012.667 2.667 2.671 2.671 0 01-2.666 2.666zm0-6.767a4.095 4.095 0 00-4.102 4.1 4.095 4.095 0 004.1 4.1 4.094 4.094 0 004.101-4.1 4.096 4.096 0 00-4.1-4.1" clip-rule="evenodd"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16">
2
+ <path fill="#E4405F" fill-rule="evenodd" d="M14.237 12.712a2.703 2.703 0 01-1.52 1.522c-1.053.418-3.552.32-4.715.32-1.165 0-3.667.093-4.717-.32a2.704 2.704 0 01-1.52-1.52c-.416-1.054-.32-3.553-.32-4.716 0-1.165-.093-3.666.32-4.715a2.702 2.702 0 011.52-1.52c1.054-.418 3.552-.322 4.717-.322 1.164 0 3.665-.092 4.715.32a2.703 2.703 0 011.519 1.522c.418 1.054.322 3.552.322 4.715 0 1.164.096 3.666-.321 4.715zM15.944 4.7c-.062-1.282-.355-2.416-1.294-3.351C13.716.41 12.58.12 11.3.056 9.977-.02 6.02-.02 4.7.056 3.42.117 2.286.41 1.349 1.346.409 2.28.12 3.414.056 4.695c-.075 1.32-.075 5.28 0 6.6.061 1.281.354 2.417 1.293 3.351.936.935 2.07 1.23 3.35 1.293 1.322.075 5.278.075 6.6 0 1.282-.062 2.417-.354 3.351-1.293.937-.934 1.228-2.07 1.293-3.351.076-1.32.076-5.275 0-6.596zm-2.719-.971a.954.954 0 01-1.487.796.957.957 0 111.488-.796zm-5.223 6.935a2.672 2.672 0 01-2.668-2.666A2.67 2.67 0 018 5.331a2.67 2.67 0 012.667 2.667 2.671 2.671 0 01-2.666 2.666zm0-6.767a4.095 4.095 0 00-4.102 4.1 4.095 4.095 0 004.1 4.1 4.094 4.094 0 004.101-4.1 4.096 4.096 0 00-4.1-4.1" clip-rule="evenodd"/>
3
3
  </svg>
@@ -1,3 +1,3 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
- <path d="M14.857 0H1.14C.511 0 0 .518 0 1.154v13.692C0 15.482.51 16 1.14 16h13.717A1.15 1.15 0 0016 14.846V1.154A1.15 1.15 0 0014.857 0zM4.836 13.714H2.464V6.08H4.84v7.635h-.003zM3.65 5.036a1.376 1.376 0 010-2.75c.757 0 1.375.618 1.375 1.375 0 .76-.614 1.375-1.375 1.375zm10.075 8.678h-2.371V10c0-.886-.018-2.025-1.233-2.025-1.235 0-1.425.964-1.425 1.96v3.78H6.325V6.078H8.6V7.12h.032c.318-.6 1.093-1.232 2.247-1.232 2.4 0 2.846 1.582 2.846 3.64v4.185z"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16">
2
+ <path fill="#0A66C2" d="M14.857 0H1.14C.511 0 0 .518 0 1.154v13.692C0 15.482.51 16 1.14 16h13.717A1.15 1.15 0 0016 14.846V1.154A1.15 1.15 0 0014.857 0zM4.836 13.714H2.464V6.08H4.84v7.635h-.003zM3.65 5.036a1.376 1.376 0 010-2.75c.757 0 1.375.618 1.375 1.375 0 .76-.614 1.375-1.375 1.375zm10.075 8.678h-2.371V10c0-.886-.018-2.025-1.233-2.025-1.235 0-1.425.964-1.425 1.96v3.78H6.325V6.078H8.6V7.12h.032c.318-.6 1.093-1.232 2.247-1.232 2.4 0 2.846 1.582 2.846 3.64v4.185z"/>
3
3
  </svg>
@@ -1,5 +1,5 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
- <path fill-rule="evenodd" d="M0 7.76C0 3.301 3.493 0 8 0s8 3.301 8 7.76-3.493 7.76-8 7.76c-.81 0-1.586-.107-2.316-.307a.639.639 0 00-.427.03l-1.588.702a.64.64 0 01-.898-.566l-.044-1.423a.639.639 0 00-.215-.456C.956 12.108 0 10.092 0 7.76zm5.546-1.459l-2.35 3.728c-.225.358.214.761.551.506l2.525-1.916a.48.48 0 01.578-.002l1.869 1.402a1.2 1.2 0 001.735-.32l2.35-3.728c.226-.358-.214-.761-.551-.506L9.729 7.381a.48.48 0 01-.579.002L7.281 5.98a1.2 1.2 0 00-1.735.32z" clip-rule="evenodd"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16">
2
+ <path fill="url(#paint0_radial_392_143)" fill-rule="evenodd" d="M0 7.76C0 3.301 3.493 0 8 0s8 3.301 8 7.76-3.493 7.76-8 7.76c-.81 0-1.586-.107-2.316-.307a.639.639 0 00-.427.03l-1.588.702a.64.64 0 01-.898-.566l-.044-1.423a.639.639 0 00-.215-.456C.956 12.108 0 10.092 0 7.76zm5.546-1.459l-2.35 3.728c-.225.358.214.761.551.506l2.525-1.916a.48.48 0 01.578-.002l1.869 1.402a1.2 1.2 0 001.735-.32l2.35-3.728c.226-.358-.214-.761-.551-.506L9.729 7.381a.48.48 0 01-.579.002L7.281 5.98a1.2 1.2 0 00-1.735.32z" clip-rule="evenodd"/>
3
3
  <defs>
4
4
  <radialGradient id="paint0_radial_392_143" cx="0" cy="0" r="1" gradientTransform="translate(3.08 15.914) scale(17.4335)" gradientUnits="userSpaceOnUse">
5
5
  <stop stop-color="#09F"/>
@@ -1,3 +1,3 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
- <path d="M16 8a7.999 7.999 0 01-10.368 7.642c.326-.532.813-1.403.994-2.097l.497-1.903c.26.497 1.022.92 1.832.92 2.413 0 4.152-2.22 4.152-4.978 0-2.642-2.159-4.62-4.933-4.62-3.451 0-5.287 2.317-5.287 4.842 0 1.175.626 2.636 1.623 3.1.151.071.232.04.267-.106.026-.11.162-.655.223-.906a.24.24 0 00-.055-.23c-.326-.403-.59-1.138-.59-1.825 0-1.765 1.335-3.471 3.613-3.471 1.964 0 3.342 1.338 3.342 3.255 0 2.164-1.094 3.664-2.516 3.664-.784 0-1.375-.648-1.184-1.445.225-.952.661-1.977.661-2.665 0-.612-.33-1.125-1.013-1.125-.803 0-1.448.829-1.448 1.942 0 .71.238 1.187.238 1.187s-.79 3.348-.935 3.974c-.161.69-.097 1.664-.03 2.297A8.003 8.003 0 010 8c0-4.42 3.58-8 8-8s8 3.58 8 8z"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16">
2
+ <path fill="#E60023" d="M16 8a7.999 7.999 0 01-10.368 7.642c.326-.532.813-1.403.994-2.097l.497-1.903c.26.497 1.022.92 1.832.92 2.413 0 4.152-2.22 4.152-4.978 0-2.642-2.159-4.62-4.933-4.62-3.451 0-5.287 2.317-5.287 4.842 0 1.175.626 2.636 1.623 3.1.151.071.232.04.267-.106.026-.11.162-.655.223-.906a.24.24 0 00-.055-.23c-.326-.403-.59-1.138-.59-1.825 0-1.765 1.335-3.471 3.613-3.471 1.964 0 3.342 1.338 3.342 3.255 0 2.164-1.094 3.664-2.516 3.664-.784 0-1.375-.648-1.184-1.445.225-.952.661-1.977.661-2.665 0-.612-.33-1.125-1.013-1.125-.803 0-1.448.829-1.448 1.942 0 .71.238 1.187.238 1.187s-.79 3.348-.935 3.974c-.161.69-.097 1.664-.03 2.297A8.003 8.003 0 010 8c0-4.42 3.58-8 8-8s8 3.58 8 8z"/>
3
3
  </svg>
@@ -1,3 +1,3 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
- <path d="M14.216 5.787c-.506 0-.951.209-1.278.536-1.204-.833-2.826-1.37-4.624-1.426l.934-4.21 2.975.669c0 .728.593 1.322 1.322 1.322.742 0 1.338-.61 1.338-1.34A1.34 1.34 0 0013.546 0c-.52 0-.968.314-1.19.742L9.07.013c-.166-.043-.327.075-.371.24l-1.025 4.64c-1.784.074-3.39.61-4.597 1.444a1.79 1.79 0 00-1.295-.55c-1.875 0-2.489 2.516-.772 3.376-.06.266-.088.55-.088.832 0 2.827 3.184 5.116 7.092 5.116 3.926 0 7.109-2.29 7.109-5.116 0-.283-.03-.58-.105-.846 1.683-.863 1.063-3.362-.802-3.362zM3.73 9.34c0-.742.594-1.339 1.34-1.339.728 0 1.321.594 1.321 1.34 0 .728-.593 1.321-1.322 1.321A1.328 1.328 0 013.73 9.34zm7.227 3.153c-1.227 1.228-4.69 1.228-5.918 0-.135-.118-.135-.327 0-.462a.324.324 0 01.445 0c.937.961 4.047.978 5.025 0a.324.324 0 01.445 0c.138.135.138.344.003.462zm-.027-1.827a1.324 1.324 0 01-1.32-1.321 1.33 1.33 0 111.322 1.322z"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16">
2
+ <path fill="#FF4500" d="M14.216 5.787c-.506 0-.951.209-1.278.536-1.204-.833-2.826-1.37-4.624-1.426l.934-4.21 2.975.669c0 .728.593 1.322 1.322 1.322.742 0 1.338-.61 1.338-1.34A1.34 1.34 0 0013.546 0c-.52 0-.968.314-1.19.742L9.07.013c-.166-.043-.327.075-.371.24l-1.025 4.64c-1.784.074-3.39.61-4.597 1.444a1.79 1.79 0 00-1.295-.55c-1.875 0-2.489 2.516-.772 3.376-.06.266-.088.55-.088.832 0 2.827 3.184 5.116 7.092 5.116 3.926 0 7.109-2.29 7.109-5.116 0-.283-.03-.58-.105-.846 1.683-.863 1.063-3.362-.802-3.362zM3.73 9.34c0-.742.594-1.339 1.34-1.339.728 0 1.321.594 1.321 1.34 0 .728-.593 1.321-1.322 1.321A1.328 1.328 0 013.73 9.34zm7.227 3.153c-1.227 1.228-4.69 1.228-5.918 0-.135-.118-.135-.327 0-.462a.324.324 0 01.445 0c.937.961 4.047.978 5.025 0a.324.324 0 01.445 0c.138.135.138.344.003.462zm-.027-1.827a1.324 1.324 0 01-1.32-1.321 1.33 1.33 0 111.322 1.322z"/>
3
3
  </svg>
package/icons/reddit.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
- <path d="M6.242 9.597a.8.8 0 11-.008-1.599.8.8 0 01.008 1.599zM16 8c0 4.42-3.58 8-8 8s-8-3.58-8-8 3.58-8 8-8 8 3.58 8 8zm-4.268-1.329a1.08 1.08 0 00-.768.323c-.722-.5-1.696-.823-2.777-.859l.561-2.525 1.788.403c0 .439.357.793.793.793a.805.805 0 00.803-.803.805.805 0 00-.803-.803.807.807 0 00-.713.445l-1.974-.439c-.097-.025-.197.046-.223.142l-.616 2.787c-1.07.046-2.035.365-2.758.865a1.069 1.069 0 00-.777-.329c-1.126 0-1.494 1.513-.465 2.026a2.328 2.328 0 00-.055.5c0 1.697 1.91 3.07 4.258 3.07 2.358 0 4.268-1.373 4.268-3.07 0-.171-.02-.349-.061-.51 1.01-.516.639-2.016-.48-2.016zM9.51 10.419c-.587.588-2.455.578-3.02 0a.195.195 0 00-.267 0c-.081.081-.081.207 0 .278.735.735 2.816.735 3.554 0 .081-.071.081-.197 0-.278a.195.195 0 00-.267 0zM9.758 8a.797.797 0 00-.793.803A.8.8 0 109.759 8z"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16">
2
+ <path fill="#FF4500" d="M6.242 9.597a.8.8 0 11-.008-1.599.8.8 0 01.008 1.599zM16 8c0 4.42-3.58 8-8 8s-8-3.58-8-8 3.58-8 8-8 8 3.58 8 8zm-4.268-1.329a1.08 1.08 0 00-.768.323c-.722-.5-1.696-.823-2.777-.859l.561-2.525 1.788.403c0 .439.357.793.793.793a.805.805 0 00.803-.803.805.805 0 00-.803-.803.807.807 0 00-.713.445l-1.974-.439c-.097-.025-.197.046-.223.142l-.616 2.787c-1.07.046-2.035.365-2.758.865a1.069 1.069 0 00-.777-.329c-1.126 0-1.494 1.513-.465 2.026a2.328 2.328 0 00-.055.5c0 1.697 1.91 3.07 4.258 3.07 2.358 0 4.268-1.373 4.268-3.07 0-.171-.02-.349-.061-.51 1.01-.516.639-2.016-.48-2.016zM9.51 10.419c-.587.588-2.455.578-3.02 0a.195.195 0 00-.267 0c-.081.081-.081.207 0 .278.735.735 2.816.735 3.554 0 .081-.071.081-.197 0-.278a.195.195 0 00-.267 0zM9.758 8a.797.797 0 00-.793.803A.8.8 0 109.759 8z"/>
3
3
  </svg>
@@ -1,4 +1,4 @@
1
1
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
2
  <path fill-rule="evenodd" d="M5.492 0c-1.09 0-1.914.134-2.574.384a4.323 4.323 0 00-1.527.99l-.018.017a4.314 4.314 0 00-.989 1.527C.132 3.578 0 4.4 0 5.49v5.017c0 1.09.134 1.914.383 2.576.254.673.613 1.136.989 1.527l.019.016c.388.377.852.734 1.527.989.66.25 1.483.384 2.574.384h5.016c1.09 0 1.914-.134 2.574-.384a4.322 4.322 0 001.527-.99l.018-.016a4.28 4.28 0 00.989-1.526c.25-.662.384-1.484.384-2.576V5.492c0-1.09-.134-1.914-.384-2.574a4.315 4.315 0 00-.99-1.527l-.016-.018a4.323 4.323 0 00-1.528-.989C12.422.134 11.6 0 10.51 0H5.492zM1.744 3.43a2.85 2.85 0 01.666-1.018c.291-.281.59-.505 1.02-.668.22-.081.447-.142.678-.182l1.185 2.074H1.674c.022-.072.045-.14.07-.206zm-.282 1.662a8.92 8.92 0 00-.007.4v5.017c0 .98.12 1.615.289 2.063.163.43.385.727.666 1.018.291.28.59.505 1.02.668.448.168 1.083.289 2.062.289h5.016c.979 0 1.614-.12 2.062-.291a2.866 2.866 0 001.02-.665c.28-.29.503-.589.666-1.02.169-.447.29-1.082.29-2.062V5.492c0-.14-.003-.273-.008-.4H1.462zm12.864-1.454a2.86 2.86 0 00-.736-1.228 2.865 2.865 0 00-1.02-.666c-.448-.169-1.084-.29-2.062-.29h-.16l1.246 2.184h2.732zM8.672 1.455h-2.95L6.97 3.638h2.95L8.672 1.455z" clip-rule="evenodd"/>
3
- <path fill="#364141" fill-rule="evenodd" d="M6.372 12.12a.66.66 0 01-.33-.574V7.731a.66.66 0 01.994-.573l3.304 1.908a.661.661 0 010 1.146L7.036 12.12a.662.662 0 01-.664 0z" clip-rule="evenodd"/>
3
+ <path fill-rule="evenodd" d="M6.372 12.12a.66.66 0 01-.33-.574V7.731a.66.66 0 01.994-.573l3.304 1.908a.661.661 0 010 1.146L7.036 12.12a.662.662 0 01-.664 0z" clip-rule="evenodd"/>
4
4
  </svg>
@@ -1,3 +1,3 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16">
2
- <path d="M7.778 7.676h-.824c.022-.161.104-.441.427-.441.21 0 .374.12.397.441zm4.27-.434c-.014 0-.44-.055-.44.625s.425.625.44.625c.407 0 .441-.423.441-.625 0-.68-.427-.625-.44-.625zm-7.6.743a.27.27 0 00-.103.228c0 .15.065.189.103.22.147.116.47.066.654.03v-.53c-.166-.033-.523-.06-.654.052zM20 7.25c0 2.737-2.5 4.825-5.168 4.263-.574 1.032-2.21 2.211-4.13 1.301-1.287 3.002-5.56 2.881-6.682-.161-3.742.746-5.589-4.324-2.353-6.228C.581 3.943 2.375 1 5.24 1a3.883 3.883 0 013.08 1.522 3.521 3.521 0 012.535-1.088c1.324 0 2.47.735 3.088 1.83C16.843 1.994 20 4.147 20 7.25zm-16.236.994c0-.368-.365-.474-.558-.537-.165-.066-.42-.11-.42-.28 0-.295.532-.207.787-.065 0 0 .037.022.051-.015l.081-.228a.035.035 0 00-.022-.044c-.385-.238-1.272-.266-1.272.397 0 .39.36.482.56.536.147.05.41.094.41.272 0 .125-.11.22-.286.22a.992.992 0 01-.594-.197c-.014-.008-.044-.023-.051.022l-.075.233c-.015.03.007.037.007.044.055.044.322.206.713.206.412 0 .669-.22.669-.566v.002zm1-1.33c-.317 0-.583.098-.669.161a.031.031 0 00-.007.044l.08.22a.031.031 0 00.038.023c.02 0 .212-.125.529-.125.125 0 .22.022.286.073.113.088.096.26.096.33-.15-.008-.597-.107-.919.118a.529.529 0 00-.23.455c0 .184.048.325.207.448.382.255 1.133.063 1.19.044.05-.01.11-.02.11-.058v-1.06c.002-.143.01-.675-.711-.675v.001zm1.455-.656a.035.035 0 00-.037-.037h-.307a.035.035 0 00-.037.037v2.468a.035.035 0 00.037.037h.309a.035.035 0 00.037-.037l-.002-2.469zm1.742.904c-.066-.073-.212-.236-.552-.236-.11 0-.442.007-.647.28-.198.238-.205.566-.205.669 0 .097.004.445.22.661.083.091.284.257.713.257.338 0 .515-.073.58-.117.016-.008.023-.022.008-.059l-.073-.213a.04.04 0 00-.044-.022c-.081.03-.199.088-.478.088-.544 0-.527-.46-.53-.522h1.162a.038.038 0 00.037-.03c-.01 0 .064-.459-.19-.756H7.96zm1.146 1.646c.412 0 .67-.22.67-.566 0-.367-.366-.474-.56-.536-.129-.052-.418-.106-.418-.28 0-.117.102-.198.264-.198.182.003.36.049.522.132 0 0 .037.022.052-.015.007-.022.073-.205.08-.228a.035.035 0 00-.021-.044c-.248-.153-.524-.154-.633-.154-.375 0-.639.228-.639.551 0 .39.359.483.558.537.191.062.412.102.412.272 0 .125-.11.22-.287.22a.994.994 0 01-.593-.198.031.031 0 00-.052.022l-.073.235c-.015.03.007.037.007.044.054.044.323.206.712.206zM11.16 7c0-.022-.008-.037-.037-.037h-.367c0-.004.029-.28.14-.39.13-.13.367-.05.374-.05.037.014.044 0 .051-.015l.089-.243c.022-.03 0-.037-.008-.044-.159-.063-.542-.09-.764.132-.171.171-.219.435-.25.61h-.265a.04.04 0 00-.036.037l-.045.242c0 .022.008.037.037.037h.258c-.266 1.497-.274 1.57-.324 1.735-.034.113-.103.216-.184.243-.002 0-.12.052-.3-.008 0 0-.03-.015-.045.022-.007.022-.08.213-.088.236-.008.022 0 .044.014.044.16.062.407.055.559 0 .196-.072.304-.247.36-.405.086-.24.088-.306.368-1.867h.382a.04.04 0 00.037-.037L11.159 7zm1.668.5c-.017-.053-.159-.566-.786-.566-.477 0-.719.313-.786.566-.032.094-.1.438 0 .735.002.01.137.566.786.566.467 0 .716-.3.786-.566.1-.3.032-.641 0-.735zm1.42-.522c-.157-.051-.52-.06-.692.17v-.14c0-.005 0-.01-.002-.015a.035.035 0 00-.035-.022h-.293a.035.035 0 00-.037.037v1.727a.034.034 0 00.023.035l.014.002h.3a.035.035 0 00.035-.023.035.035 0 00.003-.014v-.868c0-.09.001-.355.14-.47.152-.153.374-.105.418-.096a.05.05 0 00.044-.03c.037-.08.069-.164.096-.25a.036.036 0 00-.015-.043zm1.462 1.69l-.066-.227c-.015-.037-.044-.022-.044-.022a1.021 1.021 0 01-.353.059c-.145 0-.537-.035-.537-.618 0-.194.058-.617.515-.617a1.09 1.09 0 01.36.051s.03.015.037-.022c.03-.08.051-.14.08-.235.008-.03-.014-.037-.021-.037-.363-.12-.698-.079-.868 0-.05.023-.507.203-.507.86 0 .09-.018.941.904.941.166 0 .33-.03.485-.088a.04.04 0 00.015-.045zm1.683-1.234a.686.686 0 00-.698-.507c-.5 0-.735.316-.801.58a1.21 1.21 0 00-.052.368c0 .808.589.919.934.919.338 0 .514-.074.58-.118.015-.007.023-.022.008-.059l-.074-.213a.04.04 0 00-.044-.022c-.08.03-.198.088-.478.088-.544 0-.526-.46-.529-.522H17.4a.04.04 0 00.037-.029c-.008 0 .029-.22-.045-.486zm-.727-.199c-.323 0-.407.282-.427.442h.824c-.027-.373-.238-.442-.397-.442z"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 16">
2
+ <path fill="#1589EE" d="M7.778 7.676h-.824c.022-.161.104-.441.427-.441.21 0 .374.12.397.441zm4.27-.434c-.014 0-.44-.055-.44.625s.425.625.44.625c.407 0 .441-.423.441-.625 0-.68-.427-.625-.44-.625zm-7.6.743a.27.27 0 00-.103.228c0 .15.065.189.103.22.147.116.47.066.654.03v-.53c-.166-.033-.523-.06-.654.052zM20 7.25c0 2.737-2.5 4.825-5.168 4.263-.574 1.032-2.21 2.211-4.13 1.301-1.287 3.002-5.56 2.881-6.682-.161-3.742.746-5.589-4.324-2.353-6.228C.581 3.943 2.375 1 5.24 1a3.883 3.883 0 013.08 1.522 3.521 3.521 0 012.535-1.088c1.324 0 2.47.735 3.088 1.83C16.843 1.994 20 4.147 20 7.25zm-16.236.994c0-.368-.365-.474-.558-.537-.165-.066-.42-.11-.42-.28 0-.295.532-.207.787-.065 0 0 .037.022.051-.015l.081-.228a.035.035 0 00-.022-.044c-.385-.238-1.272-.266-1.272.397 0 .39.36.482.56.536.147.05.41.094.41.272 0 .125-.11.22-.286.22a.992.992 0 01-.594-.197c-.014-.008-.044-.023-.051.022l-.075.233c-.015.03.007.037.007.044.055.044.322.206.713.206.412 0 .669-.22.669-.566v.002zm1-1.33c-.317 0-.583.098-.669.161a.031.031 0 00-.007.044l.08.22a.031.031 0 00.038.023c.02 0 .212-.125.529-.125.125 0 .22.022.286.073.113.088.096.26.096.33-.15-.008-.597-.107-.919.118a.529.529 0 00-.23.455c0 .184.048.325.207.448.382.255 1.133.063 1.19.044.05-.01.11-.02.11-.058v-1.06c.002-.143.01-.675-.711-.675v.001zm1.455-.656a.035.035 0 00-.037-.037h-.307a.035.035 0 00-.037.037v2.468a.035.035 0 00.037.037h.309a.035.035 0 00.037-.037l-.002-2.469zm1.742.904c-.066-.073-.212-.236-.552-.236-.11 0-.442.007-.647.28-.198.238-.205.566-.205.669 0 .097.004.445.22.661.083.091.284.257.713.257.338 0 .515-.073.58-.117.016-.008.023-.022.008-.059l-.073-.213a.04.04 0 00-.044-.022c-.081.03-.199.088-.478.088-.544 0-.527-.46-.53-.522h1.162a.038.038 0 00.037-.03c-.01 0 .064-.459-.19-.756H7.96zm1.146 1.646c.412 0 .67-.22.67-.566 0-.367-.366-.474-.56-.536-.129-.052-.418-.106-.418-.28 0-.117.102-.198.264-.198.182.003.36.049.522.132 0 0 .037.022.052-.015.007-.022.073-.205.08-.228a.035.035 0 00-.021-.044c-.248-.153-.524-.154-.633-.154-.375 0-.639.228-.639.551 0 .39.359.483.558.537.191.062.412.102.412.272 0 .125-.11.22-.287.22a.994.994 0 01-.593-.198.031.031 0 00-.052.022l-.073.235c-.015.03.007.037.007.044.054.044.323.206.712.206zM11.16 7c0-.022-.008-.037-.037-.037h-.367c0-.004.029-.28.14-.39.13-.13.367-.05.374-.05.037.014.044 0 .051-.015l.089-.243c.022-.03 0-.037-.008-.044-.159-.063-.542-.09-.764.132-.171.171-.219.435-.25.61h-.265a.04.04 0 00-.036.037l-.045.242c0 .022.008.037.037.037h.258c-.266 1.497-.274 1.57-.324 1.735-.034.113-.103.216-.184.243-.002 0-.12.052-.3-.008 0 0-.03-.015-.045.022-.007.022-.08.213-.088.236-.008.022 0 .044.014.044.16.062.407.055.559 0 .196-.072.304-.247.36-.405.086-.24.088-.306.368-1.867h.382a.04.04 0 00.037-.037L11.159 7zm1.668.5c-.017-.053-.159-.566-.786-.566-.477 0-.719.313-.786.566-.032.094-.1.438 0 .735.002.01.137.566.786.566.467 0 .716-.3.786-.566.1-.3.032-.641 0-.735zm1.42-.522c-.157-.051-.52-.06-.692.17v-.14c0-.005 0-.01-.002-.015a.035.035 0 00-.035-.022h-.293a.035.035 0 00-.037.037v1.727a.034.034 0 00.023.035l.014.002h.3a.035.035 0 00.035-.023.035.035 0 00.003-.014v-.868c0-.09.001-.355.14-.47.152-.153.374-.105.418-.096a.05.05 0 00.044-.03c.037-.08.069-.164.096-.25a.036.036 0 00-.015-.043zm1.462 1.69l-.066-.227c-.015-.037-.044-.022-.044-.022a1.021 1.021 0 01-.353.059c-.145 0-.537-.035-.537-.618 0-.194.058-.617.515-.617a1.09 1.09 0 01.36.051s.03.015.037-.022c.03-.08.051-.14.08-.235.008-.03-.014-.037-.021-.037-.363-.12-.698-.079-.868 0-.05.023-.507.203-.507.86 0 .09-.018.941.904.941.166 0 .33-.03.485-.088a.04.04 0 00.015-.045zm1.683-1.234a.686.686 0 00-.698-.507c-.5 0-.735.316-.801.58a1.21 1.21 0 00-.052.368c0 .808.589.919.934.919.338 0 .514-.074.58-.118.015-.007.023-.022.008-.059l-.074-.213a.04.04 0 00-.044-.022c-.08.03-.198.088-.478.088-.544 0-.526-.46-.529-.522H17.4a.04.04 0 00.037-.029c-.008 0 .029-.22-.045-.486zm-.727-.199c-.323 0-.407.282-.427.442h.824c-.027-.373-.238-.442-.397-.442z"/>
3
3
  </svg>
@@ -1,4 +1,4 @@
1
1
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
2
2
  <path d="M1.881 6.38l13.993-4.254L13.937 8.5h1.567l2.077-6.834A1 1 0 0016.334.42L.703 5.169a1 1 0 00-.46 1.617l3.507 3.997v2.567a.9.9 0 00.9.9h2.568L8.5 15.376V13.38l-.717-.63H5.25l7.231-7.231c.216-.216-.07-.557-.32-.382l-7.043 4.93L1.881 6.38zM11.988 18h-.234c.078.01.156.01.234 0z"/>
3
- <path fill="#364141" d="M11.5 17.086V18H10v-3.75h3.5v1.5h-1.244a2.572 2.572 0 004.21-.886l1.398.546a4.072 4.072 0 01-6.364 1.676zm5-6.172V10H18v3.75h-3.5v-1.5h1.244a2.572 2.572 0 00-4.21.886l-1.398-.546a4.072 4.072 0 016.364-1.676z"/>
3
+ <path d="M11.5 17.086V18H10v-3.75h3.5v1.5h-1.244a2.572 2.572 0 004.21-.886l1.398.546a4.072 4.072 0 01-6.364 1.676zm5-6.172V10H18v3.75h-3.5v-1.5h1.244a2.572 2.572 0 00-4.21.886l-1.398-.546a4.072 4.072 0 016.364-1.676z"/>
4
4
  </svg>
@@ -1,4 +1,4 @@
1
1
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
2
2
  <path fill-rule="evenodd" d="M16.416.33L.726 5.283a1 1 0 00-.443 1.62L3.5 10.5v3a1 1 0 001 1h3l1 .895V13.5a5 5 0 015-5h1.987l2.184-6.916A1 1 0 0016.416.329zM5 10l8.042-5.744c.25-.179.54.163.322.38L5 13v-3z" clip-rule="evenodd"/>
3
- <path fill="#364141" d="M11.5 17.086V18H10v-3.75h3.5v1.5h-1.244a2.572 2.572 0 004.21-.886l1.398.546a4.072 4.072 0 01-6.364 1.676zm5-6.171V10H18v3.75h-3.5v-1.5h1.244a2.572 2.572 0 00-4.21.886l-1.398-.546a4.072 4.072 0 016.364-1.675z"/>
3
+ <path d="M11.5 17.086V18H10v-3.75h3.5v1.5h-1.244a2.572 2.572 0 004.21-.886l1.398.546a4.072 4.072 0 01-6.364 1.676zm5-6.171V10H18v3.75h-3.5v-1.5h1.244a2.572 2.572 0 00-4.21.886l-1.398-.546a4.072 4.072 0 016.364-1.675z"/>
4
4
  </svg>
@@ -1,4 +1,4 @@
1
1
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
2
  <path d="M1.75 0h6.377a5.251 5.251 0 003.314 8.438A3.26 3.26 0 0112 10.25a.75.75 0 01-.75.75H7v3.25a.25.25 0 01-.026.112l-.75 1.5a.25.25 0 01-.448 0l-.75-1.5A.25.25 0 015 14.25V11H.75a.75.75 0 01-.75-.75C0 8.664 1.17 7.4 2.687 6.696L3.069 3H1.75A.75.75 0 011 2.25V.75A.75.75 0 011.75 0z"/>
3
- <path fill="#364141" d="M15.55 2.01L11.8 6.048 9.002 3.561l.996-1.122L11.7 3.952 14.45.99l1.1 1.02z"/>
3
+ <path d="M15.55 2.01L11.8 6.048 9.002 3.561l.996-1.122L11.7 3.952 14.45.99l1.1 1.02z"/>
4
4
  </svg>
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
2
+ <path fill-rule="evenodd" d="M10.344 9.313a2.844 2.844 0 100-5.688 2.844 2.844 0 000 5.688zm0-1.5a1.344 1.344 0 100-2.688 1.344 1.344 0 000 2.688z" clip-rule="evenodd"/>
3
+ <path fill-rule="evenodd" d="M3 6a5 5 0 015-5h8.5A1.5 1.5 0 0118 2.5V10a5 5 0 01-5 5H4.5A1.5 1.5 0 013 13.5V6zm5-3.5h8.5V10c0 .303-.039.598-.111.879-1.68-.713-3.707-1.129-5.889-1.129-2.23 0-4.3.435-6 1.176V6A3.5 3.5 0 018 2.5zM4.5 12.586v.914H13c1.09 0 2.065-.499 2.707-1.28-1.456-.602-3.244-.97-5.207-.97-2.337 0-4.425.522-6 1.336z" clip-rule="evenodd"/>
4
+ <path d="M0 9a4.98 4.98 0 011.5-3.57V15A1.5 1.5 0 003 16.5h10.57A4.985 4.985 0 0110 18H2a2 2 0 01-2-2V9z"/>
5
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18">
2
+ <path fill-rule="evenodd" d="M8 1a5 5 0 00-5 5v7.5A1.5 1.5 0 004.5 15H13a5 5 0 005-5V2.5A1.5 1.5 0 0016.5 1H8zM4.5 11.364c1.7-.742 3.77-1.177 6-1.177 2.129 0 4.11.397 5.765 1.077A3.501 3.501 0 0113 13.5H4.5v-2.136zm8.64-5.114a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" clip-rule="evenodd"/>
3
+ <path d="M1.5 5.43A4.985 4.985 0 000 9v7a2 2 0 002 2h8a4.985 4.985 0 003.57-1.5H3A1.5 1.5 0 011.5 15V5.43z"/>
4
+ </svg>
package/icons/tumblr.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
- <path d="M14.286 0H1.714C.768 0 0 .768 0 1.714v12.572C0 15.232.768 16 1.714 16h12.572c.946 0 1.714-.768 1.714-1.714V1.714C16 .768 15.232 0 14.286 0zm-2.94 13.007c-.303.325-1.114.707-2.175.707-2.696 0-3.282-1.982-3.282-3.139V7.361H4.83a.223.223 0 01-.222-.222V5.621c0-.16.1-.303.254-.357C6.247 4.775 6.68 3.568 6.744 2.65c.018-.246.146-.364.357-.364h1.582c.122 0 .222.1.222.221V5.08h1.853c.122 0 .222.1.222.221v1.825c0 .121-.1.221-.222.221h-1.86v2.975c0 .765.528 1.197 1.517.8.107-.042.2-.071.286-.05.079.018.129.075.164.175l.493 1.436c.036.114.072.24-.01.325z"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16">
2
+ <path fill="#35465C" d="M14.286 0H1.714C.768 0 0 .768 0 1.714v12.572C0 15.232.768 16 1.714 16h12.572c.946 0 1.714-.768 1.714-1.714V1.714C16 .768 15.232 0 14.286 0zm-2.94 13.007c-.303.325-1.114.707-2.175.707-2.696 0-3.282-1.982-3.282-3.139V7.361H4.83a.223.223 0 01-.222-.222V5.621c0-.16.1-.303.254-.357C6.247 4.775 6.68 3.568 6.744 2.65c.018-.246.146-.364.357-.364h1.582c.122 0 .222.1.222.221V5.08h1.853c.122 0 .222.1.222.221v1.825c0 .121-.1.221-.222.221h-1.86v2.975c0 .765.528 1.197 1.517.8.107-.042.2-.071.286-.05.079.018.129.075.164.175l.493 1.436c.036.114.072.24-.01.325z"/>
3
3
  </svg>
package/icons/twitter.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 16">
2
- <path d="M15.253 4.489c.01.153.01.306.01.46C15.263 9.618 11.758 15 5.35 15A9.748 9.748 0 010 13.414c.28.033.55.044.841.044a6.917 6.917 0 004.326-1.51 3.497 3.497 0 01-3.258-2.45 3.66 3.66 0 001.575-.065A3.521 3.521 0 01.69 5.966v-.044a3.473 3.473 0 001.575.448A3.543 3.543 0 01.712 3.428c0-.656.172-1.258.475-1.783A9.86 9.86 0 008.37 5.342a4.042 4.042 0 01-.087-.81C8.284 2.587 9.838 1 11.768 1c1.004 0 1.91.427 2.546 1.116a6.802 6.802 0 002.211-.854 3.515 3.515 0 01-1.531 1.947A6.91 6.91 0 0017 2.663a7.548 7.548 0 01-1.747 1.826z"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 16">
2
+ <path fill="#1DA1F2" d="M15.253 4.489c.01.153.01.306.01.46C15.263 9.618 11.758 15 5.35 15A9.748 9.748 0 010 13.414c.28.033.55.044.841.044a6.917 6.917 0 004.326-1.51 3.497 3.497 0 01-3.258-2.45 3.66 3.66 0 001.575-.065A3.521 3.521 0 01.69 5.966v-.044a3.473 3.473 0 001.575.448A3.543 3.543 0 01.712 3.428c0-.656.172-1.258.475-1.783A9.86 9.86 0 008.37 5.342a4.042 4.042 0 01-.087-.81C8.284 2.587 9.838 1 11.768 1c1.004 0 1.91.427 2.546 1.116a6.802 6.802 0 002.211-.854 3.515 3.515 0 01-1.531 1.947A6.91 6.91 0 0017 2.663a7.548 7.548 0 01-1.747 1.826z"/>
3
3
  </svg>
package/icons/youtube.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 15">
2
- <path d="M15.666 3.721A1.988 1.988 0 0014.25 2.33C13.003 2 8 2 8 2s-5.003 0-6.251.329A1.988 1.988 0 00.334 3.721C0 4.95 0 7.511 0 7.511s0 2.562.334 3.79c.184.678.727 1.189 1.415 1.37C2.997 13 8 13 8 13s5.003 0 6.251-.329c.689-.181 1.23-.692 1.415-1.37.334-1.228.334-3.79.334-3.79s0-2.562-.334-3.79zM6.364 9.837V5.185l4.181 2.326-4.181 2.326z"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 15">
2
+ <path fill="red" d="M15.666 3.721A1.988 1.988 0 0014.25 2.33C13.003 2 8 2 8 2s-5.003 0-6.251.329A1.988 1.988 0 00.334 3.721C0 4.95 0 7.511 0 7.511s0 2.562.334 3.79c.184.678.727 1.189 1.415 1.37C2.997 13 8 13 8 13s5.003 0 6.251-.329c.689-.181 1.23-.692 1.415-1.37.334-1.228.334-3.79.334-3.79s0-2.562-.334-3.79zM6.364 9.837V5.185l4.181 2.326-4.181 2.326z"/>
3
3
  </svg>
package/icons/zendesk.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
2
- <path d="M7.39 14.124V5.202L0 14.124h7.39zM6.308 4.613A3.695 3.695 0 007.39 2H0a3.695 3.695 0 006.308 2.613zm3.382 6.899a3.695 3.695 0 00-1.082 2.613h7.39a3.695 3.695 0 00-6.308-2.613zM8.608 2v8.923L16 2H8.608z"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16">
2
+ <path fill="#03363D" d="M7.39 14.124V5.202L0 14.124h7.39zM6.308 4.613A3.695 3.695 0 007.39 2H0a3.695 3.695 0 006.308 2.613zm3.382 6.899a3.695 3.695 0 00-1.082 2.613h7.39a3.695 3.695 0 00-6.308-2.613zM8.608 2v8.923L16 2H8.608z"/>
3
3
  </svg>
@@ -42,7 +42,8 @@ var Badge = function Badge(_ref) {
42
42
  }, iconName ? /*#__PURE__*/React.createElement(Icon, {
43
43
  mr: 200,
44
44
  name: iconName,
45
- size: size === 'small' ? 'mini' : 'default'
45
+ size: size === 'small' ? 'mini' : 'default',
46
+ "aria-hidden": true
46
47
  }) : null, children || text));
47
48
  };
48
49
  export default Badge;
@@ -72,7 +72,8 @@ var Banner = function Banner(_ref) {
72
72
  onClick: onClose,
73
73
  ariaLabel: closeButtonLabel
74
74
  }, /*#__PURE__*/React.createElement(Icon, {
75
- name: "x"
75
+ name: "x",
76
+ "aria-hidden": true
76
77
  })))));
77
78
  };
78
79
  export default Banner;
@@ -40,7 +40,8 @@ var Breadcrumb = function Breadcrumb(_ref2) {
40
40
  px: 200,
41
41
  py: 0
42
42
  }, /*#__PURE__*/React.createElement(Icon, {
43
- name: "dotdotdot"
43
+ name: "dotdotdot",
44
+ "aria-hidden": true
44
45
  }))), listItems.map(function (item, i) {
45
46
  // @ts-notes - item is a childNode which can be a string or number but `cloneElement` requires props
46
47
  var itemElem = _typeof(item) === 'object' && 'props' in item ? item : /*#__PURE__*/React.createElement("span", null, "item");
@@ -47,13 +47,14 @@ export var CheckboxBox = styled.div.withConfig({
47
47
  return props.theme.easing.ease_in;
48
48
  });
49
49
  CheckboxBox.displayName = 'CheckboxBox';
50
- export var CheckIcon = styled(Icon).withConfig({
50
+ export var CheckIcon = styled(Icon).attrs({
51
+ 'aria-hidden': true
52
+ }).withConfig({
51
53
  displayName: "styles__CheckIcon",
52
54
  componentId: "sc-1hcgibh-3"
53
- })(["position:absolute;display:inline-flex;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:all ", " ", ";&,& .Icon-svg{width:10px;height:10px;line-height:10px;}"], function (props) {
54
- return props.theme.duration.fast;
55
- }, function (props) {
56
- return props.theme.easing.ease_inout;
55
+ })(["position:absolute;display:inline-flex;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:all ", ";&,& .Icon-svg{width:10px;height:10px;line-height:10px;}"], function (_ref) {
56
+ var theme = _ref.theme;
57
+ return "".concat(theme.duration.fast, " ").concat(theme.easing.ease_inout);
57
58
  });
58
59
  CheckIcon.displayName = 'CheckIcon';
59
60
  export var PillInput = styled.input.withConfig({
@@ -118,6 +119,6 @@ export var CheckboxContainer = styled.span.withConfig({
118
119
  displayName: "styles__CheckboxContainer",
119
120
  componentId: "sc-1hcgibh-6"
120
121
  })(function (props) {
121
- return css(["display:inline-flex;align-items:center;box-sizing:border-box;position:relative;transition:all ", " ", ";@supports (-webkit-appearance:none){&:before{content:url('data:image/svg+xml;utf8,", "');opacity:", ";position:absolute;width:", ";height:", ";text-align:center;transform:translateY(1px);line-height:1;margin:auto;pointer-events:none;transition:", " ", ";}&:hover:before{opacity:", ";}", " input[type='checkbox']{box-sizing:border-box;appearance:none;margin:0;padding:0;width:", ";height:", ";border:1px solid ", ";border-radius:4px;background-color:", ";transition:all ", " ", ";cursor:", ";flex-shrink:0;&:not(:checked){", "}&:checked{border-color:", ";background-color:", ";}", " &:focus{", "}}}", ""], props.theme.duration.fast, props.theme.easing.ease_in, renderToStaticMarkup(getIcon(props.indeterminate ? 'indeterminate' : 'check', props.checked ? props.theme.colors.form.background.base : props.theme.colors.form.border.base)), props.checked ? 1 : 0, props.theme.space[400], props.theme.space[400], props.theme.duration.fast, props.theme.easing.ease_inout, props.disabled && !props.checked ? 0 : 1, props.disabled && css(["opacity:0.4;"]), props.theme.space[400], props.theme.space[400], props.theme.colors.form.border.base, props.theme.colors.form.background.base, props.theme.duration.fast, props.theme.easing.ease_in, props.disabled ? 'not-allowed' : 'pointer', !props.indeterminate && css(["border-color:", " !important;background-color:", ";"], props.theme.colors.neutral[300], props.theme.colors.form.background.base), props.theme.colors.form.border.selected, props.theme.colors.form.background.selected, props.indeterminate && props.checked && css(["border-color:", " !important;background-color:", " !important;"], props.theme.colors.form.border.selected, props.theme.colors.form.background.selected), focusRing, COMMON);
122
+ return css(["display:inline-flex;align-items:center;box-sizing:border-box;position:relative;transition:all ", " ", ";@supports (-webkit-appearance:none){&:before{content:url('data:image/svg+xml;utf8,", "');opacity:", ";position:absolute;width:", ";height:", ";text-align:center;transform:translateY(1px);line-height:1;margin:auto;pointer-events:none;transition:", " ", ";}&:hover:before{opacity:", ";}", " input[type='checkbox']{box-sizing:border-box;appearance:none;margin:0;padding:0;width:", ";height:", ";border:1px solid ", ";border-radius:4px;background-color:", ";transition:all ", " ", ";cursor:", ";flex-shrink:0;&:not(:checked){", "}&:checked{border-color:", ";background-color:", ";}", " &:focus{", "}}}", ""], props.theme.duration.fast, props.theme.easing.ease_in, renderToStaticMarkup(getIcon(props.indeterminate ? 'indeterminate' : 'check', props.checked ? props.theme.colors.form.background.base : props.theme.colors.form.border.base)), props.checked ? 1 : 0, props.theme.space[400], props.theme.space[400], props.theme.duration.fast, props.theme.easing.ease_inout, props.disabled && !props.checked ? 0 : 1, props.disabled && css(["opacity:0.4;"]), props.theme.space[400], props.theme.space[400], props.theme.colors.form.border.base, props.theme.colors.form.background.base, props.theme.duration.fast, props.theme.easing.ease_in, props.disabled ? 'not-allowed' : 'pointer', !props.indeterminate && css(["border-color:", " !important;background-color:", ";"], props.theme.colors.form.border.base, props.theme.colors.form.background.base), props.theme.colors.form.border.selected, props.theme.colors.form.background.selected, props.indeterminate && props.checked && css(["border-color:", " !important;background-color:", " !important;"], props.theme.colors.form.border.selected, props.theme.colors.form.background.selected), focusRing, COMMON);
122
123
  });
123
124
  export default Container;
@@ -11,7 +11,8 @@ export var CalendarNavButton = function CalendarNavButton(_ref) {
11
11
  var type = _ref.type;
12
12
  return /*#__PURE__*/React.createElement(Icon, {
13
13
  size: "mini",
14
- name: iconNames[type]
14
+ name: iconNames[type],
15
+ "aria-hidden": true
15
16
  });
16
17
  };
17
18
  export var commonDatePickerProps = {
@@ -1,5 +1,5 @@
1
1
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2
- var _excluded = ["title", "children", "render"],
2
+ var _excluded = ["title", "id", "children", "render"],
3
3
  _excluded2 = ["children"],
4
4
  _excluded3 = ["id", "style", "offset", "direction", "children", "disableCloseOnClickOutside", "onClose", "zIndex", "closeTargets"],
5
5
  _excluded4 = ["children", "closeButtonLabel", "direction", "disableCloseOnClickOutside", "id", "isOpen", "offset", "onClose", "zIndex", "closeTargets"];
@@ -46,12 +46,15 @@ var DrawerCloseButton = function DrawerCloseButton(props) {
46
46
  "aria-label": closeButtonLabel,
47
47
  onClick: onClose
48
48
  }, props), props.children || /*#__PURE__*/React.createElement(Icon, {
49
+ "aria-hidden": true,
49
50
  name: "x"
50
51
  }));
51
52
  };
52
53
  var DrawerHeader = function DrawerHeader(_ref) {
53
54
  var _ref$title = _ref.title,
54
55
  title = _ref$title === void 0 ? '' : _ref$title,
56
+ _ref$id = _ref.id,
57
+ id = _ref$id === void 0 ? undefined : _ref$id,
55
58
  children = _ref.children,
56
59
  render = _ref.render,
57
60
  rest = _objectWithoutProperties(_ref, _excluded);
@@ -70,7 +73,8 @@ var DrawerHeader = function DrawerHeader(_ref) {
70
73
  as: "h2",
71
74
  fontSize: 400,
72
75
  fontWeight: "semibold",
73
- color: "text.headline"
76
+ color: "text.headline",
77
+ id: id
74
78
  }, title), /*#__PURE__*/React.createElement(DrawerCloseButton, null)));
75
79
  };
76
80
  var DrawerContent = function DrawerContent(_ref2) {
@@ -129,7 +133,7 @@ var Drawer = function Drawer(_ref3) {
129
133
  }, [onClose, disableCloseOnClickOutside, closeTargets]);
130
134
  return /*#__PURE__*/React.createElement(FocusLock, {
131
135
  key: id,
132
- autoFocus: false,
136
+ autoFocus: true,
133
137
  returnFocus: true
134
138
  }, /*#__PURE__*/React.createElement(AnimatedDrawer, _extends({
135
139
  ref: drawerRef,
@@ -137,7 +141,8 @@ var Drawer = function Drawer(_ref3) {
137
141
  width: DRAWER_WIDTH,
138
142
  offset: offset,
139
143
  direction: direction,
140
- "data-qa-drawer": id
144
+ "data-qa-drawer": id,
145
+ role: "dialog"
141
146
  }, rest), children));
142
147
  };
143
148
  var DrawerContainer = function DrawerContainer(_ref4) {
package/lib/Icon/Icon.js CHANGED
@@ -1,17 +1,19 @@
1
- var _excluded = ["name", "size", "fixedWidth", "ariaLabel"],
1
+ var _excluded = ["name", "size", "fixedWidth", "ariaLabel", "color", "svgProps"],
2
2
  _excluded2 = ["activeName", "inactiveName", "isActive", "size", "fixedWidth", "ariaLabel"];
3
3
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
4
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
5
5
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
6
6
  import * as React from 'react';
7
7
  import styled, { css } from 'styled-components';
8
+ import iconViewBoxes from "../IconViewBoxes";
8
9
  import Box from "../Box";
9
- // eslint-disable-next-line no-restricted-syntax
10
- import * as iconViewBoxes from "../IconViewBoxes";
11
- import Container from "./styles";
10
+ import PartnerLogo, { PartnerNames } from "../PartnerLogo";
11
+ import { includes } from "../utils";
12
+
12
13
  // TODO: get json file working in flow so this can be shared
13
14
  // import deprecatedIcons from './deprecatedIcons.json';
14
15
  import deprecatedIcons from "./deprecatedIcons";
16
+ import Container from "./styles";
15
17
  var Icon = function Icon(_ref) {
16
18
  var name = _ref.name,
17
19
  _ref$size = _ref.size,
@@ -19,20 +21,40 @@ var Icon = function Icon(_ref) {
19
21
  _ref$fixedWidth = _ref.fixedWidth,
20
22
  fixedWidth = _ref$fixedWidth === void 0 ? false : _ref$fixedWidth,
21
23
  ariaLabel = _ref.ariaLabel,
24
+ color = _ref.color,
25
+ svgProps = _ref.svgProps,
22
26
  rest = _objectWithoutProperties(_ref, _excluded);
27
+ if (includes(PartnerNames, name)) {
28
+ // Icon's "default" size is equivalent to PartnerLogo's "small" size
29
+ var logoSize = size === 'default' ? 'small' : size;
30
+ var logoProps = {
31
+ partnerName: name,
32
+ size: logoSize,
33
+ logoType: 'symbol',
34
+ svgProps: svgProps
35
+ };
36
+ return /*#__PURE__*/React.createElement(PartnerLogo
37
+ // ariaLabel needs to be overridable by aria-label prop in ...rest
38
+ , _extends({
39
+ "aria-label": ariaLabel
40
+ }, rest, logoProps));
41
+ }
23
42
  var iconName = deprecatedIcons[name] || name;
24
43
  var iconViewBox = iconViewBoxes[iconName];
25
44
  return /*#__PURE__*/React.createElement(Container, _extends({
26
45
  iconSize: size,
27
46
  fixedWidth: !!fixedWidth,
28
47
  key: name,
48
+ role: "img",
29
49
  "aria-label": ariaLabel,
30
- "data-qa-icon": name
31
- }, rest), /*#__PURE__*/React.createElement("svg", {
50
+ "data-qa-icon": name,
51
+ color: color
52
+ }, rest), /*#__PURE__*/React.createElement("svg", _extends({
32
53
  className: "Icon-svg",
33
54
  viewBox: iconViewBox,
34
- focusable: false
35
- }, /*#__PURE__*/React.createElement("use", {
55
+ focusable: false,
56
+ "data-qa-icon-svg": "".concat(name, "-svg")
57
+ }, svgProps), /*#__PURE__*/React.createElement("use", {
36
58
  xmlnsXlink: "http://www.w3.org/1999/xlink",
37
59
  xlinkHref: "#ssiconsvg-".concat(iconName)
38
60
  })));
@@ -66,17 +88,35 @@ var IconToggle = function IconToggle(_ref2) {
66
88
  name: activeName,
67
89
  size: size,
68
90
  fixedWidth: fixedWidth,
69
- ariaLabel: ariaLabel,
91
+ "aria-label": ariaLabel,
70
92
  "aria-hidden": !isActive
71
93
  }), /*#__PURE__*/React.createElement(ToggleableIcon, {
72
94
  active: !isActive,
73
95
  name: inactiveName,
74
96
  size: size,
75
97
  fixedWidth: fixedWidth,
76
- ariaLabel: ariaLabel,
98
+ "aria-label": ariaLabel,
77
99
  "aria-hidden": isActive
78
100
  }));
79
101
  };
80
102
  IconToggle.displayName = 'Icon.Toggle';
103
+ /**
104
+ * **Accessibility note:** It is best practice to wrap `<Icon.Toggle />` in a button. The button must include `aria-label` and `aria-pressed` in order for a screen reader to properly communicate the icon's state. See example below.
105
+ *
106
+ * @example
107
+ * const [toggleState, setToggleState] = useState(false);
108
+ * <Button // Wrap Icon.Toggle with Button
109
+ * appearance='pill'
110
+ * aria-label='like' // required for accessibility
111
+ * aria-pressed={toggleState} // required for accessibility
112
+ * onClick={() => setToggleState(!toggleState)}
113
+ * >
114
+ * <Icon.Toggle
115
+ * activeName="like"
116
+ * inactiveName="like-outline"
117
+ * isActive={toggleState}
118
+ * />
119
+ * </Button>
120
+ */
81
121
  Icon.Toggle = IconToggle;
82
122
  export default Icon;
@@ -333,6 +333,8 @@ module.exports = {
333
333
  "tasks": "0 0 12 16",
334
334
  "team-conversation-outline": "0 0 16 18",
335
335
  "team-conversation": "0 0 16 18",
336
+ "team-sprout-outline": "0 0 18 18",
337
+ "team-sprout": "0 0 18 18",
336
338
  "team": "0 0 18 16",
337
339
  "text-asset": "0 0 16 16",
338
340
  "text": "0 0 8 16",
@@ -0,0 +1 @@
1
+ export {};
@@ -39,7 +39,8 @@ var Indicator = /*#__PURE__*/function (_React$Component) {
39
39
  tabIndex: 0
40
40
  }, rest), tooltip && /*#__PURE__*/React.createElement("div", null, tooltip), /*#__PURE__*/React.createElement(Icon, {
41
41
  name: "indicator",
42
- size: "mini"
42
+ size: "mini",
43
+ "aria-hidden": true
43
44
  }));
44
45
  }
45
46
  }]);
@@ -62,7 +62,8 @@ var ClearButton = function ClearButton() {
62
62
  ariaLabel: clearButtonLabel || 'Clear',
63
63
  color: "icon.base"
64
64
  }, /*#__PURE__*/React.createElement(Icon, {
65
- name: "circlex"
65
+ name: "circlex",
66
+ "aria-hidden": true
66
67
  }));
67
68
  };
68
69
  ClearButton.displayName = 'Input.ClearButton';
@@ -4,7 +4,7 @@ import { COMMON } from "../utils/system-props";
4
4
  var Container = styled.div.withConfig({
5
5
  displayName: "styles__Container",
6
6
  componentId: "sc-4stdun-0"
7
- })(["box-sizing:border-box;position:relative;input{box-sizing:border-box;width:100%;border:1px solid transparent;border-radius:", ";background-color:", ";color:", ";outline:none;transition:border-color ", " ", ",box-shadow ", " ", ";font-family:", ";font-weight:", ";appearance:none;margin:0;padding:", ";font-size:", ";line-height:", ";&::-ms-clear{display:none;}&::-webkit-search-cancel-button{appearance:none;}&:focus{", "}&:not(output):not(:focus):-moz-ui-invalid{box-shadow:none;}&::placeholder{color:", ";}", " ", "}", " ", " ", " ", " ", ""], function (props) {
7
+ })(["box-sizing:border-box;position:relative;input{box-sizing:border-box;width:100%;border:1px solid transparent;border-radius:", ";background-color:", ";color:", ";outline:none;transition:border-color ", " ", ",box-shadow ", " ", ";font-family:", ";font-weight:", ";appearance:none;margin:0;padding:", ";font-size:", ";line-height:", ";&::-ms-clear{display:none;}&::-webkit-search-cancel-button{appearance:none;}&:focus{", "}&:not(output):not(:focus):-moz-ui-invalid{box-shadow:none;}&::placeholder{color:", ";font-style:italic;}", " ", "}", " ", " ", " ", " ", ""], function (props) {
8
8
  return props.theme.radii[500];
9
9
  }, function (props) {
10
10
  return props.theme.colors.form.background.base;
@@ -91,7 +91,8 @@ export var ListboxButton = function ListboxButton(_ref2) {
91
91
  size: restProps.size
92
92
  }, /*#__PURE__*/React.createElement(Icon, {
93
93
  name: "chevron-down",
94
- fixedWidth: true
94
+ fixedWidth: true,
95
+ "aria-hidden": true
95
96
  })));
96
97
  };
97
98
  Listbox.Option = Listbox.Item = Menu.Item;
@@ -0,0 +1 @@
1
+ export {};
@@ -1,4 +1,4 @@
1
- var _excluded = ["partnerName", "backgroundType", "logoType", "height", "width", "size", "color"];
1
+ var _excluded = ["partnerName", "backgroundType", "logoType", "height", "width", "size", "aria-label", "svgProps"];
2
2
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
3
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
4
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -10,16 +10,18 @@ import Container from "./styles";
10
10
  var PartnerLogo = function PartnerLogo(_ref) {
11
11
  var partnerName = _ref.partnerName,
12
12
  backgroundType = _ref.backgroundType,
13
- logoType = _ref.logoType,
13
+ _ref$logoType = _ref.logoType,
14
+ logoType = _ref$logoType === void 0 ? 'symbol' : _ref$logoType,
14
15
  height = _ref.height,
15
16
  width = _ref.width,
16
17
  size = _ref.size,
17
- color = _ref.color,
18
+ ariaLabel = _ref['aria-label'],
19
+ svgProps = _ref.svgProps,
18
20
  rest = _objectWithoutProperties(_ref, _excluded);
19
21
  var _useTheme = useTheme(),
20
22
  mode = _useTheme.mode;
21
23
  var whichLogo = function whichLogo(type) {
22
- var logo = logoType ? partnerName + '-' + logoType : partnerName;
24
+ var logo = logoType && logoType !== 'symbol' ? partnerName + '-' + logoType : partnerName;
23
25
  if (type && type === 'dark') {
24
26
  return "".concat(logo, "-dark");
25
27
  } else if (type && type === 'light') {
@@ -39,17 +41,16 @@ var PartnerLogo = function PartnerLogo(_ref) {
39
41
  height: height ? height : defaultHeight + 'px',
40
42
  width: width ? width : defaultWidth + 'px',
41
43
  logoSize: size,
42
- className: "logo"
43
- // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.
44
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
45
- // @ts-ignore
46
- ,
47
- color: color
48
- }, rest), /*#__PURE__*/React.createElement("svg", {
44
+ className: "logo",
45
+ role: "img",
46
+ "aria-label": ariaLabel,
47
+ "data-qa-logo": partnerName
48
+ }, rest), /*#__PURE__*/React.createElement("svg", _extends({
49
49
  className: "logo-svg",
50
50
  viewBox: logoViewBox,
51
- focusable: false
52
- }, /*#__PURE__*/React.createElement("use", {
51
+ focusable: false,
52
+ "data-qa-logo-svg": "".concat(partnerName, "-svg")
53
+ }, svgProps), /*#__PURE__*/React.createElement("use", {
53
54
  xmlnsXlink: "http://www.w3.org/1999/xlink",
54
55
  xlinkHref: "#sslogosvg-".concat(whichLogo(backgroundType))
55
56
  })));
@@ -1 +1,8 @@
1
- export {};
1
+ export var PartnerNames = ['apple-app-store', 'bigcommerce', 'bitly', 'bynder', 'canva', 'dropbox', 'facebook', 'facebook-audience-network', 'facebook-groups', 'facebook-shops', 'feedly', 'glassdoor', 'google-analytics', 'google-business-messages', 'google-drive', 'google-my-business', 'google-play-store', 'hubspot', 'instagram', 'linkedin', 'linkedin-audience-network', 'marketo', 'messenger', 'microsoft-dynamics', 'pinterest', 'reddit', 'salesforce', 'shopify', 'slack', 'sproutsocial', 'tiktok', 'tripadvisor', 'tumblr', 'twitter', 'twitter-audience-network', 'whatsapp', 'woocommerce', 'yelp', 'youtube', 'zendesk'];
2
+ export var PartnerLogoSizes = {
3
+ mini: '12px',
4
+ small: '16px',
5
+ medium: '24px',
6
+ large: '32px',
7
+ jumbo: '64px'
8
+ };
@@ -1,5 +1,4 @@
1
1
  import PartnerLogo from "./PartnerLogo";
2
2
  export default PartnerLogo;
3
3
  export { PartnerLogo };
4
- export * from "./PartnerLogoTypes";
5
- export * from "./TypePartnerNames";
4
+ export * from "./PartnerLogoTypes";
@@ -11,7 +11,7 @@ var sizes = {
11
11
 
12
12
  // TODO: remove width from stylesForSize
13
13
  var stylesForSize = function stylesForSize(height, width, logoSize) {
14
- return css(["line-height:", ";&,.logo-svg{height:", ";width:", ";}"], logoSize ? logoSize : height, logoSize ? logoSize : height, logoSize ? logoSize : '');
14
+ return css(["height:", ";line-height:", ";.logo-svg{height:", ";width:", ";}"], logoSize ? logoSize : height, logoSize ? logoSize : height, logoSize ? logoSize : height, logoSize ? logoSize : '');
15
15
  };
16
16
  var Container = styled('span').withConfig({
17
17
  displayName: "styles__Container",
@@ -83,7 +83,8 @@ var Select = /*#__PURE__*/function (_React$Component) {
83
83
  }, /*#__PURE__*/React.createElement(Icon, {
84
84
  name: "chevron-down",
85
85
  fixedWidth: true,
86
- size: this.props.size === 'small' ? 'mini' : 'default'
86
+ size: this.props.size === 'small' ? 'mini' : 'default',
87
+ "aria-hidden": true
87
88
  })));
88
89
  }
89
90
  }]);
@@ -65,6 +65,7 @@ var Switch = /*#__PURE__*/function (_React$Component) {
65
65
  "data-qa-switch-isdisabled": disabled === true,
66
66
  checked: checked
67
67
  }, qa, rest), /*#__PURE__*/React.createElement(VisuallyHidden, null, checked ? a11yLabels.on : a11yLabels.off), checked ? /*#__PURE__*/React.createElement(Icon, {
68
+ "aria-hidden": true,
68
69
  size: "mini",
69
70
  name: "check"
70
71
  }) : null);
@@ -40,7 +40,8 @@ export var TableHeaderCell = /*#__PURE__*/function (_React$Component) {
40
40
  }
41
41
  return /*#__PURE__*/React.createElement(SortIcon, null, /*#__PURE__*/React.createElement(Icon, {
42
42
  size: "mini",
43
- name: iconName
43
+ name: iconName,
44
+ "aria-hidden": true
44
45
  }));
45
46
  });
46
47
  _defineProperty(_assertThisInitialized(_this), "handleClick", function (e) {