ably-ui 6.3.1 → 6.4.0.dev.04fa1c1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 88c6ecb47aa608f901035ae626f4e854d7be8f7c60cf58154d8f7ccb5fcb2bd4
-  data.tar.gz: 0ddae33161b5d6ff584fc51503cefe6267e58cbda7d43abd9f2785867ddf8c05
+  metadata.gz: 6d56106dca6c65b70b0a4be39c3a0169a4413a8d102e8103885fd018b6f33ba5
+  data.tar.gz: e12f09b37f7bc6bfb80c034deedc49b5b57cfeb39546f9cc59a5f2106459dafd
 SHA512:
-  metadata.gz: 49e7df9fb5537e6e63987dca5dac7ed5701af8bc9a5914cd956f33fb6d5675184c99810e64268f43c3cf0b57d8d745479158923a361e462976658c41b8a9592e
-  data.tar.gz: '0628fd2c61d9ccdf5ee39af2adb66015677f39f79075a0f0d31a5d515da6419644625a56c850804b1621202729297dc20a4af6faed59ec9ee9da806a75f540dd'
+  metadata.gz: dc0a49a03950ebd6643205429ee879db95ed053e7e014bd9e82d9bf1e429da01bf8ebf7ac6dd987cb655e68d300ce75ec3a08a1677716a28843e95e9ef5d3a91
+  data.tar.gz: 5653ffc6fc4ec34158e48a62d900af844b19a94e7bd14273ea9133c225febb637fefeee7ca0c6de09eff11c37a618a35ca382e2cd71bc649057df71e90cb2961

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ably-ui (6.2.1.dev.937a94b)
+    ably-ui (6.4.0)
       view_component (~> 2.33.0)
 
 GEM

data/lib/ably_ui/core/core.base.css

@@ -0,0 +1 @@
+@import "./styles/properties.css";

data/lib/ably_ui/core/core.components.css

@@ -0,0 +1,49 @@
+@import "./styles/buttons.css";
+@import "./styles/layout.css";
+@import "./styles/text.css";
+
+@layer components {
+  .ui-input {
+    @apply text-p2 font-light bg-light-grey rounded p-input w-full leading-none appearance-none border border-mid-grey transition-input;
+    @apply hover:bg-white hover:shadow-input hover:border-transparent;
+    @apply focus:bg-white focus:shadow-input focus:border-transparent focus:outline-gui-focus;
+    @apply max-w-screen-sm;
+  }
+
+  /* Basis for icon component */
+  .ui-icon-cool-black {
+    stroke: var(--color-cool-black);
+  }
+
+  .ui-icon-white {
+    stroke: var(--color-white);
+  }
+
+  .ui-icon-dark-grey {
+    stroke: var(--color-dark-grey);
+  }
+
+  /* Extend how tailwind does group hover for icons */
+  .group {
+    &:hover {
+      .group-hover\:icon-gui-hover {
+        stroke: var(--color-gui-hover);
+      }
+    }
+
+    &:focus {
+      .group-focus\:icon-gui-focus {
+        stroke: var(--color-gui-focus);
+      }
+    }
+  }
+
+  .ui-version-tag {
+    @apply inline-block absolute align-top uppercase font-bold whitespace-nowrap;
+
+    position: relative;
+    vertical-align: super;
+    margin-left: 3px;
+    font-size: 8px;
+  }
+}

data/lib/ably_ui/core/footer/footer.html.erb

@@ -34,6 +34,12 @@
     <div class="col-span-full sm:col-span-3 md:col-span-1">
       <h2 class="ui-footer-col-title">Ably is for</h2>
       <ul>
+        <li class="p-menu-row-snug">
+          <%= link_to 'Ably Asset Tracking', abs_url("/solutions/asset-tracking"), class: "ui-footer-menu-row-link" %>
+        </li>
+        <li class="p-menu-row-snug">
+          <%= link_to 'Extend Kafka to the edge', abs_url("/solutions/extend-kafka-to-the-edge"), class: "ui-footer-menu-row-link" %>
+        </li>
         <li class="p-menu-row-snug">
           <%= link_to 'EdTech', abs_url("/solutions/edtech"), class: "ui-footer-menu-row-link" %>
         </li>

data/lib/ably_ui/core/icon/component.css

@@ -0,0 +1 @@
+

