@innovaccer/design-system 2.13.3 → 2.13.4-2

package/docs/src/pages/content/button-guidelines/tabs/button-glossary.mdx

@@ -30,7 +30,7 @@ Use it to give permission to enter a website or give access to secured content.
 
 ##### Accept
 
-Lets the user agree to an action. See also: Decline
+Lets the user agree to an action. See also: **Decline**
 
 <Rules>
   <DOs>
@@ -69,6 +69,175 @@ Use it to make an account or profile active.
 </Rules>
 
 <br />
+
+##### Add
+
+Use it to make an addition to something like adding a member to a group or adding contact details to a profile etc.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Add task </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Add details </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Add members </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Add this task!
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Add more details
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Add preferred members
+      </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+<br />
+
+##### Agree
+
+Lets the user accept terms and conditions before moving on to the next steps.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> I agree </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Agree and proceed </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        i agree
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Agree & proceed
+      </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+<br />
+
+##### Apply
+
+Lets the user make changes or modifications to a file or document before closing the window. See also: **Save**
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Apply changes </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Apply filters </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Save changes
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Apply these filters
+      </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+<br />
+
+##### Approve
+
+Use it to give approval to something like a pending request, or referral. 
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Approve evidence </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Approve this evidence
+      </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+<br />
+
+##### Assign
+
+Use it to designate a task to someone else.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Assign resource </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Reassign referral </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Assign A Resource
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Assign a referral again
+      </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+<br />
+
+##### Attach
+
+Lets the user add a supporting file, document or image to a page or window via internet.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Attach files </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Attach content </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Attach these Files
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Attach a content
+      </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+<br />
+
 <br />
 
 #### B
@@ -142,3 +311,1609 @@ Use it to cancel the existing action and close the current modal, dialog, page e
     </InlineMessage>
   </DONTs>
 </Rules>
