@innovaccer/design-system 2.5.0-2 → 2.5.1

package/.all-contributorsrc

@@ -0,0 +1,170 @@
+{
+  "projectName": "design-system",
+  "projectOwner": "innovaccer",
+  "repoType": "github",
+  "repoHost": "https://github.com",
+  "files": [
+    "README.md"
+  ],
+  "imageSize": 100,
+  "commit": false,
+  "commitConvention": "angular",
+  "contributors": [
+    {
+      "login": "aditya-kumawat",
+      "name": "Aditya Kumawat",
+      "avatar_url": "https://avatars.githubusercontent.com/u/12715487?v=4",
+      "profile": "https://github.com/aditya-kumawat",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "riyalohia",
+      "name": "Riya Lohia",
+      "avatar_url": "https://avatars.githubusercontent.com/u/31706090?v=4",
+      "profile": "https://riyalohia.github.io/portfolio/",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "satyamyadav",
+      "name": "Satyam Yadav",
+      "avatar_url": "https://avatars.githubusercontent.com/u/3583587?v=4",
+      "profile": "http://satyamyadav.info/",
+      "contributions": [
+        "code",
+        "doc",
+        "review"
+      ]
+    },
+    {
+      "login": "sandeshchoudhary",
+      "name": "sandeshchoudhary",
+      "avatar_url": "https://avatars.githubusercontent.com/u/11272274?v=4",
+      "profile": "https://github.com/sandeshchoudhary",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "adityajhajharia",
+      "name": "adityajhajharia",
+      "avatar_url": "https://avatars.githubusercontent.com/u/42600089?v=4",
+      "profile": "https://github.com/adityajhajharia",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "anuradha9712",
+      "name": "Anuradha Aggarwal",
+      "avatar_url": "https://avatars.githubusercontent.com/u/46045493?v=4",
+      "profile": "https://github.com/anuradha9712",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "xlreon",
+      "name": "Sidharth",
+      "avatar_url": "https://avatars.githubusercontent.com/u/26788670?v=4",
+      "profile": "https://github.com/xlreon",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "stuti1090",
+      "name": "stuti1090",
+      "avatar_url": "https://avatars.githubusercontent.com/u/65341865?v=4",
+      "profile": "https://github.com/stuti1090",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "veekays",
+      "name": "Vikas Singh",
+      "avatar_url": "https://avatars.githubusercontent.com/u/6420348?v=4",
+      "profile": "https://github.com/veekays",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "SaniyaGupta",
+      "name": "SaniyaGupta",
+      "avatar_url": "https://avatars.githubusercontent.com/u/15903031?v=4",
+      "profile": "https://github.com/SaniyaGupta",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "chauhanparth210",
+      "name": "Parth Chauhan",
+      "avatar_url": "https://avatars.githubusercontent.com/u/35137224?v=4",
+      "profile": "https://www.linkedin.com/in/parth-chauhan-984624193/",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "stutirao",
+      "name": "Stuti Pandey",
+      "avatar_url": "https://avatars.githubusercontent.com/u/45294592?v=4",
+      "profile": "https://github.com/stutirao",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "Shib00",
+      "name": "Shivam Dwivedi",
+      "avatar_url": "https://avatars.githubusercontent.com/u/33096446?v=4",
+      "profile": "https://github.com/Shib00",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "aregee",
+      "name": "Rahul Gaur",
+      "avatar_url": "https://avatars.githubusercontent.com/u/760474?v=4",
+      "profile": "http://www.rahulgaur.info/",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "atifzaidi92",
+      "name": "atifzaidi92",
+      "avatar_url": "https://avatars.githubusercontent.com/u/54103064?v=4",
+      "profile": "https://github.com/atifzaidi92",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "Sumit2399",
+      "name": "Sumit Dhyani",
+      "avatar_url": "https://avatars.githubusercontent.com/u/66456021?v=4",
+      "profile": "https://github.com/Sumit2399",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "927tanmay",
+      "name": "Tanmay Sharma",
+      "avatar_url": "https://avatars.githubusercontent.com/u/36269283?v=4",
+      "profile": "https://tanmay-portfolio.herokuapp.com/",
+      "contributions": [
+        "code"
+      ]
+    }
+  ],
+  "contributorsPerLine": 7
+}

package/.github/workflows/jira.yml

@@ -28,7 +28,6 @@ jobs:
           ${{ github.event.issue.title }}
         description: |
           ${{ github.event.issue.body }}
