From 2af2b2460cb3f05bf932ad51ece8feb10aa819ef Mon Sep 17 00:00:00 2001
From: Pavel 'PK' Kaminsky <kaminsky.pavel@gmail.com>
Date: Wed, 26 Aug 2020 15:56:18 +0300
Subject: [PATCH] fix: add pills to demo [skip ci]

---
 demo/package.json | 2 +-
 demo/src/App.css  | 2 +-
 demo/src/App.js   | 8 +++++++-
 demo/yarn.lock    | 8 ++++----
 4 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/demo/package.json b/demo/package.json
index 407cd73..6d1a431 100644
--- a/demo/package.json
+++ b/demo/package.json
@@ -7,7 +7,7 @@
     "@testing-library/react": "9.5.0",
     "@testing-library/user-event": "7.2.1",
     "babel-jest": "24.9.0",
-    "monday-ui-components": "1.2.0",
+    "monday-ui-components": "^1.3.2",
     "react": "16.13.1",
     "react-dom": "16.13.1",
     "react-scripts": "3.4.3"
diff --git a/demo/src/App.css b/demo/src/App.css
index 74b5e05..45be72f 100644
--- a/demo/src/App.css
+++ b/demo/src/App.css
@@ -14,7 +14,7 @@
 }
 
 .App-header {
-  background-color: #282c34;
+  /*background-color: #282c34;*/
   min-height: 100vh;
   display: flex;
   flex-direction: column;
diff --git a/demo/src/App.js b/demo/src/App.js
index a07ed35..0b56f3c 100644
--- a/demo/src/App.js
+++ b/demo/src/App.js
@@ -1,13 +1,19 @@
 import React, {useState} from "react";
 import logo from "./logo.svg";
 import "./App.css";
-import {Badge, Button} from "monday-ui-components";
+import {Badge, Button, Pill, PillsGroup} from "monday-ui-components";
 
 function App() {
   const [counter, setCounter] = useState(0);
   return (
     <div className="App">
       <header className="App-header">
+        <PillsGroup>
+          <Pill label="Days" active />
+          <Pill label="Weeks" />
+          <Pill label="Months" />
+        </PillsGroup>
+
         <img src={logo} className="App-logo" alt="logo" />
         <p>
           a demo of{" "}
diff --git a/demo/yarn.lock b/demo/yarn.lock
index e198554..7d30c93 100644
--- a/demo/yarn.lock
+++ b/demo/yarn.lock
@@ -7973,10 +7973,10 @@ mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@~0.5.1:
   dependencies:
     minimist "^1.2.5"
 
-monday-ui-components@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/monday-ui-components/-/monday-ui-components-1.2.0.tgz#dea974f5c6b3e267dceea9694d28d667ea0b36f0"
-  integrity sha512-sg73e8MNdBw2V11Oynkhw4IssgtHaYsKeiC3lqLP09dyEgofllQf0WVZlKyH2zMlYia0wxaTNH/qofUkwumOHQ==
+monday-ui-components@^1.3.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/monday-ui-components/-/monday-ui-components-1.3.2.tgz#96d2f540f6e3ab1a78a98263367c0642f01e7a17"
+  integrity sha512-KYZEUPDSnyTAdRhCECv00YKIvLm/1aixD6Wvjs1EdXTusKaYiW4YUIzwgu1B6yMBG056VWv/BxUZGWkh+FhBTg==
   dependencies:
     "@types/styled-components" "^5.1.2"
     fontsource-roboto "^3.0.3"