@sproutsocial/racine 8.5.0 → 8.6.1-collapsible-fix.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 +18 -0
- package/__flow__/Collapsible/index.js +41 -11
- package/__flow__/Collapsible/index.stories.js +77 -0
- package/__flow__/Collapsible/styles.js +26 -2
- package/__flow__/EnumIconNames.js +1 -1
- package/__flow__/IconViewBoxes.js +1 -1
- package/__flow__/dataviz/dataviz.stories.js +12 -0
- package/__flow__/dataviz/index.js +13 -0
- package/__flow__/themes/dark/dataviz-palette.js +50 -0
- package/__flow__/themes/dark/theme.js +2 -0
- package/__flow__/themes/default/dataviz-palette.js +50 -0
- package/__flow__/themes/default/theme.js +2 -0
- package/commonjs/Collapsible/index.js +29 -11
- package/commonjs/Collapsible/styles.js +4 -1
- package/commonjs/IconViewBoxes.js +3 -0
- package/commonjs/dataviz/index.js +24 -0
- package/commonjs/include-icons.js +1 -1
- package/commonjs/themes/dark/dataviz-palette.js +35 -0
- package/commonjs/themes/dark/theme.js +3 -1
- package/commonjs/themes/default/dataviz-palette.js +35 -0
- package/commonjs/themes/default/theme.js +3 -1
- package/dist/iconList.js +1 -1
- package/dist/icons.svg +1 -1
- package/icons/deconstructed-positive-sentiment.svg +3 -0
- package/icons/flat-positive-sentiment-outline.svg +4 -0
- package/icons/flat-positive-sentiment.svg +3 -0
- package/includeIcons.js +1 -1
- package/lib/Collapsible/index.js +29 -11
- package/lib/Collapsible/styles.js +4 -1
- package/lib/IconViewBoxes.js +3 -0
- package/lib/dataviz/index.js +13 -0
- package/lib/include-icons.js +1 -1
- package/lib/themes/dark/dataviz-palette.js +26 -0
- package/lib/themes/dark/theme.js +2 -1
- package/lib/themes/default/dataviz-palette.js +26 -0
- package/lib/themes/default/theme.js +2 -1
- package/package.json +2 -1
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.datavizPalette = void 0;
|
|
5
|
+
|
|
6
|
+
var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
|
|
7
|
+
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
+
|
|
10
|
+
var datavizPalette = {
|
|
11
|
+
DATAVIZ_COLORS_LIST: [_seedsColor.default.COLOR_TEAL_400, _seedsColor.default.COLOR_PURPLE_400, _seedsColor.default.COLOR_PINK_400, _seedsColor.default.COLOR_YELLOW_500, _seedsColor.default.COLOR_BLUE_400, _seedsColor.default.COLOR_MAGENTA_400, _seedsColor.default.COLOR_GREEN_400, _seedsColor.default.COLOR_ORANGE_400, _seedsColor.default.COLOR_RED_700, _seedsColor.default.COLOR_TEAL_700, _seedsColor.default.COLOR_PURPLE_700, _seedsColor.default.COLOR_PINK_700, _seedsColor.default.COLOR_YELLOW_800, _seedsColor.default.COLOR_BLUE_700, _seedsColor.default.COLOR_MAGENTA_700, _seedsColor.default.COLOR_GREEN_700, _seedsColor.default.COLOR_ORANGE_700, _seedsColor.default.COLOR_RED_400, _seedsColor.default.COLOR_GREEN_200, _seedsColor.default.COLOR_YELLOW_200],
|
|
12
|
+
DATAVIZ_COLORS_MAP: {
|
|
13
|
+
"1": _seedsColor.default.COLOR_TEAL_400,
|
|
14
|
+
"2": _seedsColor.default.COLOR_PURPLE_400,
|
|
15
|
+
"3": _seedsColor.default.COLOR_PINK_400,
|
|
16
|
+
"4": _seedsColor.default.COLOR_YELLOW_500,
|
|
17
|
+
"5": _seedsColor.default.COLOR_BLUE_400,
|
|
18
|
+
"6": _seedsColor.default.COLOR_MAGENTA_400,
|
|
19
|
+
"7": _seedsColor.default.COLOR_GREEN_400,
|
|
20
|
+
"8": _seedsColor.default.COLOR_ORANGE_400,
|
|
21
|
+
"9": _seedsColor.default.COLOR_RED_700,
|
|
22
|
+
"10": _seedsColor.default.COLOR_TEAL_700,
|
|
23
|
+
"11": _seedsColor.default.COLOR_PURPLE_700,
|
|
24
|
+
"12": _seedsColor.default.COLOR_PINK_700,
|
|
25
|
+
"13": _seedsColor.default.COLOR_YELLOW_800,
|
|
26
|
+
"14": _seedsColor.default.COLOR_BLUE_700,
|
|
27
|
+
"15": _seedsColor.default.COLOR_MAGENTA_700,
|
|
28
|
+
"16": _seedsColor.default.COLOR_GREEN_700,
|
|
29
|
+
"17": _seedsColor.default.COLOR_ORANGE_700,
|
|
30
|
+
"18": _seedsColor.default.COLOR_RED_400,
|
|
31
|
+
"19": _seedsColor.default.COLOR_GREEN_200,
|
|
32
|
+
"20": _seedsColor.default.COLOR_YELLOW_200
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
exports.datavizPalette = datavizPalette;
|
|
@@ -7,6 +7,8 @@ var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
|
|
|
7
7
|
|
|
8
8
|
var _theme = _interopRequireDefault(require("../default/theme"));
|
|
9
9
|
|
|
10
|
+
var _datavizPalette = require("./dataviz-palette");
|
|
11
|
+
|
|
10
12
|
var _decorativePalettes = require("./decorative-palettes");
|
|
11
13
|
|
|
12
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -187,7 +189,7 @@ var darkTheme = _extends({}, _theme.default, {
|
|
|
187
189
|
selected: _seedsColor.default.COLOR_NEUTRAL_0
|
|
188
190
|
}
|
|
189
191
|
}
|
|
190
|
-
}),
|
|
192
|
+
}, _datavizPalette.datavizPalette),
|
|
191
193
|
mode: "dark"
|
|
192
194
|
});
|
|
193
195
|
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.datavizPalette = void 0;
|
|
5
|
+
|
|
6
|
+
var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
|
|
7
|
+
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
+
|
|
10
|
+
var datavizPalette = {
|
|
11
|
+
DATAVIZ_COLORS_LIST: [_seedsColor.default.COLOR_TEAL_500, _seedsColor.default.COLOR_PURPLE_700, _seedsColor.default.COLOR_PINK_700, _seedsColor.default.COLOR_YELLOW_500, _seedsColor.default.COLOR_BLUE_500, _seedsColor.default.COLOR_MAGENTA_500, _seedsColor.default.COLOR_GREEN_500, _seedsColor.default.COLOR_ORANGE_500, _seedsColor.default.COLOR_RED_700, _seedsColor.default.COLOR_TEAL_900, _seedsColor.default.COLOR_PURPLE_400, _seedsColor.default.COLOR_PINK_900, _seedsColor.default.COLOR_YELLOW_900, _seedsColor.default.COLOR_BLUE_900, _seedsColor.default.COLOR_MAGENTA_900, _seedsColor.default.COLOR_GREEN_900, _seedsColor.default.COLOR_ORANGE_900, _seedsColor.default.COLOR_RED_400, _seedsColor.default.COLOR_GREEN_700, _seedsColor.default.COLOR_YELLOW_800],
|
|
12
|
+
DATAVIZ_COLORS_MAP: {
|
|
13
|
+
"1": _seedsColor.default.COLOR_TEAL_500,
|
|
14
|
+
"2": _seedsColor.default.COLOR_PURPLE_700,
|
|
15
|
+
"3": _seedsColor.default.COLOR_PINK_700,
|
|
16
|
+
"4": _seedsColor.default.COLOR_YELLOW_500,
|
|
17
|
+
"5": _seedsColor.default.COLOR_BLUE_500,
|
|
18
|
+
"6": _seedsColor.default.COLOR_MAGENTA_500,
|
|
19
|
+
"7": _seedsColor.default.COLOR_GREEN_500,
|
|
20
|
+
"8": _seedsColor.default.COLOR_ORANGE_500,
|
|
21
|
+
"9": _seedsColor.default.COLOR_RED_700,
|
|
22
|
+
"10": _seedsColor.default.COLOR_TEAL_900,
|
|
23
|
+
"11": _seedsColor.default.COLOR_PURPLE_400,
|
|
24
|
+
"12": _seedsColor.default.COLOR_PINK_900,
|
|
25
|
+
"13": _seedsColor.default.COLOR_YELLOW_900,
|
|
26
|
+
"14": _seedsColor.default.COLOR_BLUE_900,
|
|
27
|
+
"15": _seedsColor.default.COLOR_MAGENTA_900,
|
|
28
|
+
"16": _seedsColor.default.COLOR_GREEN_900,
|
|
29
|
+
"17": _seedsColor.default.COLOR_ORANGE_900,
|
|
30
|
+
"18": _seedsColor.default.COLOR_RED_400,
|
|
31
|
+
"19": _seedsColor.default.COLOR_GREEN_700,
|
|
32
|
+
"20": _seedsColor.default.COLOR_YELLOW_800
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
exports.datavizPalette = datavizPalette;
|
|
@@ -7,6 +7,8 @@ var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
|
|
|
7
7
|
|
|
8
8
|
var _literalColors = _interopRequireDefault(require("./literal-colors"));
|
|
9
9
|
|
|
10
|
+
var _datavizPalette = require("./dataviz-palette");
|
|
11
|
+
|
|
10
12
|
var _decorativePalettes = require("./decorative-palettes");
|
|
11
13
|
|
|
12
14
|
var _seedsNetworkcolor = _interopRequireDefault(require("@sproutsocial/seeds-networkcolor"));
|
|
@@ -228,7 +230,7 @@ var colors = _extends({
|
|
|
228
230
|
whatsapp: _seedsNetworkcolor.default.NETWORK_COLOR_WHATSAPP,
|
|
229
231
|
tiktok: _seedsNetworkcolor.default.NETWORK_COLOR_TIKTOK
|
|
230
232
|
}
|
|
231
|
-
}, _literalColors.default);
|
|
233
|
+
}, _literalColors.default, _datavizPalette.datavizPalette);
|
|
232
234
|
|
|
233
235
|
var typography = {
|
|
234
236
|
"100": _seedsTypography.default.TYPOGRAPHY_SIZE_100,
|
package/dist/iconList.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports = ["active-listener","add-item","add-keyword","add-team-member","add-variable","address-card-solid","adobe-experience-manager","ads","android","apple","approval-indicator-outline","approval-indicator","archive","arrow-down-line","arrow-down","arrow-left-line","arrow-left","arrow-right-line","arrow-right","arrow-up-line","arrow-up","arrows","asset-library-outline","asset-library","assign","atom","audio","back-to-top","bambu-icon-outline","bambu-icon","barcode","basketball","bell-outline","bigcommerce","bitly","bold","book","bot","browser","business","calendar-outline","calendar","camera-outline","camera-story","camera","campaign","canva","carousel","cart-plus-outline","cart-plus","check","chevron-down-filled","chevron-down","chevron-left","chevron-right","chevron-up-down-filled","chevron-up-filled","chevron-up","circle-check-outline","circle-check","circle","circle+","circles","circlex","click-to-view","clicks","clipboard-outline","clipboard","clock","closed-captioning","cloud","code","columns","comment-alt-outline","comment-alt","comment-lines-alt-outline","comment","compact-density","compact-indicator","comparison","competitor","compose","content-suggestions","credit-card","crop","crown","dashboard","deconstructed-negative-sentiment","deconstructed-neutral-sentiment","discovery","dislike-outline","dislike","dm-link-outline","dm-link","dotdotdot","download","drafts-outline","drafts","dropbox","duplicate-outline","duplicate","emoji-outline","emoji","empty-image","engagement-per-post","engagements","error","exchange-alt","expanded-indicator","export","extended-circles","external-link-alt","external-link","extreme-negative-sentiment","eye-outline","eye-slash-outline","eye-slash","eye","facebook-audience-network","facebook-branded-content-outline","facebook-branded-content","facebook-groups","facebook","fb-reactions-angry","fb-reactions-haha","fb-reactions-like","fb-reactions-love","fb-reactions-sad","fb-reactions-wow","feedly","feeds","female","file-chart-line","file-edit","file-times-solid","filter","flag-outline","flag","flat-negative-sentiment-outline","flat-negative-sentiment","flat-neutral-sentiment-outline","flat-neutral-sentiment","folder-open","folder","follow-outline","follow","follower-increase","following","font","full-access","gear","gears","glassdoor","glasses","globe","google-analytics-color","google-business-messages","google-drive","google-my-business","grip","h1","h2","hamburger","hashtag","headset","heart-outline","heart","heartbeat","help","hiking","history","home","hourglass","hubspot","image-caption","image","images","impressions-per-post","impressions","inactive-listener","inbox-action","inbox-views","inbox","indicator","industry","info","instagram","internal-activity-outline","internal-activity","italic","key","keyboard","laptop-phone","large-density","lift","like-outline","like","link","linkedin-audience-network","linkedin","list-ol","listening","lists","location-outline","location","lock","male","marketo","mention","message-preview-outline","message-preview","message","messages-outline","messages","messenger","metric-table","microsoft-dynamics","minus","mobile","monitor","moon","negative-sentiment","neutral-positive-sentiment","neutral-sentiment","new-trend","newspaper","no-access","notepad","notifications-publishing-outline","notifications-publishing","notifications","offline","online","paid-promotion-outline","paid-promotion","paid","paint","palette","paperclip","pause","pencil-outline","pencil","person","phone","pinterest-boards-outline","pinterest-boards","pinterest","play-circle","play","plus","positive-sentiment","power-up","profile-connect","profile-disconnect","publishing-outline","publishing","puzzle-piece","qr-code","queue","recommendation","reddit-alien","reddit","referrals","refresh","rejected","reply-outline","reply","reporting-period","reporting","reports-home","reports","retweet","rss","sales","salesforce","save-assets","saved-messages","saved-reply-outline","saved-reply","search","sent-message-outline","sent-message","share","shopify","show-navigation","slack","small-density","smiley","some-access","sparkles","spike-alert","star-half-alt-solid","star-of-life","star-outline","star","sticky-note-outline","sticky-note","stories","story","suggestions","sun","tag-outline","tag","targeting-outline","targeting","tasks-outline","tasks","team-conversation-outline","team-conversation","team","text-asset","text","tiktok","times","trash-can-outline","trash-can","trend-down","trend-neutral","trend-up","trends","triangle-black","triangle","tripadvisor-circle-outline","tripadvisor-circle","tripadvisor","trophy-outline","tumblr","twitter-audience-network","twitter","unfollow-outline","unfollow","unlink","unlock","upload","user-circle","users","verified","video-camera-story","video-camera","vip","weight","whatsapp","window-maximize","window-minimize","window-regular","window-restore","woocommerce","x","yelp-full-star","yelp-half-star","yelp","youtube","zendesk"];
|
|
1
|
+
module.exports = ["active-listener","add-item","add-keyword","add-team-member","add-variable","address-card-solid","adobe-experience-manager","ads","android","apple","approval-indicator-outline","approval-indicator","archive","arrow-down-line","arrow-down","arrow-left-line","arrow-left","arrow-right-line","arrow-right","arrow-up-line","arrow-up","arrows","asset-library-outline","asset-library","assign","atom","audio","back-to-top","bambu-icon-outline","bambu-icon","barcode","basketball","bell-outline","bigcommerce","bitly","bold","book","bot","browser","business","calendar-outline","calendar","camera-outline","camera-story","camera","campaign","canva","carousel","cart-plus-outline","cart-plus","check","chevron-down-filled","chevron-down","chevron-left","chevron-right","chevron-up-down-filled","chevron-up-filled","chevron-up","circle-check-outline","circle-check","circle","circle+","circles","circlex","click-to-view","clicks","clipboard-outline","clipboard","clock","closed-captioning","cloud","code","columns","comment-alt-outline","comment-alt","comment-lines-alt-outline","comment","compact-density","compact-indicator","comparison","competitor","compose","content-suggestions","credit-card","crop","crown","dashboard","deconstructed-negative-sentiment","deconstructed-neutral-sentiment","deconstructed-positive-sentiment","discovery","dislike-outline","dislike","dm-link-outline","dm-link","dotdotdot","download","drafts-outline","drafts","dropbox","duplicate-outline","duplicate","emoji-outline","emoji","empty-image","engagement-per-post","engagements","error","exchange-alt","expanded-indicator","export","extended-circles","external-link-alt","external-link","extreme-negative-sentiment","eye-outline","eye-slash-outline","eye-slash","eye","facebook-audience-network","facebook-branded-content-outline","facebook-branded-content","facebook-groups","facebook","fb-reactions-angry","fb-reactions-haha","fb-reactions-like","fb-reactions-love","fb-reactions-sad","fb-reactions-wow","feedly","feeds","female","file-chart-line","file-edit","file-times-solid","filter","flag-outline","flag","flat-negative-sentiment-outline","flat-negative-sentiment","flat-neutral-sentiment-outline","flat-neutral-sentiment","flat-positive-sentiment-outline","flat-positive-sentiment","folder-open","folder","follow-outline","follow","follower-increase","following","font","full-access","gear","gears","glassdoor","glasses","globe","google-analytics-color","google-business-messages","google-drive","google-my-business","grip","h1","h2","hamburger","hashtag","headset","heart-outline","heart","heartbeat","help","hiking","history","home","hourglass","hubspot","image-caption","image","images","impressions-per-post","impressions","inactive-listener","inbox-action","inbox-views","inbox","indicator","industry","info","instagram","internal-activity-outline","internal-activity","italic","key","keyboard","laptop-phone","large-density","lift","like-outline","like","link","linkedin-audience-network","linkedin","list-ol","listening","lists","location-outline","location","lock","male","marketo","mention","message-preview-outline","message-preview","message","messages-outline","messages","messenger","metric-table","microsoft-dynamics","minus","mobile","monitor","moon","negative-sentiment","neutral-positive-sentiment","neutral-sentiment","new-trend","newspaper","no-access","notepad","notifications-publishing-outline","notifications-publishing","notifications","offline","online","paid-promotion-outline","paid-promotion","paid","paint","palette","paperclip","pause","pencil-outline","pencil","person","phone","pinterest-boards-outline","pinterest-boards","pinterest","play-circle","play","plus","positive-sentiment","power-up","profile-connect","profile-disconnect","publishing-outline","publishing","puzzle-piece","qr-code","queue","recommendation","reddit-alien","reddit","referrals","refresh","rejected","reply-outline","reply","reporting-period","reporting","reports-home","reports","retweet","rss","sales","salesforce","save-assets","saved-messages","saved-reply-outline","saved-reply","search","sent-message-outline","sent-message","share","shopify","show-navigation","slack","small-density","smiley","some-access","sparkles","spike-alert","star-half-alt-solid","star-of-life","star-outline","star","sticky-note-outline","sticky-note","stories","story","suggestions","sun","tag-outline","tag","targeting-outline","targeting","tasks-outline","tasks","team-conversation-outline","team-conversation","team","text-asset","text","tiktok","times","trash-can-outline","trash-can","trend-down","trend-neutral","trend-up","trends","triangle-black","triangle","tripadvisor-circle-outline","tripadvisor-circle","tripadvisor","trophy-outline","tumblr","twitter-audience-network","twitter","unfollow-outline","unfollow","unlink","unlock","upload","user-circle","users","verified","video-camera-story","video-camera","vip","weight","whatsapp","window-maximize","window-minimize","window-regular","window-restore","woocommerce","x","yelp-full-star","yelp-half-star","yelp","youtube","zendesk"];
|