-        fields: '{"labels":["github"], "customfield_10018": "DS-843", "customfield_11120":"${{ github.event.issue.html_url }}", "customfield_11760":{"value":"No"}}'
-
+        fields: '{"labels":["github"], "customfield_10018": "${{ secrets.JIRA_ID }}", "customfield_11120":"${{ github.event.issue.html_url }}", "customfield_11760":{"value":"No"}}'
     - name: Log created issue
       run: echo "Issue ${{ steps.create.outputs.issue }} was created"    

package/.github/workflows/main.yml

@@ -2,7 +2,7 @@ name: "Test build release"
 on:
   push:
     branches:
-      - master
+      - 2.5.x
 jobs:
   release:
     # uncomment next line as soon as visual tesing starts working
@@ -62,11 +62,6 @@ jobs:
         if: steps.is_release_commit.outputs.result == 1
         run: git push https://${{ secrets.GH_TOKEN }}@github.com/$GITHUB_REPOSITORY.git HEAD:master 
     
-      - name: deploy storybook
-        env:
-          GH_TOKEN: ${{ secrets.GH_TOKEN }}
-        if: steps.is_release_commit.outputs.result == 1
-        run: npm run deploy-storybook -- --ci
       
       - name: notify release
         if: steps.is_release_commit.outputs.result == 1

package/.github/workflows/test.yml

@@ -0,0 +1,22 @@
+name: "Test"
+on:
+  push:
+    branches:
+      - 2.5.x
+jobs:
+  test:
+    name: Test for coverage
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v1
+            
+      - uses: actions/setup-node@v1
+        with:
+          node-version: '10.x'
+      
+      - name: npm install
+        run: npm install
+            
+      - name: test
+        run: npm run test
+      

package/CHANGELOG.md

@@ -1,7 +1,10 @@
-## 2.5.0-2  (2021-09-29) 
+
+## 2.5.0  (2021-10-25) 
 
 ### Highlights
-NA
+* A now component ChoiceList is added to use group of check box or radio inputs to work as a choice selector (2d9bb1ed)
+* Calendar and DatePicker has new design and features for today date selection now. (7c3df346)
+* All existing contributors are added to Readme, an option to create request for getting added as contributor and documentation for the same is added. (07db26e9)
 
 ### Breaking changes
 NA
@@ -13,71 +16,35 @@ NA
 NA
 
 ### Features
+* A now component ChoiceList is added to use group of check box or radio inputs to work as a choice selector (2d9bb1ed)
+* New helper classes for applying border or removing border of an element are added. (7675c8b3)
 * Calendar and DatePicker has new design and features for today date selection now. (7c3df346)
 * EmptyState component now supports inline SVG image. (863d69b0)
+* Added previous and next month dates in current month's date in Calendar Component (4fe810bf)
 
 ### Fixes
+* fix(button.css): fix active state in transparent button (1c499f0d)
+* fix(nestedtable): fix expand and collapse button issue (be69d5e5)
+* Issue in scrolling horizontally on a Table body not scrolled table header is resolved. (e71ea1c2)
+* Icons on Table header and column menu to sort the table are now pointed in correct directions. (718a1a37)
+* DateRangePicker pattern example now uses selection cheap in stead of radios for pre defined date range selections. (a1d0ee53)
 * Table/Grid horizontal scrolling issue is fixed. (a6949715)
 * Modal is now vertically centered and can have flexible heights. (ef6072a7)
 * Dropzone icon is visible now when we bring mouse to drop file over it. (5ba93be9)
-
-### Improvements
-NA
-
-### Documentation
-* Guideline for branch naming convention added. (1ef3cd96)
-
--------------------
-
-## 2.5.0-1  (2021-09-27) 
-
-### Highlights
-NA
-
-### Breaking changes
-NA
-
-### Migration guide
-NA
-
-### Deprecations
-NA
-
-### Features
-NA
-### Fixes
 * Fixes the table header scroll when table body scroll (502cb1d1)
 * Fixes the Tabs Component rendering issue with checking children component type (8525a4e7)
 * Fixes the Datepicker snapshot which was getting updated as date changes (c001e925)
-### Improvements
-NA
-### Documentation
-NA
-
--------------------
-
-## 2.5.0-0  (2021-09-22) 
-
-### Highlights
-NA
-
-### Breaking changes
-NA
 
-### Migration guide
-NA
-
-### Deprecations
-NA
-
-### Features
-* Added previous and next month dates in current month's date in Calendar Component (4fe810bf)
-### Fixes
-NA
 ### Improvements
-* Added test cases for Calendar Component (f22df8b6)
+* Improved test coverage to cover more than 92% of the code base.
+
 ### Documentation