data/lib/ably_ui/core/meganav/meganav.html.erb

@@ -2,7 +2,7 @@
   <%= notice %>
 
   <div class="ui-meganav ui-grid-px">
-    <%= render(AblyUi::Core::Logo.new(theme_name: @theme_name, data_id: "meganav-logo", href: url_base)) %>
+    <%= render(AblyUi::Core::Logo.new(theme_name: @theme_name, data_id: "meganav-logo", href: logo_link)) %>
     <%= render(AblyUi::Core::MeganavItemsDesktop.new(theme_name: @theme_name, url_base: url_base)) %>
 
     <% if @session_data[:signedIn] %>

data/lib/ably_ui/core/meganav/meganav.rb

@@ -6,7 +6,7 @@ module AblyUi
     class Meganav < ViewComponent::Base
       include MeganavConfig
       include Util
-      attr_reader :options, :login_link, :url_base
+      attr_reader :options, :login_link, :logo_link, :url_base
 
       renders_one :notice, AblyUi::Core::Notice
 
@@ -14,6 +14,7 @@ module AblyUi
         session_data: {},
         theme_name: :white,
         login_link: '/login',
+        logo_link: '',
         url_base: AblyUi::Core::Util::DEFAULT_URL_BASE
       )
         @session_data = session_data
@@ -21,6 +22,7 @@ module AblyUi
         @options = options
         @login_link = login_link
         @url_base = url_base
+        @logo_link = logo_link || url_base
         theme_setup(theme_name)
       end
 

data/lib/ably_ui/core/meganav_content_use_cases/meganav_content_use_cases.html.erb

@@ -1,7 +1,13 @@
 <section class="ui-meganav-content ui-grid-gap md:grid-cols-2 gap-y-0 md:gap-y-32">
   <div>
-    <h3 class="ui-meganav-overline" id="meganav-use-cases-panel-industry-use-cases">By industry use case</h3>
+    <h3 class="ui-meganav-overline" id="meganav-use-cases-panel-industry-use-cases">By use case</h3>
     <ul aria-labelledby="meganav-use-cases-panel-industry-use-cases">
+      <li>
+        <%= link_to abs_url("/solutions/extend-kafka-to-the-edge"), class: "ui-meganav-media group" do %>
+          <p class="ui-meganav-media-heading">Extend Kafka to the edge</p>
+          <p class="ui-meganav-media-copy">Enhance and reliably expand Kafka&apos;s event streaming capabilities beyond your private network.</p>
+        <% end %>
+      </li>
       <li>
         <%= link_to abs_url("/solutions/edtech"), class: "ui-meganav-media group" do %>
           <p class="ui-meganav-media-heading">EdTech</p>

data/lib/ably_ui/core/styles.base.css

@@ -0,0 +1 @@
+@import "./styles/properties.css";

data/lib/ably_ui/core/styles.components.css

@@ -0,0 +1,49 @@
+@import "./styles/buttons.css";
+@import "./styles/layout.css";
+@import "./styles/text.css";
+
+@layer components {
+  .ui-input {
+    @apply text-p2 font-light bg-light-grey rounded p-input w-full leading-none appearance-none border border-mid-grey transition-input;
+    @apply hover:bg-white hover:shadow-input hover:border-transparent;
+    @apply focus:bg-white focus:shadow-input focus:border-transparent focus:outline-gui-focus;
+    @apply max-w-screen-sm;
+  }
+
+  /* Basis for icon component */
+  .ui-icon-cool-black {
+    stroke: var(--color-cool-black);
+  }
+
+  .ui-icon-white {
+    stroke: var(--color-white);
+  }
+
+  .ui-icon-dark-grey {
+    stroke: var(--color-dark-grey);
+  }
+
+  /* Extend how tailwind does group hover for icons */
+  .group {
+    &:hover {
+      .group-hover\:icon-gui-hover {
+        stroke: var(--color-gui-hover);
+      }
+    }
+
+    &:focus {
+      .group-focus\:icon-gui-focus {
+        stroke: var(--color-gui-focus);
+      }
+    }
+  }
+
+  .ui-version-tag {
+    @apply inline-block absolute align-top uppercase font-bold whitespace-nowrap;
+
+    position: relative;
+    vertical-align: super;
+    margin-left: 3px;
+    font-size: 8px;
+  }
+}