+
+<br />
+
+##### Change
+
+Use it to make a modification or change to the existing window or page. 
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Change group </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Change the Group </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Choose
+
+Use it to make a more subjective decision like choosing files, groups, or templates.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Choose files </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Choose these files </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Clear
+
+Lets the user clear existing fields to start over. See also: **Reset**
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Clear all </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Clear fields </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Clear everything </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Clear all fields </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Close
+
+Use it to close an existing dialog, modal or page. Never use ‘Close’ adjacent to ‘OK”.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Close </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Save and close </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Submit and close </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Close this window </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Save & close </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Submit & close </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Copy
+
+Use it to make a copy of a document, file or image etc.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Copy and paste </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Copy to clipboard </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Copy & paste </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Copy to Clipboard </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Compose
+
+Use it to create a new message or an email. 
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Compose </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Compose message </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Compose... </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Compose this message </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Confirm
+
+Use it to give approval for the next steps or validate the action being taken. See also: **Approve**
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Confirm </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Confirm action </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Confirm password </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Click here to confirm </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Confirm this action </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Reenter password </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Continue
+
+Use it to move forward in a series of steps. See also: **Next**
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Continue </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Continue anyway </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Click to continue </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Click to continue </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Create
+
+Lets the user start something from scratch like creating an account or a group etc. Prefer 'Create' over 'New'. See also: **New**
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Create account </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Create group </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Create a new account </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Create this group </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+<br />
+
+
+#### D
+
+<br />
+
+##### Deactivate
+
+Use it to disable a user’s account or profile due to inactivity or password expiration. See also: **Activate**
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Deactivate account </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Deactivate instead </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Decline
+
+Use it to disagree with an action. See also: **Accept**
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Decline </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Deny, Reject </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Delete
+
+Lets the user eliminate or erase an existing object forever. See also: **Remove**, **Discard**
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Delete </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Delete account </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Move to trash </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Delete this account </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Discard
+
+Use it to completely remove the existing draft before closing the window or page. See also: **Remove**
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Discard changes </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Discard the changes? </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Dismiss
+
+Lets the user leave the existing page or window.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Dismiss </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Dismiss this page </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Done
+
+Use it to show the user their task is finished and can return back to the previous page or widow. See also: **Finish**, **Close**
+
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Done </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Over </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Download
+
+Use download when the user wants to transfer files from a remote to a local system. 
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Download </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Download update </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Click here to download </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Yes, download this update now </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Draft
+
+Lets the user prepare a draft version of a document, form, message or email. 
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Save as draft </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Save As Draft </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+<br />
+
+#### E
+
+<br />
+
+##### Edit
+
+Use it to modify or change data, value, or text to the current window or page.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Edit </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Edit profile </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Manage, Change </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Edit My Profile </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Export
+
+Use export when the user wants to save documents or files in a different format to another location.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Export all </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Export as PDF </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Export everything </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Export into PDF </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Exit
+
+Lets the user leave the existing application or website by closing the page or window. Prefer 'Exit' over 'Quit'. See also: **Leave**
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Exit </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Exit page </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+<br />
+
+
+#### F
+
+<br />
+
+##### Finish
+
+Use it to show, the user is done with the current task and wants to move on with the next steps. See also: **Done**
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Finish </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Finish and close </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Click to finish </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Finish & close </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Find
+
+Use it to show the process of locating a specific file, document, or any other object on a computer or on the internet.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Find... </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Find out more </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Find here...... </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Click here to Find Out </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+<br />
+
+#### H
+
+<br />
+
+##### Hide
+
+Lets the user hide information or details which was visible before. See also: **Show**
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Hide </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Click here to hide </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+<br />
+
+
+#### I
+
+<br />
+
+##### Import
+
+Use import when the user wants to transfer files from one format to another usually within a new file.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Import all </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Import template </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Import Altogether </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Import this template </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Install
+
+Lets the user set up a new application, software or updates on their device.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Install updates </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Install now </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Yes, install the updates now! </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Install right away! </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Invite
+
+Lets the user send a formal request or an invitation to other users via text message, emails or links.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Share invite </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Send invite </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Share this invite </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Send an invite </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+<br />
+
+
+#### J
+
+<br />
+
+##### Join
+
+Lets the user join an organization, a group, or a call.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Join </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Join now </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Join call </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Add </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Join right away! </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Join the call </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+<br />
+
+#### L
+
+<br />
+
+##### Launch
+
+Lets the user start something like an application or tour.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Launch app </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Launch tour </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Launch the App </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Launch this tour! </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+<br />
+
+##### Leave 
+
+Lets the user exit the current page, window, modal or group etc. See also: **Exit**
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Leave </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Leave group </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Leave anyway </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Leave the group </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+<br />
+
+##### Login
+
+Lets the user enter into a website or application by using their credentials.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Login </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Already registered? Login </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Log-in </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Registered? Login to my account </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+<br />
+
+##### Logout
+
+Lets the user exit from a website or application by using their credentials.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Logout </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Logout of account! </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+
+#### N
+
+<br />
+
+##### New
+
+Lets the user create a new object like documents, files, folders etc.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> New document </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> New referral </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Create New Document </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Create New Referral </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Next
+
+Lets the user continue with the next steps. See also: **Continue**
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Next </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Next step </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Upcoming, Next page </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Move to next steps </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+<br />
+
+#### O
+
+<br />
+
+##### OK
+
+Indicates confirmation of an action. Here both letters remains in uppercase. Never use ‘Close’ adjacent to ‘OK’.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> OK </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> OK </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> O.K., Okay, Okay?, OKAY! </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> OK, got it! </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Open
+
+Lets the user enter the environment by arriving into another page or window.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Open as PDF </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Open tab </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Open to PDF </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Open in another tab </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+<br />
+
+#### P
+
+<br />
+
+##### Pay
+
+Takes the user to the payment gateway to process transactions. 
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Pay </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Pay securely </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Click to Pay </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Pay the amount securely </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Preview
+
+Gives the user a preview of how the content is going to look.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Preview </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Preview the image </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Print
+
+Helps give a print command to the printer and gives the user a preview of the document or file before it gets printed.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Print </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Click to Print </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+<br />
+
+#### Q
+
+<br />
+
+##### Quit
+
+Use it to shut the application and exit the page. 
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Quit </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Quit app </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+<br />
+
+#### R
+
+<br />
+
+##### Refresh
+
+Use it to reload and update the contents of the page.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Refresh </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Refresh page </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Restore </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Refresh My Page </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Register
+
+Lets the user enrol into an application by adding their details.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Register now </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Register to community resource </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Reject
+
+Lets the user disapprove of the following steps or actions. See also: **Approve**
+
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Reject </IconWrapper>
+    </InlineMessage>
+     <InlineMessage>
+      <IconWrapper> Reject evidence </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Deny </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Reject this evidence </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Remove
+
+Lets the user remove files, accounts, or groups from the current window or page.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Remove </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Remove account </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Delete, Discard </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Remove this account </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Reply
+
+Lets the user give a response to an email, comment or message. 
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Reply </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Reply all </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Reply to this message </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Reply to all </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Reset
+
+Use it to set back the values to the default state.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Reset password </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Reset the password </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Restore
+
+Lets the user bring back the values or data into existence after deletion.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Restore </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Restore files </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Restore? </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Restore your files </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+<br />
+
+#### S
+
+<br />
+
+##### Save
+
+Use it to save data or pending modifications to a file or document before closing the window. 
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Save as </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Save and continue </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Save changes </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Save As </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Save & continue </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Apply changes </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Search
+
+Use the search label to indicate an attempt to find information on a computer, database or on the internet. Prefer 'Search' over 'Find'. See also: **Find**
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Search </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Advanced Search </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> SEARCH....... </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Let's Advanced Search </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Select
+
+Use it to select data, value or item from the table. 
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Select </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Select all </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Pick </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Select all items </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Send
+
+Lets the user transfer files, documents, messages or emails to a recipient. 
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Send request </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Send invitation </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Send a request </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Send an invitation </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Show
+
+Use it to reveal the information or details which was hidden before.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Show </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Click here to Show </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Sign in
+
+Lets the user enter into a website or application by using their credentials.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Sign in </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Sign in with Google </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Sign-in! </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Sign in with Gmail </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Sign out
+
+Lets the user exit from a website or application by using their credentials.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Sign out </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Sign out of InCare! </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Sign up
+
+Lets the user set up a new account by providing their details.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Sign up </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Sign-up now! </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Skip
+
+Lets the user pass the current step and proceed with further steps.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Skip step </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Skip a step </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Sort
+
+Lets the user list items on the basis of desired characteristics.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Sort by </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Sort by Name, Age, Gender </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Start
+
+Lets the user begin an application or software.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Get started </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Start now </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Get Started! </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Start Right Away! </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Submit
+
+Use it to submit forms, files or documents for review to the supervisor or admin.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Submit report </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Submit review </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Submit my report </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Submit for review </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Subscribe
+
+Use it to show the user is receiving opted services regularly through emails or newsletters.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Subscribe </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Subscribe again </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Subscribe now </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Click here to subscribe </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Resubscribe </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Subscribe Right Away! </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+<br />
+
+#### U
+
+<br />
+
+##### Undo
+
+Lets the user go back to the previous state. See also: **Reset**
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Undo </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Revoke </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+##### Update
+
+Use it to modify and update the current information in the page or window.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Update details </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Update preferences </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Update the details </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Update my preferences </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+<br />
+
+##### Upload
+
+Use upload when the user wants to transfer files from a local to a remote system via internet.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Upload </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Upload files </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Click here to upload </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Upload the files </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+<br />
+
+##### Uninstall
+
+Lets the user remove an application or software from their device.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Uninstall </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Yes, uninstall this app! </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+<br />
+
+##### Unsubscribe
+
+Lets the user unsubscribe from opted services like emailers and newsletters.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> Unsubscribe </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Yes, unsubscribe me </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Click here to unsubscribe </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> Yes, please unsubscribe me! </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />
+
+<br />
+
+#### V
+
+<br />
+
+##### View
+
+Lets the user see additional information by loading more content.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper> View all </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> View more </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'> View all history </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'> View more recipients </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+<br />