-NA
+* FileUploader component example is now more interactive (509a9053)
+* Navigation is more structured on story book for css and other utilities (56999d6b)
+* Message component example improved for versatile use-cases. (16fe6be6)
+* Readme is structured and updated for easy to access the required information (7d9c262d)
+* All existing contributors are added to Readme, an option to create request for getting added as contributor and documentation for the same is added. (07db26e9)
+* Guideline for branch naming convention added. (1ef3cd96)
 
 -------------------
 ## 2.4.0  (2021-09-22) 

package/CONTRIBUTING.md

@@ -724,3 +724,26 @@ and `chore:` are valid but have no effect on versioning. **It would be great if
 
 **For any change in source code of components that changes the API or functioning of the component corresponding story should be updated or a new story should be included**.
 
+
+## Add yourself to the contributor list
+
+We want to make sure everyone is recognized for their contributions !
+To add yourself to the `all-contributors` table in the README, you'll need to
+run the following commands from the root of the repo:
+
+```sh
+# Add new contributor <username>, who made a contribution of type <contribution>
+./node_modules/.bin/all-contributors add <username> <contribution>
+# Example:
+./node_modules/.bin/all-contributors add satyamyadav code,doc
+```
+
+Then, you'll need to generate the updated `all-contributors` table by running
+
+```sh
+all-contributors generate 
+OR
+./node_modules/.bin/all-contributors generate
+
+```
+

package/README.md

@@ -4,124 +4,137 @@
   </a>
 </p>
 <h1 align="center">
-  Innovaccer Design System
+  Masala Design System
 </h1>
-<h3 align="center">
-  A React-based UI toolkit for building Web Applications.
-</h3>
 
+> Masala Design System (MDS) is an open-source design system built at Innovaccer.
+> This is a simple and customizable component library to build faster, beautiful,
+> and more accessible React applications on the guidelines and principles of
+> Masala Design System.
 
-## 🚀 Get Up and Running
-
->💡 If your app runs on `Innovaccer UI engine` you don't need following two steps, please see *Using Components* section bellow.
+<br/>
 
-There are two main steps to use a component in your project:
-1. Installing component library using npm or yarn.
-2. Loading stylesheet.
+<div align="center">
 
