Merge pull request #92 from fleetbase/dev-v0.3.9

v0.3.9

Author: roncodes

addon/components/modals/resend-verification-email.hbs

@@ -1,24 +1,9 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
-        <div class="bg-blue-50 rounded shadow-sm border-l-4 border-blue-400 p-4 mb-5">
-            <div class="flex">
-                <div class="flex-shrink-0">
-                    <svg class="h-5 w-5 text-blue-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-                        <path
-                            fill-rule="evenodd"
-                            d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z"
-                            clip-rule="evenodd"
-                        ></path>
-                    </svg>
-                </div>
-                <div class="ml-3 flex items-center">
-                    <span class="font-extrabold text-blue-800">Verify your email address</span>
-                </div>
-            </div>
-            <div class="py-3">
-                <p class="text-blue-700">Re-verify your email address and click Send to continue.</p>
-            </div>
-        </div>
+        <InfoBlock @type="info" @icon="lightbulb" @iconSize="lg" class="mb-5">
+            <div class="font-extrabold">Verify your email address.</div>
+            <div>Re-verify your email address and click Send to continue.</div>
+        </InfoBlock>
 
         <InputGroup
             @type="email"

addon/components/model-coordinates-input.hbs

@@ -1,6 +1,6 @@
 <CoordinatesInput
     @value={{if @locationProperty (get @model @locationProperty) @model.location}}
-    @onChange={{this.updatePlaceCoordinates}}
+    @onChange={{this.updateCoordinates}}
     @onGeocode={{this.onAutocomplete}}
     @onUpdatedFromMap={{perform this.reverseGeocode}}
     @onInit={{this.setCoordinatesInput}}

addon/components/tab-navigation.hbs

@@ -2,11 +2,15 @@
 <div class="tab-navigation {{@containerClass}}" data-style={{or @style "github"}} data-size={{or @size "md"}}>
     <div class="tab-list justify-between {{@tablistClass}}" role="tablist">
         <div class="flex flex-row items-center" role="tablist">
+            {{#if (has-block "title")}}
+                <div id="tab-navigation-title" class="tab-navigation-title {{@tabTitleWrapperClass}}">
+                    {{yield to="title"}}
+                </div>
+            {{/if}}
             {{#if (has-block "tabs")}}
                 {{yield this to="tabs"}}
             {{else if @tabs}}
                 {{#each this.enhancedTabs as |tab|}}
-
                     {{#if tab.route}}
                         <LinkTo
                             @route={{tab.route}}

addon/styles/layout/next.css

@@ -2053,15 +2053,15 @@ body[data-theme='light'] .next-table-wrapper table tfoot tr td {
 }
 
 .field-info-container > .field-name {
-    @apply font-semibold text-gray-700;
+    @apply text-[11px] tracking-wide uppercase font-semibold text-gray-700;
 }
 
 .field-info-container > .field-value {
     @apply text-gray-900;
 }
 
 body[data-theme='dark'] .field-info-container > .field-name {
-    @apply text-gray-400;
+    @apply text-gray-500;
 }
 
 body[data-theme='dark'] .field-info-container > .field-value {

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fleetbase/ember-ui",
-    "version": "0.3.8",
+    "version": "0.3.9",
     "description": "Fleetbase UI provides all the interface components, helpers, services and utilities for building a Fleetbase extension into the Console.",
     "keywords": [
         "fleetbase-ui",