@sproutsocial/racine 7.2.2 → 7.4.0-beta-maurice.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Change Log
 
+## 7.3.2
+
+### Patch Changes
+
+- 9e41c57: Fix auth token access in beta release action.
+
+## 7.3.1
+
+### Patch Changes
+
+- d5f607e: Add missing NPM token env var to beta-release action.
+
+## 7.3.0
+
+### Minor Changes
+
+- 80a1ed7: Update seeds-networkcolor, add WhatsApp to theme.js
+
 ## 7.2.2
 
 ### Patch Changes

package/README.md

@@ -104,7 +104,7 @@ Test any local package in another project by utilizing [yarn link](https://yarnp
 
 Contributions to Racine are welcomed and encouraged from every member of the team. Whether you're adding a new component or simply fixing a bug, every improvement to the library is future leverage for our peers, our product, and our customers. 
 
-### 🔍 Step 1: Find a way to contribute
+### **🔍 Step 1: Find a way to contribute**
 
 There are a few ways to get involved:
 
@@ -113,7 +113,7 @@ There are a few ways to get involved:
 - [Racine uses a GitHub project board to track our backlog, in-flight changes, and future changes](https://github.com/sproutsocial/racine/projects/2). It's a great way to get a broad look at what's happening in Racine. 
 - Come to the bi-weekly Racine Component Review meeting, where engineers gather to discuss new components and changes to existing ones. 
 
-### 🗺 Step 2: Find your way around
+### **🗺 Step 2: Find your way around**
 
 Racine's file structure is set up like this:
 
@@ -136,11 +136,11 @@ And you can interact with Racine via the command line with these commands:
 - `yarn clean` - Delete all generated files and directories.
 - `yarn release` - This will trigger the release process for creating a new version of the Racine package on npm. **Only Racine administrators can perform the release process.**
 
-### ✅ Step 3: Make your changes
+### **✅ Step 3: Make your changes**
 
 Racine uses a tool called [changesets](https://github.com/atlassian/changesets) to automatically pick new version numbers and update the changelog whenever we publish a new version of the package. 
 
-**If you are submitting a PR to Racine that should result in a version bump to the package, you should run `yarn change` to generate a changeset.**
+**Run `yarn change` to generate a changeset that will be used to derive the next version number for Racine from your changes.**
 
 We use semantic versioning for the Racine package, which allows users to understand the scope of a package's changes based on the version number, which is in the format `major.minor.patch`.
 
@@ -150,12 +150,41 @@ When running this command, you will be asked to select whether your change is a
 - **minor** changes are for new features or improvements, and they bump the middle digit in the version number (`x.0.x`)
 - **major** changes are *breaking changes*, and they bump the first digit (`0.x.x`). These types of changes are rare and should be coordinated in advance with the Design Systems team.
 
-The changeset CLI will also ask you to input a message detailing your changes. Try to be as descriptive and informative as possible with these messages, as they will be used to build a changelog file when a new version is released. You may also use Markdown formatting within changesets. 
+The changeset CLI will also ask you to input a message detailing your changes. The completion of the command will generate a new changeset markdown file. You are more than welcome to edit this file after it has been generated, so don't get hung up on trying to write the perfect text from the command line. Aim to make the text of the changeset file(s) as descriptive and informative as possible, as they will be used to build a changelog file when the new version is released.
 
-**You can add as many changesets to a PR as you would like.** If your PR makes several distinct changes to Racine, you should create a changeset detailing each one individually. 
+**You can add as many changesets to a PR as you would like.** If your PR makes several distinct changes to Racine, you should create a changeset detailing each one individually.
 
+### **β Step 4: Create a beta version *(optional)***
 
-### 🗣 Step 4: Create a pull request
+When making changes to Racine it often not possible to be certain that your changes are correct until you've tested them in `web-app-core`, or viewed them within the documentation on seeds.sproutsocial.com. To work with your changes before you release an _official_ new version, you can instead release a _beta_ version.
+
+#### **Releasing a beta**
+
+To release a beta version, commit your current changes and then run `yarn beta:release`. This command will create a new beta version with a semantic bump level based on your changeset(s), and include a differentiating identifier from your git user email name. For example, if [Bill Foehring](bfoehring@sproutsocial.com) was making a minor change to versions `6.55.3`, the command would: 
+1. create version `6.56.0-beta-bfoehring.0`,
+1. add a corresponding tag in git,
+1. and publish the new beta version to the npm registry.
+
+Once a beta release is published you can include it as a dependency from `web-app-core` or `seeds`.
+
+The differentiating identifier is necessary to enable if two or more developers to concurrently create their own beta versions from the current version of Racine. Without the identifiers, the name of the beta versions could collide.
+
+#### **Checking beta status**
+
+Run `yarn beta:status` to see the info Racine has about your current beta version.
+
+As you continue to make changes, rerunning `yarn beta:release` will release a new version of your beta. From the example above, it would create `6.56.0-beta-bfoehring.1` as the next beta release. Running it again would create `6.56.0-beta-bfoehring.2` and so on...
+
+#### **Deprecating a beta**
+
+When you are satisfied that all of your changes are correct, you can end your beta by running `yarn beta:deprecate`. This will:
+- delete any beta metadata,
+- restore the original version within `package.json`,
+- deprecate any beta releases on the registry for this version.
+
+Doing so will prime the changeset mechanism to complete the standard release process. (Note: The version of the final release is set at the last moment to ensure it actually is properly set the next valid semantic version as other versions of Racine may have been released during the time you are working on yours.)
+
+### **🗣 Step 5: Create a pull request**
 
 Once you're ready to submit your changes for review, open a PR to this repository. A few things will happen:
 
@@ -165,12 +194,12 @@ Once you're ready to submit your changes for review, open a PR to this repositor
 
 Once your tests are passing and you have at least one approving review, feel free to merge your changes into Racine!
 
-### ☁️ Step 5: Publish your changes to npm
+### **☁️ Step 6: Publish your changes to npm**
 
 As PRs get merged into Racine, changsets will keep a running PR open called `Version Packages`. This PR will detail all of the changes that have been made to the package since the last publish. **Anyone can release a new version of Racine by merging this PR.**
 
 When the PR is merged, [GitHub will kick off a publish of the new version](https://github.com/sproutsocial/racine/actions?query=workflow%3ARelease). There will be a notification in #eng-design-systems in Slack when the new version is available. 
 
-### ✍ Step 6: Document your changes
+### **✍ Step 7: Document your changes**
 
 Racine components are documented in [Seeds](https://sproutsocial.com/seeds/components), Sprout's design system. You can open a PR to the [Seeds repository](https://github.com/sproutsocial/seeds) to add or edit component documentation. Reach out to the Design Systems team for help getting started. 

package/__flow__/Box/styles.js

@@ -32,15 +32,15 @@ export type TypeContainerProps = $ReadOnly<{|
 
 type TypeBoxContainer = StyledComponent<TypeContainerProps, TypeTheme, *>;
 const Container: TypeBoxContainer = styled.div`
-  box-sizing: border-box;
-  font-family: ${({ theme }) => theme.fontFamily};
+    box-sizing: border-box;
+    font-family: ${({ theme }) => theme.fontFamily};
 
-  ${COMMON}
-  ${BORDER}
+    ${COMMON}
+    ${BORDER}
     ${LAYOUT}
     ${POSITION}
     ${FLEXBOX}
     ${GRID}
-`;
+  `;
 
 export default Container;

package/__flow__/ChartLegend/styles.js

@@ -25,13 +25,13 @@ const Container: StyledComponent<any, TypeTheme, *> = styled.div`
   ${(props) =>
     props.inline &&
     css`
-      display: flex;
-      justify-content: center;
+    display: flex;
+    justify-content: center;
 
-      ${Label} + ${Label} {
-        margin-left: ${(props) => props.theme.space[450]};
-      }
-    `}
+    ${Label} + ${Label} {
+      margin-left: ${(props) => props.theme.space[450]};
+    }
+  `}
 
   ${COMMON}
   ${LAYOUT}

package/__flow__/utils/theme.js

@@ -310,6 +310,7 @@ const colors = {
     hubspot: NETWORKCOLORS.NETWORK_COLOR_HUBSPOT,
     microsoft_dynamics: NETWORKCOLORS.NETWORK_COLOR_MICROSOFT_DYNAMICS,
     yelp: NETWORKCOLORS.NETWORK_COLOR_YELP,
+    whatsapp: NETWORKCOLORS.NETWORK_COLOR_WHATSAPP,
   },
 };
 

package/commonjs/utils/theme.js

@@ -320,7 +320,8 @@ var colors = {
     zendesk: _seedsNetworkcolor.default.NETWORK_COLOR_ZENDESK,
     hubspot: _seedsNetworkcolor.default.NETWORK_COLOR_HUBSPOT,
     microsoft_dynamics: _seedsNetworkcolor.default.NETWORK_COLOR_MICROSOFT_DYNAMICS,
-    yelp: _seedsNetworkcolor.default.NETWORK_COLOR_YELP
+    yelp: _seedsNetworkcolor.default.NETWORK_COLOR_YELP,
+    whatsapp: _seedsNetworkcolor.default.NETWORK_COLOR_WHATSAPP
   }
 };
 var typography = {

package/lib/utils/theme.js

@@ -305,7 +305,8 @@ var colors = {
     zendesk: NETWORKCOLORS.NETWORK_COLOR_ZENDESK,
     hubspot: NETWORKCOLORS.NETWORK_COLOR_HUBSPOT,
     microsoft_dynamics: NETWORKCOLORS.NETWORK_COLOR_MICROSOFT_DYNAMICS,
-    yelp: NETWORKCOLORS.NETWORK_COLOR_YELP
+    yelp: NETWORKCOLORS.NETWORK_COLOR_YELP,
+    whatsapp: NETWORKCOLORS.NETWORK_COLOR_WHATSAPP
   }
 };
 var typography = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "7.2.2",
+  "version": "7.4.0-beta-maurice.0",
   "license": "MIT",
   "files": [
     "__flow__",
@@ -47,7 +47,10 @@
     "build-storybook": "build-storybook --quiet -c .storybook -o .storybook-dist",
     "icon-lint": "node bin/icon-lint/cli",
     "playroom:start": "playroom start",
-    "playroom:build": "playroom build"
+    "playroom:build": "playroom build",
+    "beta:release": "node ./bin/beta release",
+    "beta:status": "node ./bin/beta status",
+    "beta:complete": "node ./bin/beta complete"
   },
   "lint-staged": {
     "**/*.js": [
@@ -96,7 +99,7 @@
     "@sproutsocial/seeds-color": "^1.5.3",
     "@sproutsocial/seeds-depth": "^1.1.1",
     "@sproutsocial/seeds-motion": "^1.2.0",
-    "@sproutsocial/seeds-networkcolor": "2.6.2",
+    "@sproutsocial/seeds-networkcolor": "2.8.0",
     "@sproutsocial/seeds-space": "^0.4.7",
     "@sproutsocial/seeds-typography": "^3.0.1",
     "@storybook/addon-a11y": "^6.1.11",
@@ -154,6 +157,7 @@
     "react-dates": "^21.8.0",
     "react-dom": "16.12.0",
     "rimraf": "^2.6.3",
+    "semver": "^7.3.5",
     "storybook-dark-mode": "^1.0.7",
     "styled-components": "5.0.0-rc.2",
     "stylelint": "^13.8.0",

package/commonjs/EnumIconNames.js

@@ -1 +0,0 @@
-"use strict";

package/commonjs/IconViewBoxes.js

@@ -1,346 +0,0 @@
-"use strict";
-
-module.exports = {
-  "active-listener": "0 0 16 16",
-  "add-item": "0 0 16 16",
-  "add-keyword": "0 0 16 16",
-  "add-team-member": "0 0 18 13",
-  "address-card-solid": "0 0 18 16",
-  "adobe-experience-manager": "0 0 16 18",
-  "ads": "0 0 9 16",
-  "android": "0 0 14 16",
-  "apple": "0 0 14 16",
-  "approval-indicator-outline": "0 0 14 16",
-  "approval-indicator": "0 0 14 16",
-  "archive": "0 0 16 16",
-  "arrow-down-line": "0 0 14 16",
-  "arrow-down": "0 0 16 16",
-  "arrow-left-line": "0 0 16 18",
-  "arrow-left": "0 0 16 16",
-  "arrow-right-line": "0 0 16 18",
-  "arrow-right": "0 0 16 16",
-  "arrow-up-line": "0 0 14 16",
-  "arrow-up": "0 0 16 16",
-  "arrows": "0 0 16 16",
-  "asset-library-outline": "0 0 16 16",
-  "asset-library": "0 0 16 16",
-  "assign": "0 0 18 15",
-  "atom": "0 0 14 16",
-  "audio": "0 0 16 14",
-  "back-to-top": "0 0 15 16",
-  "bambu-icon-outline": "0 0 16 16",
-  "bambu-icon": "0 0 16 16",
-  "barcode": "0 0 18 16",
-  "basketball": "0 0 16 16",
-  "bell-outline": "0 0 14 16",
-  "bitly": "0 0 16 16",
-  "bold": "0 0 16 16",
-  "book": "0 0 14 16",
-  "bot": "0 0 16 16",
-  "browser": "0 0 16 16",
-  "business": "0 0 16 16",
-  "calendar-outline": "0 0 14 16",
-  "calendar": "0 0 14 16",
-  "camera-outline": "0 0 18 16",
-  "camera-story": "0 0 18 16",
-  "camera": "0 0 18 16",
-  "campaign": "0 0 16 14",
-  "canva": "0 0 16 18",
-  "carousel": "0 0 16 18",
-  "cart-plus-outline": "0 0 17 15",
-  "cart-plus": "0 0 17 15",
-  "check": "0 0 16 16",
-  "chevron-down-filled": "0 0 16 21",
-  "chevron-down": "0 0 16 18",
-  "chevron-left": "0 0 10 16",
-  "chevron-right": "0 0 10 17",
-  "chevron-up-down-filled": "0 0 12 20",
-  "chevron-up-filled": "0 0 16 21",
-  "chevron-up": "0 0 16 18",
-  "circle-check-outline": "0 0 16 16",
-  "circle-check": "0 0 16 16",
-  "circle": "0 0 16 16",
-  "circle+": "0 0 16 16",
-  "circles": "0 0 16 16",
-  "circlex": "0 0 16 16",
-  "click-to-view": "0 0 12 16",
-  "clicks": "0 0 10 16",
-  "clipboard-outline": "0 0 12 16",
-  "clipboard": "0 0 12 16",
-  "clock": "0 0 16 16",
-  "closed-captioning": "0 0 16 16",
-  "cloud": "0 0 16 13",
-  "code": "0 0 18 16",
-  "columns": "0 0 16 16",
-  "comment-alt-outline": "0 0 16 15",
-  "comment-alt": "0 0 16 15",
-  "comment-lines-alt-outline": "0 0 16 16",
-  "comment": "0 0 16 13",
-  "compact-density": "0 0 16 16",
-  "compact-indicator": "0 0 16 16",
-  "comparison": "0 0 16 14",
-  "competitor": "0 0 14 16",
-  "compose": "0 0 16 16",
-  "content-suggestions": "0 0 16 16",
-  "credit-card": "0 0 16 14",
-  "crop": "0 0 16 16",
-  "crown": "0 0 16 16",
-  "dashboard": "0 0 16 14",
-  "discovery": "0 0 16 16",
-  "dislike-outline": "0 0 15 16",
-  "dislike": "0 0 16 16",
-  "dm-link-outline": "0 0 16 16",
-  "dm-link": "0 0 16 16",
-  "dotdotdot": "0 0 16 16",
-  "download": "0 0 16 16",
-  "drafts-outline": "0 0 12 16",
-  "drafts": "0 0 12 16",
-  "dropbox": "0 0 18 16",
-  "duplicate-outline": "0 0 14 16",
-  "duplicate": "0 0 14 16",
-  "emoji-outline": "0 0 16 16",
-  "emoji": "0 0 16 16",
-  "empty-image": "0 0 16 18",
-  "engagement-per-post": "0 0 16 16",
-  "engagements": "0 0 16 15",
-  "error": "0 0 16 16",
-  "exchange-alt": "0 0 16 16",
-  "expanded-indicator": "0 0 16 16",
-  "export": "0 0 14 17",
-  "extended-circles": "0 0 16 16",
-  "external-link-alt": "0 0 16 16",
-  "external-link": "0 0 16 16",
-  "extreme-negative-sentiment": "0 0 16 16",
-  "eye-outline": "0 0 18 16",
-  "eye-slash-outline": "0 0 20 16",
-  "eye-slash": "0 0 20 16",
-  "eye": "0 0 18 16",
-  "facebook-audience-network": "0 0 16 16",
-  "facebook-branded-content-outline": "0 0 18 15",
-  "facebook-branded-content": "0 0 18 15",
-  "facebook-groups": "0 0 16 16",
-  "facebook": "0 0 16 16",
-  "fb-reactions-angry": "0 0 16 16",
-  "fb-reactions-haha": "0 0 16 16",
-  "fb-reactions-like": "0 0 16 16",
-  "fb-reactions-love": "0 0 16 16",
-  "fb-reactions-sad": "0 0 16 16",
-  "fb-reactions-wow": "0 0 16 16",
-  "feedly": "0 0 16 15",
-  "feeds": "0 0 16 15",
-  "female": "0 0 11 18",
-  "file-chart-line": "0 0 12 16",
-  "file-edit": "0 0 12 16",
-  "file-times-solid": "0 0 12 16",
-  "filter": "0 0 16 16",
-  "flag-outline": "0 0 16 16",
-  "flag": "0 0 16 16",
-  "folder-open": "0 0 16 15",
-  "folder": "0 0 16 16",
-  "follow-outline": "0 0 20 16",
-  "follow": "0 0 20 16",
-  "follower-increase": "0 0 19 16",
-  "following": "0 0 20 16",
-  "font": "0 0 18 16",
-  "full-access": "0 0 16 16",
-  "gear": "0 0 16 16",
-  "gears": "0 0 16 16",
-  "glassdoor": "0 0 16 16",
-  "glasses": "0 0 18 14",
-  "globe": "0 0 16 16",
-  "google-analytics-color": "0 0 14 18",
-  "google-business-messages": "0 0 16 16",
-  "google-drive": "0 0 16 14",
-  "google-my-business": "0 0 16 14",
-  "grip": "0 0 8 18",
-  "h1": "0 0 16 16",
-  "h2": "0 0 16 16",
-  "hamburger": "0 0 16 18",
-  "hashtag": "0 0 16 16",
-  "headset": "0 0 16 16",
-  "heart-outline": "0 0 16 16",
-  "heart": "0 0 16 16",
-  "heartbeat": "0 0 18 16",
-  "help": "0 0 16 16",
-  "hiking": "0 0 16 16",
-  "history": "0 0 16 16",
-  "home": "0 0 16 15",
-  "hourglass": "0 0 12 16",
-  "hubspot": "0 0 16 16",
-  "image-caption": "0 0 16 14",
-  "image": "0 0 16 16",
-  "images": "0 0 16 15",
-  "impressions-per-post": "0 0 16 16",
-  "impressions": "0 0 18 16",
-  "inactive-listener": "0 0 16 12",
-  "inbox-action": "0 0 16 16",
-  "inbox-views": "0 0 16 13",
-  "inbox": "0 0 16 14",
-  "indicator": "0 0 16 16",
-  "industry": "0 0 14 16",
-  "info": "0 0 16 16",
-  "instagram": "0 0 16 16",
-  "internal-activity-outline": "0 0 16 16",
-  "internal-activity": "0 0 16 16",
-  "italic": "0 0 16 16",
-  "key": "0 0 16 16",
-  "keyboard": "0 0 18 16",
-  "laptop-phone": "0 0 16 16",
-  "large-density": "0 0 16 16",
-  "lift": "0 0 23 16",
-  "like-outline": "0 0 15 16",
-  "like": "0 0 16 16",
-  "link": "0 0 16 16",
-  "linkedin-audience-network": "0 0 16 16",
-  "linkedin": "0 0 16 16",
-  "list-ol": "0 0 16 16",
-  "listening": "0 0 14 16",
-  "lists": "0 0 16 16",
-  "location-outline": "0 0 12 16",
-  "location": "0 0 12 16",
-  "lock": "0 0 14 16",
-  "male": "0 0 16 20",
-  "marketo": "0 0 16 18",
-  "mention": "0 0 16 16",
-  "message-preview-outline": "0 0 18 16",
-  "message-preview": "0 0 18 16",
-  "message": "0 0 16 16",
-  "messages-outline": "0 0 16 16",
-  "messages": "0 0 16 16",
-  "messenger": "0 0 16 16",
-  "metric-table": "0 0 16 16",
-  "microsoft-dynamics": "0 0 16 16",
-  "minus": "0 0 16 16",
-  "mobile": "0 0 10 16",
-  "monitor": "0 0 12 16",
-  "moon": "0 0 15 16",
-  "negative-sentiment": "0 0 16 16",
-  "neutral-positive-sentiment": "0 0 16 16",
-  "neutral-sentiment": "0 0 16 16",
-  "new-trend": "0 0 12 16",
-  "newspaper": "0 0 16 16",
-  "no-access": "0 0 16 16",
-  "notepad": "0 0 12 16",
-  "notifications-publishing-outline": "0 0 16 16",
-  "notifications-publishing": "0 0 16 16",
-  "notifications": "0 0 14 16",
-  "offline": "0 0 18 15",
-  "online": "0 0 18 15",
-  "paid-promotion-outline": "0 0 16 16",
-  "paid-promotion": "0 0 16 16",
-  "paid": "0 0 14 16",
-  "paint": "0 0 18 16",
-  "palette": "0 0 16 16",
-  "paperclip": "0 0 14 16",
-  "pause": "0 0 16 18",
-  "pencil-outline": "0 0 16 16",
-  "pencil": "0 0 16 16",
-  "person": "0 0 14 16",
-  "phone": "0 0 16 16",
-  "pinterest-boards-outline": "0 0 14 16",
-  "pinterest-boards": "0 0 14 16",
-  "pinterest": "0 0 16 16",
-  "play-circle": "0 0 16 16",
-  "play": "0 0 14 16",
-  "plus": "0 0 16 18",
-  "positive-sentiment": "0 0 16 16",
-  "power-up": "0 0 10 16",
-  "profile-connect": "0 0 16 16",
-  "profile-disconnect": "0 0 16 16",
-  "publishing-outline": "0 0 16 16",
-  "publishing": "0 0 16 16",
-  "puzzle-piece": "0 0 18 16",
-  "qr-code": "0 0 16 16",
-  "queue": "0 0 16 16",
-  "recommendation": "0 0 16 16",
-  "reddit-alien": "0 0 16 16",
-  "reddit": "0 0 16 16",
-  "referrals": "0 0 16 16",
-  "refresh": "0 0 16 16",
-  "rejected": "0 0 16 16",
-  "reply-outline": "0 0 16 16",
-  "reply": "0 0 16 16",
-  "reporting-period": "0 0 14 16",
-  "reporting": "0 0 16 16",
-  "reports-home": "0 0 16 16",
-  "reports": "0 0 16 15",
-  "retweet": "0 0 18 16",
-  "rss": "0 0 16 16",
-  "sales": "0 0 9 16",
-  "salesforce": "0 0 20 16",
-  "save-assets": "0 0 16 16",
-  "saved-messages": "0 0 16 16",
-  "saved-reply-outline": "0 0 16 12",
-  "saved-reply": "0 0 16 12",
-  "search": "0 0 16 16",
-  "sent-message-outline": "0 0 16 14",
-  "sent-message": "0 0 16 14",
-  "share": "0 0 16 14",
-  "shopify": "0 0 16 18",
-  "slack": "0 0 16 16",
-  "small-density": "0 0 16 16",
-  "smiley": "0 0 16 16",
-  "some-access": "0 0 16 16",
-  "sparkles": "0 0 16 16",
-  "spike-alert": "0 0 16 16",
-  "star-half-alt-solid": "0 0 18 16",
-  "star-of-life": "0 0 16 16",
-  "star-outline": "0 0 18 16",
-  "star": "0 0 18 16",
-  "sticky-note-outline": "0 0 16 16",
-  "sticky-note": "0 0 16 16",
-  "stories": "0 0 16 17",
-  "story": "0 0 16 16",
-  "suggestions": "0 0 11 16",
-  "sun": "0 0 16 16",
-  "tag-outline": "0 0 16 16",
-  "tag": "0 0 16 16",
-  "targeting-outline": "0 0 16 16",
-  "targeting": "0 0 16 16",
-  "tasks-outline": "0 0 12 16",
-  "tasks": "0 0 12 16",
-  "team-conversation-outline": "0 0 16 18",
-  "team-conversation": "0 0 16 18",
-  "team": "0 0 18 16",
-  "text-asset": "0 0 16 16",
-  "text": "0 0 8 16",
-  "times": "0 0 16 22",
-  "trash-can-outline": "0 0 14 16",
-  "trash-can": "0 0 14 16",
-  "trend-down": "0 0 18 18",
-  "trend-neutral": "0 0 20 18",
-  "trend-up": "0 0 18 18",
-  "trends": "0 0 16 17",
-  "triangle-black": "0 0 16 16",
-  "triangle": "0 0 16 16",
-  "tripadvisor-circle-outline": "0 0 16 16",
-  "tripadvisor-circle": "0 0 16 16",
-  "tripadvisor": "0 0 16 16",
-  "trophy-outline": "0 0 18 16",
-  "tumblr": "0 0 16 16",
-  "twitter-audience-network": "0 0 17 16",
-  "twitter": "0 0 17 16",
-  "unfollow-outline": "0 0 20 16",
-  "unfollow": "0 0 20 16",
-  "unlink": "0 0 16 16",
-  "unlock": "0 0 14 16",
-  "upload": "0 0 16 17",
-  "user-circle": "0 0 16 16",
-  "users": "0 0 18 16",
-  "verified": "0 0 16 16",
-  "video-camera-story": "0 0 18 15",
-  "video-camera": "0 0 18 16",
-  "vip": "0 0 16 16",
-  "weight": "0 0 16 16",
-  "whatsapp": "0 0 16 16",
-  "window-maximize": "0 0 16 16",
-  "window-minimize": "0 0 16 16",
-  "window-regular": "0 0 16 16",
-  "window-restore": "0 0 16 16",
-  "x": "0 0 16 18",
-  "yelp-full-star": "0 0 16 16",
-  "yelp-half-star": "0 0 16 16",
-  "yelp": "0 0 14 16",
-  "youtube": "0 0 16 15",
-  "zendesk": "0 0 16 16"
-};