data/lib/ably_ui/react/connect_state_wrapper/component.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AblyUi=t():(e.AblyUi=e.AblyUi||{},e.AblyUi.React=e.AblyUi.React||{},e.AblyUi.React.ConnectStateWrapper=t())}(this,(function(){return{}.default}));

data/lib/ably_ui/react/scripts.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-dom")):"function"==typeof define&&define.amd?define([,],t):"object"==typeof exports?exports.AblyUi=t(require("react"),require("react-dom")):(e.AblyUi=e.AblyUi||{},e.AblyUi.React=t(e[void 0],e[void 0]))}(this,(function(e,t){return(()=>{"use strict";var r={281:t=>{t.exports=e},645:e=>{e.exports=t}},o={};function a(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return r[e](n,n.exports,a),n.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{a.r(n),a.d(n,{reactRenderer:()=>i});var e=a(281),t=a.n(e),r=a(645),o=a.n(r);function i(e){var r=document.querySelectorAll("[data-react]");Array.from(r).forEach((function(r){var a=r.getAttribute("data-react"),n=e[a];if(!n)throw new Error('Found a data-react attribute with "'.concat(a,'" but no matching component.'));var i=r.getAttribute("data-react-props"),c=i&&JSON.parse(i||{});o().render(t().createElement(n,c),r),r.removeAttribute("data-react"),r.removeAttribute("data-react-props")}))}})(),n})()}));

data/lib/ably_ui/version.rb

@@ -1,3 +1,3 @@
 module AblyUi
-  VERSION = '6.3.1'
+  VERSION = '6.4.0.dev.04fa1c1'
 end

metadata

@@ -1,16 +1,16 @@
 --- !ruby/object:Gem::Specification
 name: ably-ui
 version: !ruby/object:Gem::Version
-  version: 6.3.1
+  version: 6.4.0.dev.04fa1c1
 platform: ruby
 authors:
 - Dominik Piatek
 - Arti Mathanda
 - Bruce Thomas
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-02-02 00:00:00.000000000 Z
+date: 2022-02-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: view_component
@@ -26,7 +26,7 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 2.33.0
-description: 
+description:
 email:
 - dominik.piatek@ably.com
 - arti.mathanda@ably.com
@@ -54,6 +54,8 @@ files:
 - lib/ably_ui/core/contact_footer/contact_footer.rb
 - lib/ably_ui/core/cookie_message/component.css
 - lib/ably_ui/core/cookie_message/component.js
+- lib/ably_ui/core/core.base.css
+- lib/ably_ui/core/core.components.css
 - lib/ably_ui/core/core.rb
 - lib/ably_ui/core/customer_logos/component.js
 - lib/ably_ui/core/customer_logos/customer_logos.html.erb
@@ -89,6 +91,7 @@ files:
 - lib/ably_ui/core/footer/component.js
 - lib/ably_ui/core/footer/footer.html.erb
 - lib/ably_ui/core/footer/footer.rb
+- lib/ably_ui/core/icon/component.css
 - lib/ably_ui/core/icon/component.js
 - lib/ably_ui/core/icon/icon.html.erb
 - lib/ably_ui/core/icon/icon.rb
@@ -185,11 +188,15 @@ files:
 - lib/ably_ui/core/slider/slider.html.erb
 - lib/ably_ui/core/slider/slider.rb
 - lib/ably_ui/core/sprites.svg
+- lib/ably_ui/core/styles.base.css
+- lib/ably_ui/core/styles.components.css
 - lib/ably_ui/core/styles.css
 - lib/ably_ui/core/uptime/component.css
 - lib/ably_ui/core/uptime/component.js
 - lib/ably_ui/core/uptime/uptime.html.erb
 - lib/ably_ui/core/uptime/uptime.rb
+- lib/ably_ui/react/connect_state_wrapper/component.js
+- lib/ably_ui/react/scripts.js
 - lib/ably_ui/reset/scripts.js
 - lib/ably_ui/reset/styles.css
 - lib/ably_ui/version.rb
@@ -198,7 +205,7 @@ licenses:
 - Apache-2.0
 metadata:
   source_code_uri: https://github.com/ably/ably-ui
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -209,12 +216,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubygems_version: 3.2.3
-signing_key: 
+signing_key:
 specification_version: 4
 summary: Shared component library and design system for Ably Real-time Ltd (ably.com)
 test_files: []