+[![codecov](https://codecov.io/gh/innovaccer/design-system/branch/master/graph/badge.svg?token=2LY7JLZGX0)](https://codecov.io/gh/innovaccer/design-system) ![GitHub](https://img.shields.io/github/license/innovaccer/design-system) ![GitHub top language](https://img.shields.io/github/languages/top/innovaccer/design-system) ![Snyk Vulnerabilities for GitHub Repo](https://img.shields.io/snyk/vulnerabilities/github/innovaccer/design-system)
 
-**Installing component library:**
+</div>
+<br/>
 
+## 🚀 Get Up and Running
 
-Run the following command using [npm](https://www.npmjs.com/)  to add the component library to your project:
+To install `@innovaccer/design-system` in your project, you will need to run the
+following command using [npm](https://www.npmjs.com/):
 
 ```bash
 npm install @innovaccer/design-system
 ```
 
-**Adding style:**
+If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
+instead:
 
-As this component library is part of a framework-agnostic design system used at Innovaccer the styling is done with CSS using CSS variables for theming and BEM methodology for reusable and modular styling. So it requires you to include CSS in your project by either importing or serving it as a static file. The complete stylesheet is published as part of the component library at path `@innovaccer/design-system/css`.
+```bash
+yarn add @innovaccer/design-system
+```
 
-Import style at your app's root.
+**Adding style:**
+
+Import style at your app's root, it is not included in library bundle and shipped as a single css file.
+For more details see our [styling](#styling) section
 
 ```js
 import '@innovaccer/design-system/css';
 ```
 
-**Using design system font:**
 
-The css sets the font family as `'Nunito Sans'` for the body. To add this font in your project you need to load this font. The recommended way to do it is by adding the following google font cdn link to your app's head.
 
-```html
-<link href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap" rel="stylesheet">
+If you want to try out `@innovaccer/design-system`, you can also use
+[CodeSandbox](https://codesandbox.io/s/focused-germain-shbcw).
 
-```
+[![Edit @innovaccer/design-system](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/focused-germain-shbcw)
 
-**Updating Font:**
 
-If you don't add the font described above font family will not be affected by css. However, if you want to update the font family update it via the following css variable.
+## Usage
 
-```css
---font-family
+```js
+import { Button } from '@innovaccer/design-system';
+const App = () => {
+  return <Button>Done</Button>;
+};
 ```
 
-**Reset Styles** 
+For more information about each component, check out our
+[Storybook](https://innovaccer.github.io/design-system/).
+Check out our [Tutorial](/docs/AppTutorial.md) to guide you in creating an awesome app.
 
-As BEM is used reset.css is not used and no style reset is done.
+## CDN
 
-**Polyfill for IE**
-
-For css variables to work on IE we use a polyfill at runtime to achieve dynamic theming through variables. Please add the following polyfill in your page.
+If you prefer to include library globally by marking it as external in your application, [library](https://unpkg.com/browse/@innovaccer/design-system/) provides various single-file distributions, which can be used as following:
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2"></script>
-<script>
-  cssVars({
-    onlyLegacy: true
-  });
-</script>
+<!-- style -->
+<link href="https://unpkg.com/@innovaccer/design-system@2.5.0-3/css/dist/index.css" rel="stylesheet" />
+
+<!-- un-compressed UMD -->
+<script src="https://unpkg.com/browse/@innovaccer/design-system@2.5.0-3/dist/index.umd.js"></script>
+
+<!-- brotli compressed UMD -->
+<script src="https://unpkg.com/@innovaccer/design-system@2.5.0-3/dist/index.umd.js.br"></script>
 
+<!-- gzip compressed UMD -->
+<script src="https://unpkg.com/@innovaccer/design-system@2.5.0-3/dist/index.umd.js.gz"></script>
 ```
 
-**Using Components**
+## Styling
 
-Available components along with live code editor and API documentation can be found [here](https://innovaccer.github.io/design-system).
-Components can be imported as mentioned below:
+As this component library is part of a framework-agnostic design system used at Innovaccer the styling is done with CSS using CSS variables for theming and BEM methodology for reusable and modular styling. So it requires you to include CSS in your project by either importing or serving it as a static file. The complete stylesheet is published as part of the component library at path `@innovaccer/design-system/css`.
+You can include css by importing it or loading it from cdn.
 
+**👉 Using Font**
 
-```js
-{
-  ...
-  Avatar,
-  Backdrop,
-  Badge,
-  BreadcrumbsWrapper,
-  Breadcrumb,
-  ...
-} from '@innovaccer/design-system'
+The css sets the font family as `'Nunito Sans'` for the body. To add this font in your project you need to load this font. The recommended way to do it is by adding the following google font cdn link to your app's head.
 
+```html
+<link
+  href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap"
+  rel="stylesheet"
+/>
 ```
 
-## Tutorial
-
-We have created a tutorial to guide you in creating an awesome app with Innovaccer Design System components. Please find it [here](/docs/AppTutorial.md).
+**👉 Updating Font:**
 
+If you don't add the font described above font family will not be affected by css. However, if you want to update the font family update it via the following css variable.
 
-## How to run locally?
+```css
+--font-family
+```
 
-```bash
-#clone repository
-git clone https://github.com/innovaccer/design-system.git
+**👉 Reset Styles**
 
-#install dependencies
-npm install
+As BEM is used reset.css is not used and no style reset is done.
 
-#start development server
-npm run dev
-```
+**👉 Polyfill for IE**
 
+For css variables to work on IE we use a polyfill at runtime to achieve dynamic theming through variables. Please add the following polyfill in your page.
 
-## Documentation
+```html
+<script src="https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2"></script>
+<script>
+  cssVars({
+    onlyLegacy: true,
+  });
+</script>
+```
 
-**[Design](http://design.innovaccer.com)**
+## :books: Documentation
 
-**[Components](https://innovaccer.github.io/design-system)**
+- [🌶 Masala Design System](http://design.innovaccer.com)
 
+- [📗 Components Storybook](https://innovaccer.github.io/design-system)
 
 ## ❗ Code of Conduct
 
- We expect everyone participating in the community to abide by our [**Code of Conduct**](https://github.com/innovaccer/design-system/blob/master/CODE_OF_CONDUCT.md). Please read it. Please follow it. We work hard to build each other up and create amazing things together. 💪💜
+We expect everyone participating in the community to abide by our [**Code of Conduct**](https://github.com/innovaccer/design-system/blob/master/CODE_OF_CONDUCT.md). Please read it. Please follow it. We work hard to build each other up and create amazing things together. 💪💜
 
 ## 🤝 How to Contribute
 
@@ -129,18 +142,54 @@ Whether you're helping us fix bugs, improve the docs, or spread the word, we'd l
 
 Check out our [**Contributing Guide**](https://github.com/innovaccer/design-system/blob/master/CONTRIBUTING.md) for ideas on contributing and setup steps for getting our repositories up and running on your local machine.
 
-### A note on how this repository is organized
-
-This repository is codebase for all and we publish it to NPM as package.
-
-### Contributing
-
-We are currently only accepting bug fixes.
+## Contributors ✨
+
+Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
+
+<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
+<!-- prettier-ignore-start -->
+<!-- markdownlint-disable -->
+<table>
+  <tr>
+    <td align="center"><a href="https://github.com/aditya-kumawat"><img src="https://avatars.githubusercontent.com/u/12715487?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Aditya Kumawat</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=aditya-kumawat" title="Code">💻</a></td>
+    <td align="center"><a href="https://riyalohia.github.io/portfolio/"><img src="https://avatars.githubusercontent.com/u/31706090?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Riya Lohia</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=riyalohia" title="Code">💻</a></td>
+    <td align="center"><a href="http://satyamyadav.info/"><img src="https://avatars.githubusercontent.com/u/3583587?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Satyam Yadav</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=satyamyadav" title="Code">💻</a> <a href="https://github.com/innovaccer/design-system/commits?author=satyamyadav" title="Documentation">📖</a> <a href="https://github.com/innovaccer/design-system/pulls?q=is%3Apr+reviewed-by%3Asatyamyadav" title="Reviewed Pull Requests">👀</a></td>
+    <td align="center"><a href="https://github.com/sandeshchoudhary"><img src="https://avatars.githubusercontent.com/u/11272274?v=4?s=100" width="100px;" alt=""/><br /><sub><b>sandeshchoudhary</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=sandeshchoudhary" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/adityajhajharia"><img src="https://avatars.githubusercontent.com/u/42600089?v=4?s=100" width="100px;" alt=""/><br /><sub><b>adityajhajharia</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=adityajhajharia" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/anuradha9712"><img src="https://avatars.githubusercontent.com/u/46045493?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Anuradha Aggarwal</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=anuradha9712" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/xlreon"><img src="https://avatars.githubusercontent.com/u/26788670?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Sidharth</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=xlreon" title="Code">💻</a></td>
+  </tr>
+  <tr>
+    <td align="center"><a href="https://github.com/stuti1090"><img src="https://avatars.githubusercontent.com/u/65341865?v=4?s=100" width="100px;" alt=""/><br /><sub><b>stuti1090</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=stuti1090" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/veekays"><img src="https://avatars.githubusercontent.com/u/6420348?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Vikas Singh</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=veekays" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/SaniyaGupta"><img src="https://avatars.githubusercontent.com/u/15903031?v=4?s=100" width="100px;" alt=""/><br /><sub><b>SaniyaGupta</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=SaniyaGupta" title="Code">💻</a></td>
+    <td align="center"><a href="https://www.linkedin.com/in/parth-chauhan-984624193/"><img src="https://avatars.githubusercontent.com/u/35137224?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Parth Chauhan</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=chauhanparth210" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/stutirao"><img src="https://avatars.githubusercontent.com/u/45294592?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Stuti Pandey</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=stutirao" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/Shib00"><img src="https://avatars.githubusercontent.com/u/33096446?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Shivam Dwivedi</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=Shib00" title="Code">💻</a></td>
+    <td align="center"><a href="http://www.rahulgaur.info/"><img src="https://avatars.githubusercontent.com/u/760474?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Rahul Gaur</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=aregee" title="Code">💻</a></td>
+  </tr>
+  <tr>
+    <td align="center"><a href="https://github.com/atifzaidi92"><img src="https://avatars.githubusercontent.com/u/54103064?v=4?s=100" width="100px;" alt=""/><br /><sub><b>atifzaidi92</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=atifzaidi92" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/Sumit2399"><img src="https://avatars.githubusercontent.com/u/66456021?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Sumit Dhyani</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=Sumit2399" title="Code">💻</a></td>
+    <td align="center"><a href="https://tanmay-portfolio.herokuapp.com/"><img src="https://avatars.githubusercontent.com/u/36269283?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Tanmay Sharma</b></sub></a><br /><a href="https://github.com/innovaccer/design-system/commits?author=927tanmay" title="Code">💻</a></td>
+  </tr>
+</table>
+
+<!-- markdownlint-restore -->
+<!-- prettier-ignore-end -->
+
+<!-- ALL-CONTRIBUTORS-LIST:END -->
+
+<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
+<!-- prettier-ignore-start -->
+<!-- markdownlint-disable -->
+<!-- markdownlint-restore -->
+<!-- prettier-ignore-end -->
+
+<!-- ALL-CONTRIBUTORS-LIST:END -->
+
+This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
 
 ## :memo: License
 
 Licensed under the [MIT License](https://github.com/innovaccer/design-system/blob/master/LICENSE).
-
-## 💜 Thanks
-
-Thanks to our many contributors.