revert(demo-homepage): updated demo homepage, removed search bar (#2883)

This reverts commit 041753e.

src/components/calcite-dropdown-item/calcite-dropdown-item.scss

@@ -135,6 +135,7 @@
   @apply pl-3;
 }
 
+
 // no dot for none and multi modes
 .container--multi-selection:before,
 .container--none-selection:before {

src/demos/_assets/demos.css

@@ -38,55 +38,3 @@ main {
   font-weight: var(--calcite-app-font-weight);
   font-size: var(--calcite-app-font-size-1);
 }
-
-/*
-  **************************************************
-  * calcite-demo homepage
-  **************************************************
-*/
-  .navigation {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 3vh 0;
-    box-sizing: border-box;
-  }
-
-  #calcite-demo {
-    color: var(--calcite-ui-brand-press);
-  }
-
-  .examples-github-storybook {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 15px;
-  }
-
-  .body-margin,
-  .calcite-comp,
-  .calcite-components {
-    margin: 0 12%;
-  }
-
-  .calcite-components {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-  }
-
-  .calcite-components div {
-    flex: 0 0 25%;
-    padding: 4px 0;
-  }
-
-  .calcite-comp {
-    color: var(--calcite-ui-text-3);
-    font-family: var(--calcite-sans-family);
-    font-size: var(--calcite-font-size-0);
-    font-weight: var(--calcite-font-weight-medium);
-  }
-
-  a {
-    text-decoration: none;
-  }
-

src/demos/calcite-accordion.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Accordion</title>
+    <title>Calcite Accordion</title>
     <style>
       .parent {
         display: flex;

src/demos/calcite-alert.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Alert</title>
+    <title>Calcite Alert</title>
     <script src="_assets/head.js"></script>
     <script src="_assets/createAlert.js"></script>
 

src/demos/calcite-avatar.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Avatar</title>
+    <title>Calcite Avatar</title>
     <style>
       .parent {
         display: flex;

src/demos/calcite-card.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Card</title>
+    <title>Calcite Card</title>
     <style>
       .parent {
         display: flex;

src/demos/calcite-checkbox.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Checkbox</title>
+    <title>Calcite Checkbox</title>
     <style>
       .parent {
         display: flex;

src/demos/calcite-chip.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Chip</title>
+    <title>Calcite Chip</title>
     <style>
       .parent {
         display: flex;

src/demos/calcite-color-picker.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Color-picker</title>
+    <title>Calcite ColorPicker</title>
     <style>
       .parent {
         display: flex;

src/demos/calcite-combobox.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Combobox</title>
+    <title>Calcite Combobox</title>
     <style>
       .parent {
         display: flex;

src/demos/calcite-date-picker.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Date-picker</title>
+    <title>Calcite Date Picker</title>
     <style>
       .parent {
         display: flex;

src/demos/calcite-icon.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Icon</title>
+    <title>Calcite Icon</title>
     <style>
       .parent {
         display: flex;

src/demos/calcite-inline-editable.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Inline Editable</title>
+    <title>Calcite Inline Editable</title>
     <script src="./_assets/head.js"></script>
     <style>
       .parent {

src/demos/calcite-loader.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Loader</title>
+    <title>Calcite Loader</title>
     <style>
       .parent {
         display: flex;

src/demos/calcite-modal.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Modal</title>
+    <title>Calcite Modal</title>
     <style>
       .parent {
         display: flex;

src/demos/calcite-notice.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Notice</title>
+    <title>Calcite Notice</title>
     <style>
       .parent {
         display: flex;

src/demos/calcite-pagination.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Pagination</title>
+    <title>Calcite Pagination</title>
     <script src="./_assets/head.js"></script>
     <style>
       .flex {

src/demos/calcite-pick-list.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
-    <title>Pick-list</title>
+    <title>PickList</title>
     <script src="./_assets/head.js"></script>
 
     <style>

src/demos/calcite-popover.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Popover</title>
+    <title>Calcite Popover</title>
     <style>
       .parent {
         display: flex;

src/demos/calcite-progress.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Progress</title>
+    <title>Calcite Progress</title>
     <style>
       .parent {
         display: flex;

src/demos/calcite-rating.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Rating</title>
+    <title>Calcite Rating</title>
     <style>
       .parent {
         display: flex;

src/demos/calcite-scrim.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Scrim</title>
+    <title>Calcite Scrim</title>
 
     <style>
       .parent {

src/demos/calcite-select.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Select</title>
+    <title>Calcite Select</title>
     <style>
       .parent {
         display: flex;

src/demos/calcite-slider.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Slider</title>
+    <title>Calcite Slider</title>
     <style>
       .parent {
         display: flex;

src/demos/calcite-switch.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Switch</title>
+    <title>Calcite Switch</title>
     <script src="./_assets/head.js"></script>
 
     <style>

src/demos/calcite-tooltip.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Tooltip</title>
+    <title>Calcite Tooltip</title>
     <style>
       .parent {
         display: flex;

src/demos/calcite-tree.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Tree</title>
+    <title>Calcite Tree</title>
     <style>
       .parent {
         display: flex;

src/demos/calcite-list.html → src/demos/list/basic.html

@@ -6,7 +6,7 @@
 
     <title>List</title>
 
-    <script src="./_assets/head.js"></script>
+    <script src="../_assets/head.js"></script>
     <style>
       .parent {
         display: flex;
@@ -18,13 +18,13 @@
       }
 
       .child {
-        flex: 0 0 50%;
+        flex: 1 0 75%;
         padding: 25px;
       }
 
       .right-aligned-text {
         text-align: right;
-        flex: 0 0 14%;
+        flex: 1 0 20%;
       }
     </style>
   </head>

src/demos/calcite-sortable-list.html → src/demos/sortable-list/calcite-sortable-list.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
 
-    <title>Sortable-list</title>
+    <title>Calcite Components: calcite-sortable-list</title>
 
     <style>
       .parent {
@@ -35,7 +35,7 @@
       }
     </style>
 
-    <script src="./_assets/head.js"></script>
+    <script src="../_assets/head.js"></script>
   </head>
 
   <body>

src/demos/tip/basic.html

@@ -144,6 +144,8 @@ <h2>Tip Group with thumbnails, non-dimissable</h2>
           </calcite-tip>
         </calcite-tip-group>
 
+
+
         <div class="demo-background-dark calcite-theme-dark">
           <h1>Tip</h1>
 
@@ -278,6 +280,7 @@ <h2>Tip Group with thumbnails, non-dimissable</h2>
             </calcite-tip>
           </calcite-tip-group>
         </div>
+
       </section>
     </main>
   </body>