[//]: # "START_AUTOGENERATED"

## [@spscommerce/ds-react](https://github.com/spscommerce/ui-angular/tree/master/packages/@spscommerce/ds-react#readme)

![release: 1.1.0](https://img.shields.io/badge/release-1.1.0-blue.svg?style=flat-square)
![build: passing](https://img.shields.io/badge/build-passing-green.svg?style=flat-square)
![tests: failing](https://img.shields.io/badge/tests-failing-red.svg?style=flat-square)

SPS Design System React components 
 
 ### Installation 
 
 ```shell
npm install --save @spscommerce/ds-react
```

#### Peer Dependencies

<div class="row">
    <div class="col-5"> 
    <table class="sps-table">
        <thead class="sps-table__head">
            <tr class="sps-table__row">
                <th class="sps-table__header">
                    <span class="sps-table__header-cell-body">    
                        Package
                    </span>
                </th>
                <th class="sps-table__header text-right">
                    <span class="sps-table__header-cell-body">    
                        Version
                    </span>
                </th>
            </tr>
        </thead>
        <tbody class="sps-table__body">
            <tr class="sps-table__row"><td class="sps-table__cell"><a href="https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-shared#readme">@spscommerce/ds-shared</a></td><td class="sps-table__cell text-right">^1.1.0</td></tr>
<tr class="sps-table__row"><td class="sps-table__cell"><a href="https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/positioning#readme">@spscommerce/positioning</a></td><td class="sps-table__cell text-right">^1.1.0</td></tr>
<tr class="sps-table__row"><td class="sps-table__cell"><a href="https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/utils#readme">@spscommerce/utils</a></td><td class="sps-table__cell text-right">^1.1.0</td></tr>
<tr class="sps-table__row"><td class="sps-table__cell"><a href="lukeed/clsx">clsx</a></td><td class="sps-table__cell text-right">^1.0.3</td></tr>
<tr class="sps-table__row"><td class="sps-table__cell"><a href="https://momentjs.com">moment</a></td><td class="sps-table__cell text-right">^2.25.3</td></tr>
<tr class="sps-table__row"><td class="sps-table__cell"><a href="http://momentjs.com/timezone/">moment-timezone</a></td><td class="sps-table__cell text-right">^0.5.28</td></tr>
<tr class="sps-table__row"><td class="sps-table__cell"><a href="ai/nanoid">nanoid</a></td><td class="sps-table__cell text-right">^2.1.6</td></tr>
<tr class="sps-table__row"><td class="sps-table__cell"><a href="https://facebook.github.io/react/">prop-types</a></td><td class="sps-table__cell text-right">^15.7.2</td></tr>
<tr class="sps-table__row"><td class="sps-table__cell"><a href="https://reactjs.org/">react</a></td><td class="sps-table__cell text-right">^16.9.0</td></tr>
<tr class="sps-table__row"><td class="sps-table__cell"><a href="https://reactjs.org/">react-dom</a></td><td class="sps-table__cell text-right">^16.9.0</td></tr>
<tr class="sps-table__row"><td class="sps-table__cell"><a href="https://scroll-into-view-if-needed.netlify.com">scroll-into-view-if-needed</a></td><td class="sps-table__cell text-right">^2.2.20</td></tr>
        </tbody>
    </table>
    </div>
    <div class="col-7">
        &nbsp;
    </div>
</div>

[//]: # "END_AUTOGENERATED"
