@innovaccer/design-system 2.7.0 → 2.9.0-0

package/docs/src/pages/content/house-rules/tabs/grammer.mdx

@@ -0,0 +1,744 @@
+#### Capitalization
+
+Capitalize for right reasons:
+
+<ul>
+  <li>
+    Capitalize job titles, company or organization name
+  </li>
+  <li>Proper nouns such as product name and features</li>
+  <li>People, country, places</li>
+  <li>When you begin a sentence</li>
+  <li>Acronyms and initialism</li>
+</ul>
+
+Punctuations are saving grace! The language as we know is never ending... So, to put emphasis, on certain words & sentences - stick to the brand house rules. See when, where & how to place them.
+
+#### Period
+
+Use it to end the sentence. Period always goes inside the quotation mark.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper>
+        Chief Operating Officer Sally Wilson
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper> Innovaccer </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Patient 360</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Africa</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Alison James</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Best healthcare articles.</IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Chief operating officer Sally Wilson
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>INNOVACCER</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>Patient360</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>africa</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Alison james
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Best Healthcare Articles.
+      </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+
+#### Capitalization chart
+
+Capitalization chart for slippery words
+
+<Card shadow='none'>
+  <Table
+    showMenu={false}
+    separator={true}
+    data={[
+      {
+        uppercase: 'Are',
+        lowercase: 'a, an, and',
+      },
+      {
+        uppercase: 'That',
+        lowercase: 'of, on, or',
+      },
+      {
+        uppercase: 'This',
+        lowercase: 'to',
+      },
+      {
+        uppercase: 'Up',
+        lowercase: 'at',
+      },
+      {
+        uppercase: 'Who',
+        lowercase: 'but',
+      },
+      {
+        uppercase: 'Whom',
+        lowercase: 'by',
+      },
+      {
+        uppercase: 'Your',
+        lowercase: 'by',
+      },
+      {
+        uppercase: 'As',
+        lowercase: 'from',
+      },
+      {
+        uppercase: 'Be',
+        lowercase: 'in',
+      },
+      {
+        uppercase: 'If',
+        lowercase: 'via',
+      },
+      {
+        uppercase: 'Is',
+        lowercase: 'vs.',
+      },
+      {
+        uppercase: 'So',
+        lowercase: 'with',
+      },
+      {
+        uppercase: 'Than',
+        lowercase: 'the',
+      },
+    ]}
+    schema={[
+      {
+        name: 'uppercase',
+        displayName: 'Uppercase',
+        width: '50%',
+        sorting: false,
+        separator: true,
+      },
+      {
+        name: 'lowercase',
+        displayName: 'Lowercase',
+        width: '50%',
+        sorting: false,
+        separator: true,
+      },
+    ]}
+    withHeader={false}
+  />
+</Card>
+<br />
+
+#### Tile case
+
+In title case the first letters of the words are capitalized except conjunctions, prepositions and articles. Grammatically speaking the title case has some complex rules when it comes to writing. It generally needs a subjective point of view.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper>To Kill a Mockingbird</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>War and Peace</IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        To Kill A Mockingbird
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        War And Peace
+      </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+<br />
+
+#### Sentence case
+
+It is simple, direct, and the quickest to read. Helps you easily differentiate between common nouns and proper nouns.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper>Know your patients better.</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>
+        The quick brown fox jumps over the lazy dog.
+      </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        know your patients better.
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        the quick brown fox jumps over the lazy dog.
+      </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+<br />
+
+#### Lowercase
+
+Write all email addresses and website URLs in lower case.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper>joy.lawson@innovaccer.com</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>www.innovaccer.com </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Joy.Lawson@innovaccer.com
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        WWW.innovaccer.com
+      </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+<br />
+
+#### All Caps
+
+Use all caps without putting period in the end.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper>GIF</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>PDF</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>JPEG</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>PNG</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>HTML</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>URL</IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'>gif</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>pdf</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>jpeg</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>png</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>html</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>url</IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+<br />
+
+#### Spelt differently
+
+No need to scratch your head over British and American spellings, follow this list instead.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper>ZIP code, Zip code</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Pharmacy, drugstore </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Physician</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Fall</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Gasoline or gas </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>On weekends </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Calendar</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Journal</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Call, phone </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Transportation</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Counterclockwise</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Vacation </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Mail, mailbox </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Inventory</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Line, line up</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Movie</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Elevator</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Senior citizen, senior </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Social security </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>
+        Bathroom, restroom, washroom
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Public housing</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Payables</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Revenues</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Net income</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Apartment </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>College</IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'>Post code</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>Chemist</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>Doctor</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>Autumn</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>Petrol</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        At weekends{' '}
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Diary (appointments)
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Diary (record)
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Ring up, phone{' '}
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>Transport</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Anti-clockwise{' '}
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>Holiday </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Post, postbox
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>Stock</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>Queue</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>Film</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>Lift</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Old-age pensioner
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Old-age pension, state pension
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Lavatory, toilet
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Council estate
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>Creditors</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>Turnover</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Profit for the financial year
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>Flat </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>University</IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+<br />
+
+#### Slippery words
+
+Slippery words and terms to keep in mind.
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper>healthcare (a system)</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>
+        website
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>white paper</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>cloud</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>
+        data sheet
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>email</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>
+        for example
+      </IconWrapper>
+    </InlineMessage>
+     <InlineMessage>
+      <IconWrapper>
+        that is
+      </IconWrapper>
+    </InlineMessage>
+
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+       health care 
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+       web site or Website
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        whitepaper
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>Cloud</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Datasheet
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        e-mail
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        e.g. (unless you have limited space)
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        i.e. (unless you have limited space)
+      </IconWrapper>
+    </InlineMessage>
+
+  </DONTs>
+</Rules>
+<br />
+
+#### Standardized spellings
+
+Some major spelling differences in American English. American English is more obviously phonetic than British English.
+
+##### -ae/-oe
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper>
+        Diarrhea
+      </IconWrapper>
+    </InlineMessage>
+     <InlineMessage>
+      <IconWrapper>
+        Anesthetic 
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>
+        Gynecology  
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>
+        Homeopathy  
+      </IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Diarrhoea
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Anaesthetic
+      </IconWrapper>
+    </InlineMessage>
+     <InlineMessage>
+      <IconWrapper iconType='error'>
+        Gynaecology
+      </IconWrapper>
+    </InlineMessage>
+     <InlineMessage>
+      <IconWrapper iconType='error'>
+        Homoeopathy
+      </IconWrapper>
+    </InlineMessage>
+
+  </DONTs>
+</Rules>
+<br />
+
+##### -ce/-se
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper>
+       License
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>
+        Defense
+      </IconWrapper>
+    </InlineMessage>
+     <InlineMessage>
+      <IconWrapper>
+        Offense
+      </IconWrapper>
+    </InlineMessage>
+     <InlineMessage>
+      <IconWrapper>
+        Pretense
+      </IconWrapper>
+    </InlineMessage>
+
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Licence 
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Defence 
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Offence
+      </IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Pretence
+      </IconWrapper>
+    </InlineMessage>
+
+  </DONTs>
+</Rules>
+<br />
+
+##### -e/-ue
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper>Analog</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Catalog</IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'>Analogue</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>Catalogue</IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+<br />
+
+##### -able/-eable
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper>Likable</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Unshakable</IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'>Likeable</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>
+        Unshakeable
+      </IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+<br />
+
+##### -ize/-ise
+
+<Rules>
+  <DOs>
+    <InlineMessage>
+      <IconWrapper>Organize</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Apologize</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper>Recognize</IconWrapper>
+    </InlineMessage>
+  </DOs>
+  <DONTs>
+    <InlineMessage>
+      <IconWrapper iconType='error'>Organise</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>Apologise</IconWrapper>
+    </InlineMessage>
+    <InlineMessage>
+      <IconWrapper iconType='error'>Recognise</IconWrapper>
+    </InlineMessage>
+  </DONTs>
+</Rules>
+<br />