@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.
- package/CHANGELOG.md +64 -0
- package/__flow__/EnumIconNames.flow.js +1 -1
- package/__flow__/Icon/Icon.flow.js +3 -1
- package/__flow__/IconViewBoxes.js +2 -0
- package/__flow__/PartnerLogo/PartnerLogo.flow.js +3 -3
- package/commonjs/Badge/Badge.js +2 -1
- package/commonjs/Banner/Banner.js +2 -1
- package/commonjs/Breadcrumb/Breadcrumb.js +2 -1
- package/commonjs/Checkbox/styles.js +7 -6
- package/commonjs/DatePicker/common.js +2 -1
- package/commonjs/Drawer/Drawer.js +9 -4
- package/commonjs/Icon/Icon.js +50 -10
- package/commonjs/IconViewBoxes.js +2 -0
- package/commonjs/IllustrationViewBoxes.d.js +5 -0
- package/commonjs/Indicator/Indicator.js +2 -1
- package/commonjs/Input/Input.js +2 -1
- package/commonjs/Input/styles.js +1 -1
- package/commonjs/Listbox/Listbox.js +2 -1
- package/commonjs/LogoViewBoxes.d.js +5 -0
- package/commonjs/PartnerLogo/PartnerLogo.js +14 -13
- package/commonjs/PartnerLogo/PartnerLogoTypes.js +12 -1
- package/commonjs/PartnerLogo/index.js +0 -12
- package/commonjs/PartnerLogo/styles.js +1 -1
- package/commonjs/Select/Select.js +2 -1
- package/commonjs/Switch/Switch.js +1 -0
- package/commonjs/TableHeaderCell/TableHeaderCell.js +2 -1
- package/commonjs/TableRowAccordion/TableRowAccordion.js +6 -2
- package/commonjs/Textarea/styles.js +1 -1
- package/commonjs/Toast/Toast.js +40 -34
- package/commonjs/ToggleHint/ToggleHint.js +4 -2
- package/commonjs/Token/Token.js +16 -2
- package/commonjs/Token/styles.js +1 -1
- package/commonjs/TokenInput/TokenInput.js +3 -1
- package/commonjs/TokenInput/styles.js +3 -3
- package/commonjs/themes/dark/theme.js +1 -1
- package/commonjs/themes/light/theme.js +3 -3
- package/commonjs/utils/index.js +12 -2
- package/dist/icon.svg +1 -1
- package/dist/iconList.js +1 -1
- package/dist/themes/dark/theme.scss +1 -1
- package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +1 -1
- package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +3 -3
- package/dist/themes/light/theme.scss +3 -3
- package/dist/types/Badge/Badge.d.ts.map +1 -1
- package/dist/types/Banner/styles.d.ts +1 -1
- package/dist/types/Checkbox/styles.d.ts +4 -2
- package/dist/types/Checkbox/styles.d.ts.map +1 -1
- package/dist/types/Drawer/Drawer.d.ts +1 -1
- package/dist/types/Drawer/Drawer.d.ts.map +1 -1
- package/dist/types/EnumIconNames.d.ts +1 -1
- package/dist/types/EnumIconNames.d.ts.map +1 -1
- package/dist/types/Icon/Icon.d.ts +19 -1
- package/dist/types/Icon/Icon.d.ts.map +1 -1
- package/dist/types/Icon/IconTypes.d.ts +3 -2
- package/dist/types/Icon/IconTypes.d.ts.map +1 -1
- package/dist/types/Input/styles.d.ts.map +1 -1
- package/dist/types/PartnerLogo/PartnerLogo.d.ts +1 -1
- package/dist/types/PartnerLogo/PartnerLogo.d.ts.map +1 -1
- package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts +12 -3
- package/dist/types/PartnerLogo/PartnerLogoTypes.d.ts.map +1 -1
- package/dist/types/PartnerLogo/index.d.ts +0 -1
- package/dist/types/PartnerLogo/index.d.ts.map +1 -1
- package/dist/types/Select/Select.d.ts.map +1 -1
- package/dist/types/TableRowAccordion/TableRowAccordion.d.ts.map +1 -1
- package/dist/types/Textarea/styles.d.ts.map +1 -1
- package/dist/types/Toast/Toast.d.ts.map +1 -1
- package/dist/types/Toast/styles.d.ts +1 -1
- package/dist/types/Token/Token.d.ts.map +1 -1
- package/dist/types/TokenInput/TokenInput.d.ts.map +1 -1
- package/dist/types/TokenInput/styles.d.ts.map +1 -1
- package/dist/types/utils/index.d.ts +5 -0
- package/dist/types/utils/index.d.ts.map +1 -1
- package/icons/advocacy-outline.svg +2 -2
- package/icons/comment-ai-outline.svg +2 -2
- package/icons/comment-ai.svg +1 -1
- package/icons/dropbox.svg +2 -2
- package/icons/facebook-groups.svg +2 -2
- package/icons/facebook.svg +2 -2
- package/icons/feedly.svg +2 -2
- package/icons/flat-negative-sentiment-outline.svg +1 -1
- package/icons/flat-neutral-sentiment-outline.svg +1 -1
- package/icons/flat-positive-sentiment-outline.svg +1 -1
- package/icons/glassdoor.svg +2 -2
- package/icons/instagram.svg +2 -2
- package/icons/linkedin.svg +2 -2
- package/icons/messenger.svg +2 -2
- package/icons/pinterest.svg +2 -2
- package/icons/reddit-alien.svg +2 -2
- package/icons/reddit.svg +2 -2
- package/icons/reels-outline.svg +1 -1
- package/icons/salesforce.svg +2 -2
- package/icons/send-again-outline.svg +1 -1
- package/icons/send-again.svg +1 -1
- package/icons/tasks-check.svg +1 -1
- package/icons/team-sprout-outline.svg +5 -0
- package/icons/team-sprout.svg +4 -0
- package/icons/tumblr.svg +2 -2
- package/icons/twitter.svg +2 -2
- package/icons/youtube.svg +2 -2
- package/icons/zendesk.svg +2 -2
- package/lib/Badge/Badge.js +2 -1
- package/lib/Banner/Banner.js +2 -1
- package/lib/Breadcrumb/Breadcrumb.js +2 -1
- package/lib/Checkbox/styles.js +7 -6
- package/lib/DatePicker/common.js +2 -1
- package/lib/Drawer/Drawer.js +9 -4
- package/lib/Icon/Icon.js +50 -10
- package/lib/IconViewBoxes.js +2 -0
- package/lib/IllustrationViewBoxes.d.js +1 -0
- package/lib/Indicator/Indicator.js +2 -1
- package/lib/Input/Input.js +2 -1
- package/lib/Input/styles.js +1 -1
- package/lib/Listbox/Listbox.js +2 -1
- package/lib/LogoViewBoxes.d.js +1 -0
- package/lib/PartnerLogo/PartnerLogo.js +14 -13
- package/lib/PartnerLogo/PartnerLogoTypes.js +8 -1
- package/lib/PartnerLogo/index.js +1 -2
- package/lib/PartnerLogo/styles.js +1 -1
- package/lib/Select/Select.js +2 -1
- package/lib/Switch/Switch.js +1 -0
- package/lib/TableHeaderCell/TableHeaderCell.js +2 -1
- package/lib/TableRowAccordion/TableRowAccordion.js +6 -2
- package/lib/Textarea/styles.js +1 -1
- package/lib/Toast/Toast.js +40 -34
- package/lib/ToggleHint/ToggleHint.js +4 -2
- package/lib/Token/Token.js +16 -2
- package/lib/Token/styles.js +1 -1
- package/lib/TokenInput/TokenInput.js +3 -1
- package/lib/TokenInput/styles.js +3 -3
- package/lib/themes/dark/theme.js +1 -1
- package/lib/themes/light/theme.js +3 -3
- package/lib/utils/index.js +9 -1
- package/package.json +3 -2
- package/dist/types/PartnerLogo/TypePartnerNames.d.ts +0 -2
- package/dist/types/PartnerLogo/TypePartnerNames.d.ts.map +0 -1
- /package/commonjs/{PartnerLogo/TypePartnerNames.js → IconViewBoxes.d.js} +0 -0
- /package/lib/{PartnerLogo/TypePartnerNames.js → IconViewBoxes.d.js} +0 -0
package/icons/glassdoor.svg
CHANGED
|
@@ -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>
|
package/icons/instagram.svg
CHANGED
|
@@ -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>
|
package/icons/linkedin.svg
CHANGED
|
@@ -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>
|
package/icons/messenger.svg
CHANGED
|
@@ -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"/>
|
package/icons/pinterest.svg
CHANGED
|
@@ -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>
|
package/icons/reddit-alien.svg
CHANGED
|
@@ -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>
|
package/icons/reels-outline.svg
CHANGED
|
@@ -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
|
|
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>
|
package/icons/salesforce.svg
CHANGED
|
@@ -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
|
|
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>
|
package/icons/send-again.svg
CHANGED
|
@@ -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
|
|
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>
|
package/icons/tasks-check.svg
CHANGED
|
@@ -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
|
|
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>
|
package/lib/Badge/Badge.js
CHANGED
|
@@ -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;
|
package/lib/Banner/Banner.js
CHANGED
|
@@ -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");
|
package/lib/Checkbox/styles.js
CHANGED
|
@@ -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).
|
|
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 ", "
|
|
54
|
-
|
|
55
|
-
|
|
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.
|
|
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;
|
package/lib/DatePicker/common.js
CHANGED
|
@@ -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 = {
|
package/lib/Drawer/Drawer.js
CHANGED
|
@@ -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:
|
|
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
|
-
|
|
10
|
-
import
|
|
11
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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;
|
package/lib/IconViewBoxes.js
CHANGED
|
@@ -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
|
}]);
|
package/lib/Input/Input.js
CHANGED
|
@@ -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';
|
package/lib/Input/styles.js
CHANGED
|
@@ -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;
|
package/lib/Listbox/Listbox.js
CHANGED
|
@@ -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", "
|
|
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
|
-
|
|
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
|
-
|
|
44
|
-
|
|
45
|
-
|
|
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
|
-
|
|
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
|
+
};
|
package/lib/PartnerLogo/index.js
CHANGED
|
@@ -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:", "
|
|
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",
|
package/lib/Select/Select.js
CHANGED
|
@@ -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
|
}]);
|
package/lib/Switch/Switch.js
CHANGED
|
@@ -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) {
|