fix: add pills to demo [skip ci]

kaminskypavel · Aug 26, 2020 · 2af2b24 · 2af2b24
1 parent 43a9c82
commit 2af2b24
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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"