@nyaruka/temba-components 0.26.1 → 0.26.4

package/CHANGELOG.md

@@ -4,6 +4,28 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+#### [v0.26.4](https://github.com/nyaruka/temba-components/compare/v0.26.3...v0.26.4)
+
+> 26 April 2022
+
+- Fix inline menus with no items [`#165`](https://github.com/nyaruka/temba-components/pull/165)
+- Switch test font [`9fe1ffd`](https://github.com/nyaruka/temba-components/commit/9fe1ffd67be69c42e931e87e3e06e1c402e992fa)
+
+#### [v0.26.3](https://github.com/nyaruka/temba-components/compare/v0.26.2...v0.26.3)
+
+> 22 April 2022
+
+- Add bubble support for menu items [`#164`](https://github.com/nyaruka/temba-components/pull/164)
+
+#### [v0.26.2](https://github.com/nyaruka/temba-components/compare/v0.26.1...v0.26.2)
+
+> 21 April 2022
+
+- Tabbed pane [`#162`](https://github.com/nyaruka/temba-components/pull/162)
+- Update history and fix tests that weren't scrolling [`e6f2baf`](https://github.com/nyaruka/temba-components/commit/e6f2bafe4186aa263a91c12159d54ab54f4d7cc5)
+- Fix menu parent clicks, shrink menu fonts [`0bd7c7e`](https://github.com/nyaruka/temba-components/commit/0bd7c7ec95823ac74363b3fa05a1e62f13022e06)
+- Tighten up menu buttons [`a2d766d`](https://github.com/nyaruka/temba-components/commit/a2d766d2bde1b5049a28227a996f77a28d8dc8dc)
+
 #### [v0.26.1](https://github.com/nyaruka/temba-components/compare/v0.26.0...v0.26.1)
 
 > 11 April 2022

package/demo/index.html

@@ -14,11 +14,19 @@
     />
 
     <style>
+
+      .linked {
+        text-decoration: underline;
+        color: blue;
+        cursor: pointer;
+      }
+
       .example {
         border: 0px solid gray;
         padding: 10px;
         max-width: 500px;
         --temba-select-selected-font-size: 1em;
+        display:none;
       }
 
       temba-dropdown.open {
@@ -35,6 +43,14 @@
         background: rgba(0,0,0,.3);
       }
 
+      temba-tabs *, temba-tab * {
+        opacity: 0;
+      }
+
+      temba-tabs:defined *, temba-tab:defined * {
+        opacity: 1;
+      }
+
     </style>
     <script type="module">
       import '../out-tsc/temba-modules.js';
@@ -60,20 +76,23 @@
       groups="/static/api/groups.json"
     ></temba-store>
 
-    <div style="margin: 10px; background: #777; border-radius: 6px; overflow: hidden;">
-      <div style="display: flex; flex-direction: row; --icon-color: #fff;">
-        <div style="flex-grow: 1"></div>
-        <temba-dropdown style="display:flex; align-items: center; height: 100%" arrowOffset="-10" offsetX="0" offsetY="4" arrowSize="10">
-          <div slot="toggle" class="more">
-            <temba-icon name="menu" size="2"></temba-icon>
-          </div>
-          <div slot="dropdown" style="width:150px; padding:0.5em 1em">
-            <a href="http://google.com">Google</a>
-          </div>
-        </temba-dropdown>
-      </div>
-    </div>
+    <temba-tabs>
+
+      <temba-tab name="Chats" icon="message-square">
+        Chat content
+      </temba-tab>
+
+      <temba-tab name="Details" icon="list">
+        Details content
+      </temba-tab>
+
+      <temba-tab name="Log" icon="log">
+       Log content
+      </temba-tab>
+
+    </temba-tabs>
 
+    
     <div class="example" style="margin: 10px; background: #ccc; border-radius:6px;">
       <temba-dropdown>
         <div style="display:inline-block" slot="toggle">