@sproutsocial/racine 12.16.0 → 12.17.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 +20 -1
- package/__flow__/Button/styles.js +9 -3
- package/__flow__/EnumIllustrationNames.js +1 -1
- package/__flow__/EnumLogoNames.js +1 -1
- package/__flow__/IllustrationViewBoxes.js +1 -1
- package/__flow__/LogoViewBoxes.js +1 -1
- package/__flow__/PartnerLogo/TypePartnerNames.js +1 -0
- package/__flow__/PartnerLogo/index.js +3 -2
- package/__flow__/PartnerLogo/index.stories.js +2 -1
- package/__flow__/PartnerLogo/partnerLogos/bigcommerce-dark.svg +3 -0
- package/__flow__/PartnerLogo/partnerLogos/bigcommerce.svg +3 -0
- package/__flow__/PartnerLogo/styles.js +4 -4
- package/__flow__/SpotIllustration/illustrationNames.js +1 -0
- package/__flow__/SpotIllustration/spotIllustrations/browser-doc.svg +10 -0
- package/__flow__/themes/dark/theme.js +1 -0
- package/__flow__/themes/extendedThemes/sproutTheme/dark/theme.js +5 -0
- package/__flow__/themes/extendedThemes/sproutTheme/light/theme.js +5 -0
- package/__flow__/utils/useInteractiveColor.js +1 -2
- package/commonjs/Button/styles.js +1 -1
- package/commonjs/IllustrationViewBoxes.js +1 -0
- package/commonjs/LogoViewBoxes.js +2 -0
- package/commonjs/PartnerLogo/index.js +4 -3
- package/commonjs/PartnerLogo/styles.js +2 -2
- package/commonjs/SpotIllustration/illustrationNames.js +1 -1
- package/commonjs/themes/dark/theme.js +2 -1
- package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js +5 -0
- package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js +5 -0
- package/dist/illustration.svg +1 -1
- package/dist/illustrationList.js +1 -1
- package/dist/logo.svg +1 -1
- package/dist/logoList.js +1 -1
- package/dist/themes/dark/theme.scss +2 -1
- package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +12 -1
- package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +10 -0
- package/lib/Button/styles.js +1 -1
- package/lib/IllustrationViewBoxes.js +1 -0
- package/lib/LogoViewBoxes.js +2 -0
- package/lib/PartnerLogo/index.js +4 -3
- package/lib/PartnerLogo/styles.js +2 -2
- package/lib/SpotIllustration/illustrationNames.js +1 -1
- package/lib/themes/dark/theme.js +2 -1
- package/lib/themes/extendedThemes/sproutTheme/dark/theme.js +5 -0
- package/lib/themes/extendedThemes/sproutTheme/light/theme.js +5 -0
- package/lib/utils/useInteractiveColor.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 12.17.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- c0f0a47: Add BigCommerce logo to PartnerLogo component
|
|
8
|
+
- 2f7fd4f: Added navigation accordion background colors to the sprout extended theme
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- 04a9121: Change "Pill" Button variant to use border instead of mix-blend-mode
|
|
13
|
+
- a3720e0: Updating the `useInteractiveColor` React Hook to accept a string instead of the `TypeColor` theme types
|
|
14
|
+
- c18d171: Adds a new spot illustration titled "browser-doc" for use in the SpotIllustration component.
|
|
15
|
+
|
|
16
|
+
## 12.16.1
|
|
17
|
+
|
|
18
|
+
### Patch Changes
|
|
19
|
+
|
|
20
|
+
- 3cb36bf: This change fixes a bug where "px" was being appended to a number value when users were already including a pixel value. This was causing incorrect css syntax i.e. "16pxpx"
|
|
21
|
+
|
|
3
22
|
## 12.16.0
|
|
4
23
|
|
|
5
24
|
### Minor Changes
|
|
@@ -37,7 +56,7 @@
|
|
|
37
56
|
- Added support for different logo types ie. `wordmark` or `lockup`
|
|
38
57
|
- Added support for predefined sizes. ie. `mini`, `small`, `medium`, `large`, and `jumbo`.
|
|
39
58
|
- The partner Logo now has a fixed width by default.
|
|
40
|
-
|
|
59
|
+
|
|
41
60
|
- 5613a5c: A new Advocacy icon has been added to the icon library
|
|
42
61
|
|
|
43
62
|
### Patch Changes
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
//@flow
|
|
2
2
|
import styled, { css, type StyledComponent } from "styled-components";
|
|
3
|
+
|
|
3
4
|
import { COMMON, LAYOUT } from "../utils/system-props";
|
|
4
5
|
import { focusRing, disabled, pill } from "../utils/mixins";
|
|
5
6
|
import Icon from "../Icon/styles";
|
|
@@ -86,10 +87,15 @@ const Container: StyledComponent<any, TypeTheme, *> = styled.button`
|
|
|
86
87
|
display: inline-flex;
|
|
87
88
|
align-items: center;
|
|
88
89
|
justify-content: center;
|
|
89
|
-
|
|
90
|
-
mix-blend-mode: ${props.theme.mode === "dark" ? "screen" : "multiply"};
|
|
91
|
-
|
|
90
|
+
background-color: transparent;
|
|
92
91
|
${pill}
|
|
92
|
+
|
|
93
|
+
&:focus:active,
|
|
94
|
+
&:hover {
|
|
95
|
+
background-color: transparent;
|
|
96
|
+
box-shadow: inset 0px 0px 0px 1px
|
|
97
|
+
${props.theme.colors.button[props.appearance].border.hover};
|
|
98
|
+
}
|
|
93
99
|
`}
|
|
94
100
|
|
|
95
101
|
${Icon} {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
// @flow
|
|
2
|
-
export type EnumIllustrationNames = "abacus" | "analytics-offering" | "astronaut" | "brand-keyword" | "business" | "calendar-event" | "calendar-reporting" | "cat-error" | "cat-no-access" | "cat" | "checkbox-alert" | "coffee-cup" | "competitors" | "compose-window" | "compose" | "computer-error" | "connect" | "contact" | "conversation" | "custom-branding" | "customer-service" | "dashboard" | "exclamation-mark" | "face-happy" | "find-bookmark" | "flask" | "general-topic" | "global-features" | "global-trend" | "grow-large" | "grow" | "hands-raised" | "headset" | "heartbeat-connection" | "invoice" | "jewel" | "keyword-tracking" | "lightbulb-alt" | "lightbulb" | "like-conversation" | "link-broken" | "link-messages" | "link-sections" | "link-upload" | "listening-pendo" | "listening-sentiment" | "listening-topic-templates" | "listening-tour" | "listening" | "loading" | "mailbox-empty" | "mailbox-full" | "message" | "network-data" | "no-messages-found" | "no-notifications" | "notification" | "notifications-onboarding" | "organize-message" | "outbox-queue" | "outbox-reviews" | "pdf" | "podium" | "pointer" | "publish-assets" | "publish-links" | "puzzle-piece" | "question-mark" | "reporting-folder" | "reporting" | "review-location" | "review" | "robot-assembly" | "robot-error" | "robot-happy" | "rocket" | "schedule-date" | "schedule-messages" | "search-keywords" | "search-success" | "search-trends" | "search" | "security" | "sentiment" | "shopping-bag" | "spark-line" | "stamp" | "storefront" | "success" | "tag-message" | "tag" | "team-roles" | "team" | "telescope" | "tha-mel" | "thumbs-up" | "toggle-switch" | "toolset-strength" | "tracking-time" | "twitter-messages" | "twitter-profiles" | "under-construction" | "unsubscribe" | "upward-trend" | "user-task" | "view-connections" | "vip-list" | "warning" | "wifi";
|
|
2
|
+
export type EnumIllustrationNames = "abacus" | "analytics-offering" | "astronaut" | "brand-keyword" | "browser-doc" | "business" | "calendar-event" | "calendar-reporting" | "cat-error" | "cat-no-access" | "cat" | "checkbox-alert" | "coffee-cup" | "competitors" | "compose-window" | "compose" | "computer-error" | "connect" | "contact" | "conversation" | "custom-branding" | "customer-service" | "dashboard" | "exclamation-mark" | "face-happy" | "find-bookmark" | "flask" | "general-topic" | "global-features" | "global-trend" | "grow-large" | "grow" | "hands-raised" | "headset" | "heartbeat-connection" | "invoice" | "jewel" | "keyword-tracking" | "lightbulb-alt" | "lightbulb" | "like-conversation" | "link-broken" | "link-messages" | "link-sections" | "link-upload" | "listening-pendo" | "listening-sentiment" | "listening-topic-templates" | "listening-tour" | "listening" | "loading" | "mailbox-empty" | "mailbox-full" | "message" | "network-data" | "no-messages-found" | "no-notifications" | "notification" | "notifications-onboarding" | "organize-message" | "outbox-queue" | "outbox-reviews" | "pdf" | "podium" | "pointer" | "publish-assets" | "publish-links" | "puzzle-piece" | "question-mark" | "reporting-folder" | "reporting" | "review-location" | "review" | "robot-assembly" | "robot-error" | "robot-happy" | "rocket" | "schedule-date" | "schedule-messages" | "search-keywords" | "search-success" | "search-trends" | "search" | "security" | "sentiment" | "shopping-bag" | "spark-line" | "stamp" | "storefront" | "success" | "tag-message" | "tag" | "team-roles" | "team" | "telescope" | "tha-mel" | "thumbs-up" | "toggle-switch" | "toolset-strength" | "tracking-time" | "twitter-messages" | "twitter-profiles" | "under-construction" | "unsubscribe" | "upward-trend" | "user-task" | "view-connections" | "vip-list" | "warning" | "wifi";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
// @flow
|
|
2
|
-
export type EnumLogoNames = "bitly-dark" | "bitly" | "canva-dark" | "canva" | "dropbox-dark" | "dropbox-lockup-dark" | "dropbox-lockup" | "dropbox-wordmark-dark" | "dropbox-wordmark" | "dropbox" | "facebook-audience-network-dark" | "facebook-audience-network" | "facebook-dark" | "facebook-groups-dark" | "facebook-groups" | "facebook-shops-dark" | "facebook-shops" | "facebook" | "feedly-dark" | "feedly" | "glassdoor-dark" | "glassdoor" | "google-analytics-dark" | "google-analytics" | "google-business-messages-dark" | "google-business-messages" | "google-drive-dark" | "google-drive" | "google-my-business-dark" | "google-my-business" | "hubspot-dark" | "hubspot" | "instagram-dark" | "instagram" | "linkedin-audience-network-dark" | "linkedin-audience-network" | "linkedin-dark" | "linkedin" | "marketo-dark" | "marketo" | "messenger-dark" | "messenger" | "microsoft-dynamics-dark" | "microsoft-dynamics" | "pinterest-dark" | "pinterest" | "reddit-dark" | "reddit" | "salesforce-dark" | "salesforce" | "shopify-dark" | "shopify" | "slack-dark" | "slack" | "tiktok-dark" | "tiktok" | "tripadvisor-dark" | "tripadvisor" | "tumblr-dark" | "tumblr" | "twitter-audience-network-dark" | "twitter-audience-network" | "twitter-dark" | "twitter" | "whatsapp-dark" | "whatsapp" | "woocommerce-dark" | "woocommerce" | "yelp-dark" | "yelp" | "youtube-dark" | "youtube" | "zendesk-dark" | "zendesk-lockup-dark" | "zendesk-lockup" | "zendesk-wordmark-dark" | "zendesk-wordmark" | "zendesk";
|
|
2
|
+
export type EnumLogoNames = "bigcommerce-dark" | "bigcommerce" | "bitly-dark" | "bitly" | "canva-dark" | "canva" | "dropbox-dark" | "dropbox-lockup-dark" | "dropbox-lockup" | "dropbox-wordmark-dark" | "dropbox-wordmark" | "dropbox" | "facebook-audience-network-dark" | "facebook-audience-network" | "facebook-dark" | "facebook-groups-dark" | "facebook-groups" | "facebook-shops-dark" | "facebook-shops" | "facebook" | "feedly-dark" | "feedly" | "glassdoor-dark" | "glassdoor" | "google-analytics-dark" | "google-analytics" | "google-business-messages-dark" | "google-business-messages" | "google-drive-dark" | "google-drive" | "google-my-business-dark" | "google-my-business" | "hubspot-dark" | "hubspot" | "instagram-dark" | "instagram" | "linkedin-audience-network-dark" | "linkedin-audience-network" | "linkedin-dark" | "linkedin" | "marketo-dark" | "marketo" | "messenger-dark" | "messenger" | "microsoft-dynamics-dark" | "microsoft-dynamics" | "pinterest-dark" | "pinterest" | "reddit-dark" | "reddit" | "salesforce-dark" | "salesforce" | "shopify-dark" | "shopify" | "slack-dark" | "slack" | "tiktok-dark" | "tiktok" | "tripadvisor-dark" | "tripadvisor" | "tumblr-dark" | "tumblr" | "twitter-audience-network-dark" | "twitter-audience-network" | "twitter-dark" | "twitter" | "whatsapp-dark" | "whatsapp" | "woocommerce-dark" | "woocommerce" | "yelp-dark" | "yelp" | "youtube-dark" | "youtube" | "zendesk-dark" | "zendesk-lockup-dark" | "zendesk-lockup" | "zendesk-wordmark-dark" | "zendesk-wordmark" | "zendesk";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports = {"abacus":"0 0 249 157","analytics-offering":"0 0 220 231","astronaut":"0 0 277 298","brand-keyword":"0 0 240 230","business":"0 0 88 56","calendar-event":"0 0 110 42","calendar-reporting":"0 0 248 182","cat-error":"0 0 284 180","cat-no-access":"0 0 370 273","cat":"0 0 240 171","checkbox-alert":"0 0 193 169","coffee-cup":"0 0 196 234","competitors":"0 0 355 258","compose-window":"0 0 372 188","compose":"0 0 62 45","computer-error":"0 0 237 259","connect":"0 0 242 162","contact":"0 0 305 145","conversation":"0 0 330 236","custom-branding":"0 0 168 164","customer-service":"0 0 302 155","dashboard":"0 0 337 195","exclamation-mark":"0 0 219 143","face-happy":"0 0 238 173","find-bookmark":"0 0 276 228","flask":"0 0 255 230","general-topic":"0 0 101 63","global-features":"0 0 239 226","global-trend":"0 0 56 42","grow-large":"0 0 189 137","grow":"0 0 73 45","hands-raised":"0 0 192 176","headset":"0 0 106 54","heartbeat-connection":"0 0 335 201","invoice":"0 0 171 178","jewel":"0 0 154 137","keyword-tracking":"0 0 400 232","lightbulb-alt":"0 0 89 54","lightbulb":"0 0 49 43","like-conversation":"0 0 293 258","link-broken":"0 0 340 236","link-messages":"0 0 233 250","link-sections":"0 0 270 273","link-upload":"0 0 180 140","listening-pendo":"0 0 544 109","listening-sentiment":"0 0 343 154","listening-topic-templates":"0 0 337 247","listening-tour":"0 0 236 212","listening":"0 0 101 63","loading":"0 0 62 39","mailbox-empty":"0 0 309 240","mailbox-full":"0 0 352 252","message":"0 0 58 44","network-data":"0 0 369 229","no-messages-found":"0 0 272 211","no-notifications":"0 0 281 134","notification":"0 0 252 194","notifications-onboarding":"0 0 352 163","organize-message":"0 0 276 220","outbox-queue":"0 0 246 176","outbox-reviews":"0 0 246 176","pdf":"0 0 36 35","podium":"0 0 106 46","pointer":"0 0 54 37","publish-assets":"0 0 336 263","publish-links":"0 0 266 252","puzzle-piece":"0 0 56 44","question-mark":"0 0 302 191","reporting-folder":"0 0 314 247","reporting":"0 0 331 226","review-location":"0 0 251 227","review":"0 0 251 143","robot-assembly":"0 0 375 253","robot-error":"0 0 281 286","robot-happy":"0 0 222 190","rocket":"0 0 101 56","schedule-date":"0 0 386 240","schedule-messages":"0 0 372 217","search-keywords":"0 0 237 243","search-success":"0 0 235 243","search-trends":"0 0 249 187","search":"0 0 337 196","security":"0 0 216 284","sentiment":"0 0 316 246","shopping-bag":"0 0 112 58","spark-line":"0 0 227 113","stamp":"0 0 291 253","storefront":"0 0 111 45","success":"0 0 200 200","tag-message":"0 0 346 226","tag":"0 0 62 42","team-roles":"0 0 358 298","team":"0 0 347 249","telescope":"0 0 272 255","tha-mel":"0 0 181 152","thumbs-up":"0 0 169 250","toggle-switch":"0 0 299 127","toolset-strength":"0 0 348 231","tracking-time":"0 0 360 195","twitter-messages":"0 0 220 228","twitter-profiles":"0 0 335 187","under-construction":"0 0 343 243","unsubscribe":"0 0 212 163","upward-trend":"0 0 65 49","user-task":"0 0 313 176","view-connections":"0 0 356 201","vip-list":"0 0 212 228","warning":"0 0 55 38","wifi":"0 0 55 43"};
|
|
1
|
+
module.exports = {"abacus":"0 0 249 157","analytics-offering":"0 0 220 231","astronaut":"0 0 277 298","brand-keyword":"0 0 240 230","browser-doc":"0 0 303 223","business":"0 0 88 56","calendar-event":"0 0 110 42","calendar-reporting":"0 0 248 182","cat-error":"0 0 284 180","cat-no-access":"0 0 370 273","cat":"0 0 240 171","checkbox-alert":"0 0 193 169","coffee-cup":"0 0 196 234","competitors":"0 0 355 258","compose-window":"0 0 372 188","compose":"0 0 62 45","computer-error":"0 0 237 259","connect":"0 0 242 162","contact":"0 0 305 145","conversation":"0 0 330 236","custom-branding":"0 0 168 164","customer-service":"0 0 302 155","dashboard":"0 0 337 195","exclamation-mark":"0 0 219 143","face-happy":"0 0 238 173","find-bookmark":"0 0 276 228","flask":"0 0 255 230","general-topic":"0 0 101 63","global-features":"0 0 239 226","global-trend":"0 0 56 42","grow-large":"0 0 189 137","grow":"0 0 73 45","hands-raised":"0 0 192 176","headset":"0 0 106 54","heartbeat-connection":"0 0 335 201","invoice":"0 0 171 178","jewel":"0 0 154 137","keyword-tracking":"0 0 400 232","lightbulb-alt":"0 0 89 54","lightbulb":"0 0 49 43","like-conversation":"0 0 293 258","link-broken":"0 0 340 236","link-messages":"0 0 233 250","link-sections":"0 0 270 273","link-upload":"0 0 180 140","listening-pendo":"0 0 544 109","listening-sentiment":"0 0 343 154","listening-topic-templates":"0 0 337 247","listening-tour":"0 0 236 212","listening":"0 0 101 63","loading":"0 0 62 39","mailbox-empty":"0 0 309 240","mailbox-full":"0 0 352 252","message":"0 0 58 44","network-data":"0 0 369 229","no-messages-found":"0 0 272 211","no-notifications":"0 0 281 134","notification":"0 0 252 194","notifications-onboarding":"0 0 352 163","organize-message":"0 0 276 220","outbox-queue":"0 0 246 176","outbox-reviews":"0 0 246 176","pdf":"0 0 36 35","podium":"0 0 106 46","pointer":"0 0 54 37","publish-assets":"0 0 336 263","publish-links":"0 0 266 252","puzzle-piece":"0 0 56 44","question-mark":"0 0 302 191","reporting-folder":"0 0 314 247","reporting":"0 0 331 226","review-location":"0 0 251 227","review":"0 0 251 143","robot-assembly":"0 0 375 253","robot-error":"0 0 281 286","robot-happy":"0 0 222 190","rocket":"0 0 101 56","schedule-date":"0 0 386 240","schedule-messages":"0 0 372 217","search-keywords":"0 0 237 243","search-success":"0 0 235 243","search-trends":"0 0 249 187","search":"0 0 337 196","security":"0 0 216 284","sentiment":"0 0 316 246","shopping-bag":"0 0 112 58","spark-line":"0 0 227 113","stamp":"0 0 291 253","storefront":"0 0 111 45","success":"0 0 200 200","tag-message":"0 0 346 226","tag":"0 0 62 42","team-roles":"0 0 358 298","team":"0 0 347 249","telescope":"0 0 272 255","tha-mel":"0 0 181 152","thumbs-up":"0 0 169 250","toggle-switch":"0 0 299 127","toolset-strength":"0 0 348 231","tracking-time":"0 0 360 195","twitter-messages":"0 0 220 228","twitter-profiles":"0 0 335 187","under-construction":"0 0 343 243","unsubscribe":"0 0 212 163","upward-trend":"0 0 65 49","user-task":"0 0 313 176","view-connections":"0 0 356 201","vip-list":"0 0 212 228","warning":"0 0 55 38","wifi":"0 0 55 43"};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports = {"bitly-dark":"0 0 140 64","bitly":"0 0 140 64","canva-dark":"0 0 140 140","canva":"0 0 140 140","dropbox-dark":"0 0 140 119","dropbox-lockup-dark":"0 0 291 57","dropbox-lockup":"0 0 291 57","dropbox-wordmark-dark":"0 0 308 71","dropbox-wordmark":"0 0 308 71","dropbox":"0 0 140 119","facebook-audience-network-dark":"0 0 140 145","facebook-audience-network":"0 0 140 145","facebook-dark":"0 0 141 139","facebook-groups-dark":"0 0 140 140","facebook-groups":"0 0 140 140","facebook-shops-dark":"0 0 141 155","facebook-shops":"0 0 141 155","facebook":"0 0 141 139","feedly-dark":"0 0 141 123","feedly":"0 0 141 123","glassdoor-dark":"0 0 140 196","glassdoor":"0 0 140 196","google-analytics-dark":"0 0 140 160","google-analytics":"0 0 140 160","google-business-messages-dark":"0 0 140 140","google-business-messages":"0 0 140 140","google-drive-dark":"0 0 140 126","google-drive":"0 0 140 126","google-my-business-dark":"0 0 140 123","google-my-business":"0 0 140 123","hubspot-dark":"0 0 140 156","hubspot":"0 0 140 156","instagram-dark":"0 0 140 140","instagram":"0 0 140 140","linkedin-audience-network-dark":"0 0 140 141","linkedin-audience-network":"0 0 140 141","linkedin-dark":"0 0 140 140","linkedin":"0 0 140 140","marketo-dark":"0 0 140 164","marketo":"0 0 140 164","messenger-dark":"0 0 140 141","messenger":"0 0 140 140","microsoft-dynamics-dark":"0 0 140 227","microsoft-dynamics":"0 0 140 227","pinterest-dark":"0 0 140 141","pinterest":"0 0 140 141","reddit-dark":"0 0 140 140","reddit":"0 0 140 140","salesforce-dark":"0 0 140 99","salesforce":"0 0 140 99","shopify-dark":"0 0 140 159","shopify":"0 0 140 159","slack-dark":"0 0 140 140","slack":"0 0 140 140","tiktok-dark":"0 0 140 159","tiktok":"0 0 140 159","tripadvisor-dark":"0 0 140 140","tripadvisor":"0 0 140 140","tumblr-dark":"0 0 140 140","tumblr":"0 0 140 140","twitter-audience-network-dark":"0 0 140 140","twitter-audience-network":"0 0 140 140","twitter-dark":"0 0 140 114","twitter":"0 0 140 114","whatsapp-dark":"0 0 140 140","whatsapp":"0 0 140 141","woocommerce-dark":"0 0 140 84","woocommerce":"0 0 140 84","yelp-dark":"0 0 140 159","yelp":"0 0 140 159","youtube-dark":"0 0 140 99","youtube":"0 0 140 99","zendesk-dark":"0 0 140 107","zendesk-lockup-dark":"0 0 160 115","zendesk-lockup":"0 0 160 115","zendesk-wordmark-dark":"0 0 350 67","zendesk-wordmark":"0 0 350 67","zendesk":"0 0 140 107"};
|
|
1
|
+
module.exports = {"bigcommerce-dark":"0 0 16 16","bigcommerce":"0 0 16 16","bitly-dark":"0 0 140 64","bitly":"0 0 140 64","canva-dark":"0 0 140 140","canva":"0 0 140 140","dropbox-dark":"0 0 140 119","dropbox-lockup-dark":"0 0 291 57","dropbox-lockup":"0 0 291 57","dropbox-wordmark-dark":"0 0 308 71","dropbox-wordmark":"0 0 308 71","dropbox":"0 0 140 119","facebook-audience-network-dark":"0 0 140 145","facebook-audience-network":"0 0 140 145","facebook-dark":"0 0 141 139","facebook-groups-dark":"0 0 140 140","facebook-groups":"0 0 140 140","facebook-shops-dark":"0 0 141 155","facebook-shops":"0 0 141 155","facebook":"0 0 141 139","feedly-dark":"0 0 141 123","feedly":"0 0 141 123","glassdoor-dark":"0 0 140 196","glassdoor":"0 0 140 196","google-analytics-dark":"0 0 140 160","google-analytics":"0 0 140 160","google-business-messages-dark":"0 0 140 140","google-business-messages":"0 0 140 140","google-drive-dark":"0 0 140 126","google-drive":"0 0 140 126","google-my-business-dark":"0 0 140 123","google-my-business":"0 0 140 123","hubspot-dark":"0 0 140 156","hubspot":"0 0 140 156","instagram-dark":"0 0 140 140","instagram":"0 0 140 140","linkedin-audience-network-dark":"0 0 140 141","linkedin-audience-network":"0 0 140 141","linkedin-dark":"0 0 140 140","linkedin":"0 0 140 140","marketo-dark":"0 0 140 164","marketo":"0 0 140 164","messenger-dark":"0 0 140 141","messenger":"0 0 140 140","microsoft-dynamics-dark":"0 0 140 227","microsoft-dynamics":"0 0 140 227","pinterest-dark":"0 0 140 141","pinterest":"0 0 140 141","reddit-dark":"0 0 140 140","reddit":"0 0 140 140","salesforce-dark":"0 0 140 99","salesforce":"0 0 140 99","shopify-dark":"0 0 140 159","shopify":"0 0 140 159","slack-dark":"0 0 140 140","slack":"0 0 140 140","tiktok-dark":"0 0 140 159","tiktok":"0 0 140 159","tripadvisor-dark":"0 0 140 140","tripadvisor":"0 0 140 140","tumblr-dark":"0 0 140 140","tumblr":"0 0 140 140","twitter-audience-network-dark":"0 0 140 140","twitter-audience-network":"0 0 140 140","twitter-dark":"0 0 140 114","twitter":"0 0 140 114","whatsapp-dark":"0 0 140 140","whatsapp":"0 0 140 141","woocommerce-dark":"0 0 140 84","woocommerce":"0 0 140 84","yelp-dark":"0 0 140 159","yelp":"0 0 140 159","youtube-dark":"0 0 140 99","youtube":"0 0 140 99","zendesk-dark":"0 0 140 107","zendesk-lockup-dark":"0 0 160 115","zendesk-lockup":"0 0 160 115","zendesk-wordmark-dark":"0 0 350 67","zendesk-wordmark":"0 0 350 67","zendesk":"0 0 140 107"};
|
|
@@ -50,8 +50,9 @@ const PartnerLogo = ({
|
|
|
50
50
|
|
|
51
51
|
return (
|
|
52
52
|
<Container
|
|
53
|
-
|
|
54
|
-
|
|
53
|
+
//we add pixels here because view box coordinates are numbers
|
|
54
|
+
height={height ? height : defaultHeight + "px"}
|
|
55
|
+
width={width ? width : defaultWidth + "px"}
|
|
55
56
|
logoSize={size}
|
|
56
57
|
// $FlowIssue - upgrade v0.112.0
|
|
57
58
|
{...rest}
|
|
@@ -11,6 +11,7 @@ export default {
|
|
|
11
11
|
options: [
|
|
12
12
|
"zendesk",
|
|
13
13
|
"dropbox",
|
|
14
|
+
"bigcommerce",
|
|
14
15
|
"bitly",
|
|
15
16
|
"canva",
|
|
16
17
|
"twitter",
|
|
@@ -81,7 +82,7 @@ export const LogoLayout = (args: TypeProps) => (
|
|
|
81
82
|
<Box display="flex" alignItems="stretch">
|
|
82
83
|
<Box display="flex" alignItems="center" mr={600}>
|
|
83
84
|
<PartnerLogo partnerName="facebook" mr={600} />
|
|
84
|
-
<PartnerLogo height="
|
|
85
|
+
<PartnerLogo height="30px" partnerName="microsoft-dynamics" mr={600} />
|
|
85
86
|
<PartnerLogo size="jumbo" partnerName="zendesk" />
|
|
86
87
|
</Box>
|
|
87
88
|
<Box display="flex" flexDirection="column" justifyContent="space-between">
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16">
|
|
2
|
+
<path fill="#fff" fill-rule="evenodd" d="M9.846 5.985l5.968-5.95c.077-.076.21-.019.182.086v15.764a.106.106 0 01-.105.105H.137c-.125 0-.182-.153-.096-.24l6.552-6.523v4.506c0 .057.058.114.125.114h4.228c1.54 0 2.334-.947 2.334-2.133 0-.841-.488-1.559-1.177-1.827-.105-.038-.105-.172-.01-.21.593-.268 1.148-.87 1.148-1.693 0-1.043-.899-2-2.42-2h-.975zM8.43 9.103h2.018c.574 0 .938-.316.938-.823 0-.478-.364-.822-.938-.822H8.43c-.067 0-.124.057-.124.115v1.415c.01.067.057.115.124.115zm0 3.262h2.085c.641 0 1.024-.325 1.024-.9 0-.497-.364-.899-1.024-.899H8.43c-.067 0-.124.058-.124.115v1.56c.01.076.057.124.124.124z" clip-rule="evenodd"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16">
|
|
2
|
+
<path fill="#34313F" fill-rule="evenodd" d="M9.846 5.985l5.968-5.95c.077-.076.21-.019.182.086v15.764a.106.106 0 01-.105.105H.137c-.125 0-.182-.153-.096-.24l6.552-6.523v4.506c0 .057.058.114.125.114h4.228c1.54 0 2.334-.947 2.334-2.133 0-.841-.488-1.559-1.177-1.827-.105-.038-.105-.172-.01-.21.593-.268 1.148-.87 1.148-1.693 0-1.043-.899-2-2.42-2h-.975zM8.43 9.103h2.018c.574 0 .938-.316.938-.823 0-.478-.364-.822-.938-.822H8.43c-.067 0-.124.057-.124.115v1.415c.01.067.057.115.124.115zm0 3.262h2.085c.641 0 1.024-.325 1.024-.9 0-.497-.364-.899-1.024-.899H8.43c-.067 0-.124.058-.124.115v1.56c.01.076.057.124.124.124z" clip-rule="evenodd"/>
|
|
3
|
+
</svg>
|
|
@@ -13,11 +13,11 @@ const sizes = {
|
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
const stylesForSize = (height, width, logoSize) => css`
|
|
16
|
-
line-height: ${logoSize ? logoSize : height
|
|
16
|
+
line-height: ${logoSize ? logoSize : height};
|
|
17
17
|
|
|
18
18
|
&,
|
|
19
19
|
.logo-svg {
|
|
20
|
-
height: ${logoSize ? logoSize : height
|
|
20
|
+
height: ${logoSize ? logoSize : height};
|
|
21
21
|
width: ${logoSize ? logoSize : ""};
|
|
22
22
|
}
|
|
23
23
|
|
|
@@ -25,12 +25,12 @@ const stylesForSize = (height, width, logoSize) => css`
|
|
|
25
25
|
/* stylelint-disable */
|
|
26
26
|
_:-ms-fullscreen &,
|
|
27
27
|
html & {
|
|
28
|
-
width: ${logoSize ? logoSize : width
|
|
28
|
+
width: ${logoSize ? logoSize : width};
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
${"" /* PDF hack, do not remove */}
|
|
32
32
|
.pdf-page & {
|
|
33
|
-
width: ${logoSize ? logoSize : width
|
|
33
|
+
width: ${logoSize ? logoSize : width};
|
|
34
34
|
}
|
|
35
35
|
`;
|
|
36
36
|
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<svg width="303" height="223" viewBox="0 0 303 223" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M13 3C13 4.65685 11.6569 6 10 6C8.34315 6 7 4.65685 7 3C7 1.34315 8.34315 0 10 0C11.6569 0 13 1.34315 13 3Z" fill="#56ADF5"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M35 16C35 12.6863 37.6863 10 41 10C44.3137 10 47 12.6863 47 16C47 19.3137 44.3137 22 41 22C37.6863 22 35 19.3137 35 16ZM41 12C38.7909 12 37 13.7909 37 16C37 18.2091 38.7909 20 41 20C43.2091 20 45 18.2091 45 16C45 13.7909 43.2091 12 41 12Z" fill="#56ADF5"/>
|
|
4
|
+
<path d="M6 42C6.55228 42 7 42.4477 7 43V47H11C11.5523 47 12 47.4477 12 48C12 48.5523 11.5523 49 11 49H7V53C7 53.5523 6.55228 54 6 54C5.44772 54 5 53.5523 5 53V49H1C0.447715 49 0 48.5523 0 48C0 47.4477 0.447715 47 1 47H5V43C5 42.4477 5.44772 42 6 42Z" fill="#56ADF5"/>
|
|
5
|
+
<path d="M275 184C275 183.448 274.552 183 274 183C273.448 183 273 183.448 273 184V188H269C268.448 188 268 188.448 268 189C268 189.552 268.448 190 269 190H273V194C273 194.552 273.448 195 274 195C274.552 195 275 194.552 275 194V190H279C279.552 190 280 189.552 280 189C280 188.448 279.552 188 279 188H275V184Z" fill="#56ADF5"/>
|
|
6
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M291 216C291 212.686 293.686 210 297 210C300.314 210 303 212.686 303 216C303 219.314 300.314 222 297 222C293.686 222 291 219.314 291 216ZM297 212C294.791 212 293 213.791 293 216C293 218.209 294.791 220 297 220C299.209 220 301 218.209 301 216C301 213.791 299.209 212 297 212Z" fill="#56ADF5"/>
|
|
7
|
+
<path d="M252 220C252 221.657 250.657 223 249 223C247.343 223 246 221.657 246 220C246 218.343 247.343 217 249 217C250.657 217 252 218.343 252 220Z" fill="#56ADF5"/>
|
|
8
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M107 177H187V105L163 81H107V177ZM117.5 109.5C117.5 108.948 117.948 108.5 118.5 108.5H163.5C164.052 108.5 164.5 108.948 164.5 109.5C164.5 110.052 164.052 110.5 163.5 110.5H118.5C117.948 110.5 117.5 110.052 117.5 109.5ZM117.5 117.5C117.5 116.948 117.948 116.5 118.5 116.5H163.5C164.052 116.5 164.5 116.948 164.5 117.5C164.5 118.052 164.052 118.5 163.5 118.5H118.5C117.948 118.5 117.5 118.052 117.5 117.5ZM118.5 124.5C117.948 124.5 117.5 124.948 117.5 125.5C117.5 126.052 117.948 126.5 118.5 126.5H163.5C164.052 126.5 164.5 126.052 164.5 125.5C164.5 124.948 164.052 124.5 163.5 124.5H118.5ZM117.5 133.5C117.5 132.948 117.948 132.5 118.5 132.5H163.5C164.052 132.5 164.5 132.948 164.5 133.5C164.5 134.052 164.052 134.5 163.5 134.5H118.5C117.948 134.5 117.5 134.052 117.5 133.5ZM118.5 140.5C117.948 140.5 117.5 140.948 117.5 141.5C117.5 142.052 117.948 142.5 118.5 142.5H147.5C148.052 142.5 148.5 142.052 148.5 141.5C148.5 140.948 148.052 140.5 147.5 140.5H118.5Z" fill="#56ADF5"/>
|
|
9
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M29 42C29 38.134 32.134 35 36 35H248C251.866 35 255 38.134 255 42V190C255 193.866 251.866 197 248 197H36C32.134 197 29 193.866 29 190V42ZM36 37C33.2386 37 31 39.2386 31 42V54.7407H253V42C253 39.2386 250.761 37 248 37H36ZM253 56.7407H31V190C31 192.761 33.2386 195 36 195H248C250.761 195 253 192.761 253 190V56.7407ZM73 44C73 42.3431 74.3431 41 76 41H241C242.657 41 244 42.3431 244 44V48C244 49.6569 242.657 51 241 51H76C74.3431 51 73 49.6569 73 48V44ZM76 43C75.4477 43 75 43.4477 75 44V48C75 48.5523 75.4477 49 76 49H241C241.552 49 242 48.5523 242 48V44C242 43.4477 241.552 43 241 43H76ZM40.25 45C39.5596 45 39 45.5596 39 46.25C39 46.9404 39.5596 47.5 40.25 47.5C40.9404 47.5 41.5 46.9404 41.5 46.25C41.5 45.5596 40.9404 45 40.25 45ZM37 46.25C37 44.4551 38.4551 43 40.25 43C42.0449 43 43.5 44.4551 43.5 46.25C43.5 48.0449 42.0449 49.5 40.25 49.5C38.4551 49.5 37 48.0449 37 46.25ZM50.25 45C49.5596 45 49 45.5596 49 46.25C49 46.9404 49.5596 47.5 50.25 47.5C50.9404 47.5 51.5 46.9404 51.5 46.25C51.5 45.5596 50.9404 45 50.25 45ZM47 46.25C47 44.4551 48.4551 43 50.25 43C52.0449 43 53.5 44.4551 53.5 46.25C53.5 48.0449 52.0449 49.5 50.25 49.5C48.4551 49.5 47 48.0449 47 46.25ZM60.25 45C59.5596 45 59 45.5596 59 46.25C59 46.9404 59.5596 47.5 60.25 47.5C60.9404 47.5 61.5 46.9404 61.5 46.25C61.5 45.5596 60.9404 45 60.25 45ZM57 46.25C57 44.4551 58.4551 43 60.25 43C62.0449 43 63.5 44.4551 63.5 46.25C63.5 48.0449 62.0449 49.5 60.25 49.5C58.4551 49.5 57 48.0449 57 46.25ZM101 75H158.414L183 99.5858V173H101V75ZM103 77V171H181V101H157V77H103ZM159 78.4142L179.586 99H159V78.4142Z" fill="#273333"/>
|
|
10
|
+
</svg>
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
//@flow strict-local
|
|
2
2
|
import { darken, lighten } from "polished";
|
|
3
3
|
import { useTheme } from "styled-components";
|
|
4
|
-
import type { TypeColors } from "../types/theme.colors.flow.js";
|
|
5
4
|
|
|
6
5
|
/**
|
|
7
6
|
* The useInteractiveColor hook has context of theme mode (light or dark)
|
|
@@ -9,7 +8,7 @@ import type { TypeColors } from "../types/theme.colors.flow.js";
|
|
|
9
8
|
*
|
|
10
9
|
* note: colors are limited to our theme colors
|
|
11
10
|
*/
|
|
12
|
-
const useInteractiveColor = (themeColor:
|
|
11
|
+
const useInteractiveColor = (themeColor: string): string => {
|
|
13
12
|
// Throw error if used outside of a ThemeProvider (styled-components)
|
|
14
13
|
if (!useTheme()) {
|
|
15
14
|
throw new Error(
|
|
@@ -57,7 +57,7 @@ var Container = _styledComponents.default.button.withConfig({
|
|
|
57
57
|
}, function (props) {
|
|
58
58
|
return props.disabled && _mixins.disabled;
|
|
59
59
|
}, function (props) {
|
|
60
|
-
return props.appearance === "pill" && (0, _styledComponents.css)(["display:inline-flex;align-items:center;justify-content:center;
|
|
60
|
+
return props.appearance === "pill" && (0, _styledComponents.css)(["display:inline-flex;align-items:center;justify-content:center;background-color:transparent;", " &:focus:active,&:hover{background-color:transparent;box-shadow:inset 0px 0px 0px 1px ", ";}"], _mixins.pill, props.theme.colors.button[props.appearance].border.hover);
|
|
61
61
|
}, _styles.default, _systemProps.LAYOUT, _systemProps.COMMON);
|
|
62
62
|
|
|
63
63
|
Container.displayName = "Button-Container";
|
|
@@ -50,9 +50,10 @@ var PartnerLogo = function PartnerLogo(_ref) {
|
|
|
50
50
|
var viewBoxCoordinates = (logoViewBox == null ? void 0 : logoViewBox.split(" ")) || [];
|
|
51
51
|
var defaultWidth = viewBoxCoordinates[2];
|
|
52
52
|
var defaultHeight = viewBoxCoordinates[3];
|
|
53
|
-
return /*#__PURE__*/_react.default.createElement(_styles.default
|
|
54
|
-
|
|
55
|
-
|
|
53
|
+
return /*#__PURE__*/_react.default.createElement(_styles.default //we add pixels here because view box coordinates are numbers
|
|
54
|
+
, _extends({
|
|
55
|
+
height: height ? height : defaultHeight + "px",
|
|
56
|
+
width: width ? width : defaultWidth + "px",
|
|
56
57
|
logoSize: size // $FlowIssue - upgrade v0.112.0
|
|
57
58
|
|
|
58
59
|
}, rest), /*#__PURE__*/_react.default.createElement("svg", _extends({
|
|
@@ -22,9 +22,9 @@ var sizes = {
|
|
|
22
22
|
};
|
|
23
23
|
|
|
24
24
|
var stylesForSize = function stylesForSize(height, width, logoSize) {
|
|
25
|
-
return (0, _styledComponents.css)(["line-height:", ";&,.logo-svg{height:", ";width:", ";}_:-ms-fullscreen &,html &{width:", ";}", " .pdf-page &{width:", ";}"], logoSize ? logoSize : height
|
|
25
|
+
return (0, _styledComponents.css)(["line-height:", ";&,.logo-svg{height:", ";width:", ";}_:-ms-fullscreen &,html &{width:", ";}", " .pdf-page &{width:", ";}"], logoSize ? logoSize : height, logoSize ? logoSize : height, logoSize ? logoSize : "", logoSize ? logoSize : width, ""
|
|
26
26
|
/* PDF hack, do not remove */
|
|
27
|
-
, logoSize ? logoSize : width
|
|
27
|
+
, logoSize ? logoSize : width);
|
|
28
28
|
};
|
|
29
29
|
|
|
30
30
|
var Container = _styledComponents.default.span.attrs({
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.illustrationNames = void 0;
|
|
5
|
-
var illustrationNames = ["abacus", "analytics-offering", "astronaut", "brand-keyword", "business", "calendar-event", "calendar-reporting", "cat-error", "cat-no-access", "cat", "checkbox-alert", "coffee-cup", "competitors", "compose-window", "compose", "computer-error", "connect", "contact", "conversation", "custom-branding", "customer-service", "dashboard", "exclamation-mark", "face-happy", "find-bookmark", "flask", "general-topic", "global-features", "global-trend", "grow-large", "grow", "hands-raised", "headset", "heartbeat-connection", "invoice", "jewel", "keyword-tracking", "lightbulb-alt", "lightbulb", "like-conversation", "link-broken", "link-messages", "link-sections", "link-upload", "listening-pendo", "listening-sentiment", "listening-topic-templates", "listening-tour", "listening", "loading", "mailbox-empty", "mailbox-full", "message", "network-data", "no-messages-found", "no-notifications", "notification", "notifications-onboarding", "organize-message", "outbox-queue", "outbox-reviews", "pdf", "podium", "pointer", "publish-assets", "publish-links", "puzzle-piece", "question-mark", "reporting-folder", "reporting", "review-location", "review", "robot-assembly", "robot-error", "robot-happy", "rocket", "schedule-date", "schedule-messages", "search-keywords", "search-success", "search-trends", "search", "security", "sentiment", "shopping-bag", "spark-line", "stamp", "storefront", "success", "tag-message", "tag", "team-roles", "team", "telescope", "tha-mel", "thumbs-up", "toggle-switch", "toolset-strength", "tracking-time", "twitter-messages", "twitter-profiles", "under-construction", "unsubscribe", "upward-trend", "user-task", "view-connections", "vip-list", "warning", "wifi"];
|
|
5
|
+
var illustrationNames = ["abacus", "analytics-offering", "astronaut", "brand-keyword", "browser-doc", "business", "calendar-event", "calendar-reporting", "cat-error", "cat-no-access", "cat", "checkbox-alert", "coffee-cup", "competitors", "compose-window", "compose", "computer-error", "connect", "contact", "conversation", "custom-branding", "customer-service", "dashboard", "exclamation-mark", "face-happy", "find-bookmark", "flask", "general-topic", "global-features", "global-trend", "grow-large", "grow", "hands-raised", "headset", "heartbeat-connection", "invoice", "jewel", "keyword-tracking", "lightbulb-alt", "lightbulb", "like-conversation", "link-broken", "link-messages", "link-sections", "link-upload", "listening-pendo", "listening-sentiment", "listening-topic-templates", "listening-tour", "listening", "loading", "mailbox-empty", "mailbox-full", "message", "network-data", "no-messages-found", "no-notifications", "notification", "notifications-onboarding", "organize-message", "outbox-queue", "outbox-reviews", "pdf", "podium", "pointer", "publish-assets", "publish-links", "puzzle-piece", "question-mark", "reporting-folder", "reporting", "review-location", "review", "robot-assembly", "robot-error", "robot-happy", "rocket", "schedule-date", "schedule-messages", "search-keywords", "search-success", "search-trends", "search", "security", "sentiment", "shopping-bag", "spark-line", "stamp", "storefront", "success", "tag-message", "tag", "team-roles", "team", "telescope", "tha-mel", "thumbs-up", "toggle-switch", "toolset-strength", "tracking-time", "twitter-messages", "twitter-profiles", "under-construction", "unsubscribe", "upward-trend", "user-task", "view-connections", "vip-list", "warning", "wifi"];
|
|
6
6
|
exports.illustrationNames = illustrationNames;
|
|
@@ -125,7 +125,8 @@ var colors = _extends({}, _theme.default.colors, {
|
|
|
125
125
|
active: _seedsColor.default.COLOR_NEUTRAL_900
|
|
126
126
|
},
|
|
127
127
|
border: {
|
|
128
|
-
base: "transparent"
|
|
128
|
+
base: "transparent",
|
|
129
|
+
hover: _seedsColor.default.COLOR_NEUTRAL_0
|
|
129
130
|
},
|
|
130
131
|
text: {
|
|
131
132
|
base: _seedsColor.default.COLOR_NEUTRAL_100,
|