ably-ui 8.2.1.dev.611f3bd → 8.2.1

data/lib/ably_ui/core/styles.css

@@ -306,10 +306,6 @@
     @apply gap-8 sm:gap-16 md:gap-24 xl:gap-32;
   }
 
-  .ui-grid-gap-x {
-    @apply gap-x-8 sm:gap-x-16 md:gap-x-24 xl:gap-x-32;
-  }
-
   .ui-grid-px {
     @apply px-24 sm:px-32 md:px-40 lg:px-64;
   }

data/lib/ably_ui/version.rb

@@ -1,3 +1,3 @@
 module AblyUi
-  VERSION = '8.2.1.dev.611f3bd'
+  VERSION = '8.2.1'
 end

metadata

@@ -1,16 +1,16 @@
 --- !ruby/object:Gem::Specification
 name: ably-ui
 version: !ruby/object:Gem::Version
-  version: 8.2.1.dev.611f3bd
+  version: 8.2.1
 platform: ruby
 authors:
 - Dominik Piatek
 - Arti Mathanda
 - Bruce Thomas
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-08-26 00:00:00.000000000 Z
+date: 2022-08-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: view_component
@@ -32,7 +32,7 @@ dependencies:
     - - "<"
       - !ruby/object:Gem::Version
         version: '2.50'
-description:
+description: 
 email:
 - dominik.piatek@ably.com
 - arti.mathanda@ably.com
@@ -101,6 +101,9 @@ files:
 - lib/ably_ui/core/icon/icon.rb
 - lib/ably_ui/core/images/ably-logo.svg
 - lib/ably_ui/core/images/ably-stack.svg
+- lib/ably_ui/core/images/blog-thumb1.jpg
+- lib/ably_ui/core/images/blog-thumb2.jpg
+- lib/ably_ui/core/images/blog-thumb3.jpg
 - lib/ably_ui/core/images/cust-logo-ao-col-pos.png
 - lib/ably_ui/core/images/cust-logo-ao-col-pos@2x.png
 - lib/ably_ui/core/images/cust-logo-ausopen-col-pos.png
@@ -127,7 +130,6 @@ files:
 - lib/ably_ui/core/images/cust-photo-split-pato-echague.jpg
 - lib/ably_ui/core/images/cust-photo-vitac-joe-antonio.jpg
 - lib/ably_ui/core/images/flexible-companies.png
-- lib/ably_ui/core/images/icon-tech-aws.svg
 - lib/ably_ui/core/images/rocket-list-2021.png
 - lib/ably_ui/core/images/scale-motif-open-empathetic.svg
 - lib/ably_ui/core/images/technical-support-01-800x533.jpg
@@ -145,9 +147,6 @@ files:
 - lib/ably_ui/core/meganav_blog_posts_list/component.js
 - lib/ably_ui/core/meganav_blog_posts_list/meganav_blog_posts_list.html.erb
 - lib/ably_ui/core/meganav_blog_posts_list/meganav_blog_posts_list.rb
-- lib/ably_ui/core/meganav_content_company/component.js
-- lib/ably_ui/core/meganav_content_company/meganav_content_company.html.erb
-- lib/ably_ui/core/meganav_content_company/meganav_content_company.rb
 - lib/ably_ui/core/meganav_content_developers/component.js
 - lib/ably_ui/core/meganav_content_developers/meganav_content_developers.html.erb
 - lib/ably_ui/core/meganav_content_developers/meganav_content_developers.rb
@@ -157,6 +156,9 @@ files:
 - lib/ably_ui/core/meganav_content_use_cases/component.js
 - lib/ably_ui/core/meganav_content_use_cases/meganav_content_use_cases.html.erb
 - lib/ably_ui/core/meganav_content_use_cases/meganav_content_use_cases.rb
+- lib/ably_ui/core/meganav_content_why_ably/component.js
+- lib/ably_ui/core/meganav_content_why_ably/meganav_content_why_ably.html.erb
+- lib/ably_ui/core/meganav_content_why_ably/meganav_content_why_ably.rb
 - lib/ably_ui/core/meganav_control/component.js
 - lib/ably_ui/core/meganav_control/meganav_control.html.erb
 - lib/ably_ui/core/meganav_control/meganav_control.rb
@@ -212,8 +214,6 @@ files:
 - 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
@@ -222,7 +222,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
@@ -233,12 +233,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
-rubygems_version: 3.3.7
-signing_key:
+rubygems_version: 3.2.3
+signing_key: 
 specification_version: 4
 summary: Shared component library and design system for Ably Real-time Ltd (ably.com)
 test_files: []

data/lib/ably_ui/core/images/icon-tech-aws.svg

@@ -1,4 +0,0 @@
-<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.4021 17.3463C11.4021 17.8287 11.4542 18.2198 11.5455 18.5066C11.6498 18.7934 11.7802 19.1063 11.9627 19.4452C12.0279 19.5495 12.0539 19.6538 12.0539 19.7451C12.0539 19.8754 11.9757 20.0058 11.8062 20.1362L10.9849 20.6837C10.8676 20.7619 10.7503 20.801 10.646 20.801C10.5156 20.801 10.3852 20.7359 10.2549 20.6185C10.0724 20.423 9.91592 20.2144 9.78555 20.0058C9.65518 19.7842 9.52482 19.5365 9.38141 19.2366C8.36455 20.436 7.08695 21.0357 5.54862 21.0357C4.45354 21.0357 3.58008 20.7228 2.94128 20.0971C2.30248 19.4713 1.97656 18.6369 1.97656 17.594C1.97656 16.4859 2.36766 15.5864 3.1629 14.9084C3.95814 14.2305 5.01412 13.8916 6.3569 13.8916C6.80014 13.8916 7.25643 13.9307 7.73879 13.9959C8.22114 14.0611 8.71654 14.1653 9.23801 14.2827V13.331C9.23801 12.3402 9.02942 11.6493 8.62528 11.2451C8.20811 10.841 7.50413 10.6454 6.5003 10.6454C6.04401 10.6454 5.57469 10.6976 5.09234 10.8149C4.60998 10.9322 4.14066 11.0756 3.68437 11.2582C3.47578 11.3494 3.31934 11.4016 3.22809 11.4276C3.13683 11.4537 3.07165 11.4668 3.0195 11.4668C2.83699 11.4668 2.74573 11.3364 2.74573 11.0626V10.4238C2.74573 10.2152 2.7718 10.0588 2.83699 9.96753C2.90217 9.87627 3.0195 9.78502 3.20201 9.69376C3.6583 9.4591 4.20584 9.26355 4.84464 9.10711C5.48344 8.93763 6.16135 8.85941 6.87836 8.85941C8.42973 8.85941 9.56393 9.2114 10.294 9.91538C11.011 10.6194 11.376 11.6884 11.376 13.1224V17.3463H11.4021ZM6.1092 19.3279C6.53941 19.3279 6.98266 19.2497 7.45198 19.0932C7.9213 18.9368 8.33848 18.65 8.69047 18.2589C8.89905 18.0112 9.05549 17.7374 9.13371 17.4245C9.21194 17.1116 9.26408 16.7336 9.26408 16.2903V15.7428C8.88602 15.6515 8.48188 15.5733 8.0647 15.5212C7.64753 15.469 7.24339 15.4429 6.83925 15.4429C5.9658 15.4429 5.327 15.6124 4.89678 15.9644C4.46657 16.3164 4.25799 16.8118 4.25799 17.4636C4.25799 18.0764 4.41443 18.5326 4.74034 18.8455C5.05323 19.1714 5.50951 19.3279 6.1092 19.3279ZM16.5777 20.7359C16.343 20.7359 16.1866 20.6967 16.0823 20.6055C15.978 20.5273 15.8867 20.3447 15.8085 20.0971L12.7449 10.0197C12.6667 9.75894 12.6276 9.58946 12.6276 9.49821C12.6276 9.28962 12.7318 9.17229 12.9404 9.17229H14.218C14.4657 9.17229 14.6352 9.2114 14.7265 9.30266C14.8308 9.38088 14.909 9.56339 14.9872 9.81109L17.1774 18.4414L19.2111 9.81109C19.2763 9.55035 19.3545 9.38088 19.4588 9.30266C19.5631 9.22444 19.7456 9.17229 19.9803 9.17229H21.0232C21.2709 9.17229 21.4404 9.2114 21.5447 9.30266C21.649 9.38088 21.7402 9.56339 21.7924 9.81109L23.8522 18.5457L26.1075 9.81109C26.1857 9.55035 26.277 9.38088 26.3682 9.30266C26.4725 9.22444 26.642 9.17229 26.8767 9.17229H28.0891C28.2977 9.17229 28.415 9.27658 28.415 9.49821C28.415 9.56339 28.402 9.62858 28.3889 9.7068C28.3759 9.78502 28.3498 9.88931 28.2977 10.0327L25.1558 20.1101C25.0776 20.3708 24.9863 20.5403 24.8821 20.6185C24.7778 20.6967 24.6083 20.7489 24.3867 20.7489H23.2655C23.0178 20.7489 22.8483 20.7098 22.744 20.6185C22.6397 20.5273 22.5485 20.3578 22.4963 20.0971L20.4756 11.6884L18.468 20.084C18.4028 20.3447 18.3246 20.5142 18.2203 20.6055C18.116 20.6967 17.9335 20.7359 17.6988 20.7359H16.5777ZM33.3298 21.0878C32.6519 21.0878 31.974 21.0096 31.3222 20.8532C30.6704 20.6967 30.1619 20.5273 29.823 20.3317C29.6144 20.2144 29.471 20.084 29.4188 19.9667C29.3667 19.8494 29.3406 19.719 29.3406 19.6017V18.9368C29.3406 18.663 29.4449 18.5326 29.6405 18.5326C29.7187 18.5326 29.7969 18.5457 29.8751 18.5718C29.9533 18.5978 30.0707 18.65 30.201 18.7021C30.6443 18.8977 31.1266 19.0541 31.6351 19.1584C32.1565 19.2627 32.665 19.3148 33.1864 19.3148C34.0078 19.3148 34.6465 19.1714 35.0898 18.8846C35.533 18.5978 35.7677 18.1807 35.7677 17.6462C35.7677 17.2811 35.6504 16.9813 35.4157 16.7336C35.1811 16.4859 34.7378 16.2643 34.099 16.0557L32.2087 15.469C31.257 15.1692 30.553 14.7259 30.1228 14.1393C29.6926 13.5657 29.471 12.9269 29.471 12.249C29.471 11.7014 29.5883 11.2191 29.823 10.8019C30.0576 10.3847 30.3705 10.0197 30.7616 9.73287C31.1527 9.43302 31.596 9.2114 32.1174 9.05496C32.6389 8.89852 33.1864 8.83334 33.7601 8.83334C34.0469 8.83334 34.3467 8.84637 34.6335 8.88548C34.9334 8.92459 35.2071 8.97674 35.4809 9.02889C35.7416 9.09407 35.9893 9.15925 36.224 9.23747C36.4586 9.31569 36.6412 9.39391 36.7715 9.47213C36.954 9.57643 37.0844 9.68072 37.1626 9.79805C37.2409 9.90235 37.28 10.0457 37.28 10.2283V10.841C37.28 11.1148 37.1757 11.2582 36.9801 11.2582C36.8758 11.2582 36.7063 11.206 36.4847 11.1017C35.7416 10.7628 34.9073 10.5933 33.9817 10.5933C33.2386 10.5933 32.6519 10.7106 32.2478 10.9583C31.8437 11.206 31.6351 11.5841 31.6351 12.1186C31.6351 12.4836 31.7654 12.7965 32.0262 13.0442C32.2869 13.2919 32.7693 13.5396 33.4602 13.7612L35.3114 14.3479C36.2501 14.6477 36.928 15.0649 37.3321 15.5994C37.7362 16.1339 37.9318 16.7466 37.9318 17.4245C37.9318 17.9851 37.8145 18.4935 37.5928 18.9368C37.3582 19.38 37.0453 19.7711 36.6412 20.084C36.237 20.4099 35.7547 20.6446 35.1941 20.8141C34.6074 20.9966 33.9947 21.0878 33.3298 21.0878Z" fill="#252F3E"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M32.5608 25.2204C33.9557 25.0509 37.0324 24.6859 37.5799 25.3899C38.1275 26.0808 36.9672 28.988 36.4457 30.2786C36.2893 30.6697 36.6283 30.8262 36.9802 30.5263C39.2747 28.5969 39.8744 24.5685 39.4051 23.9819C38.9357 23.4083 34.9074 22.9129 32.4565 24.6337C32.0784 24.9075 32.1436 25.2725 32.5608 25.2204ZM19.9152 32.2734C25.2733 32.2734 31.5048 30.5917 35.7939 27.4238C36.4979 26.9023 35.8852 26.1071 35.1681 26.433C30.3576 28.4667 25.1299 29.4575 20.3715 29.4575C13.3186 29.4575 6.50042 27.515 0.972856 24.308C0.490498 24.0212 0.12547 24.5166 0.529608 24.8816C5.64 29.4966 12.406 32.2734 19.9152 32.2734Z" fill="#FF9900"/>
-</svg>

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

@@ -1,81 +0,0 @@
-<div class="flex max-w-screen-xl mx-auto">
-  <div class="ui-meganav-content-spacer"></div>
-  <section class="grid grid-cols-12 ui-grid-gap-x w-full">
-    <div class="col-span-full md:col-span-4 pt-24 md:py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24">
-      <h3 class="ui-meganav-overline" id="meganav-company-panel-list-why-companies">Why companies choose Ably</h3>
-      <ul aria-labelledby="meganav-company-panel-list-why-companies">
-        <li>
-          <%= link_to abs_url("/customers"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-customers-col", size: "2.5rem")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Customers</p>
-              <p class="ui-meganav-media-copy">Ably supports customers across multiple industries.</p>
-            </div>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/case-studies"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-case-studies-col", size: "2.5rem")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Case studies</p>
-              <p class="ui-meganav-media-copy">Discover how customers are benefitting from Ably.</p>
-            </div>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/compare"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-compare-tech-col", size: "2.5rem")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Compare our tech</p>
-              <p class="ui-meganav-media-copy">Choose the right realtime service.</p>
-            </div>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/aws"), class: "ui-meganav-media-with-image group" do %>
-            <%= image_tag(aws_logo_path, alt: "AWS logo") %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Partners</p>
-              <p class="ui-meganav-media-copy">Ably collaborates and integrates with AWS.</p>
-            </div>
-          <% end %>
-        </li>
-      </ul>
-    </div>
-
-    <div class="col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0">
-      <ul class="md:mt-40" aria-labelledby="meganav-company-panel-list-why-companies">
-        <li>
-          <%= link_to abs_url("/resources"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-resources-col", size: "2.5rem")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Resources</p>
-              <p class="ui-meganav-media-copy">Learn more about realtime with our handy resources.</p>
-            </div>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/compare"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-about-ably-col", size: "2.5rem")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">About Ably</p>
-              <p class="ui-meganav-media-copy">Find out more about Ably’s mission.</p>
-            </div>
-          <% end %>
-        </li>
-        <li>
-          <%= link_to abs_url("/careers"), class: "ui-meganav-media-with-image group" do %>
-            <%= render(AblyUi::Core::Icon.new(name: "icon-display-careers-col", size: "2.5rem")) %>
-            <div class="flex flex-col justify-center">
-              <p class="ui-meganav-media-heading">Careers</p>
-              <p class="ui-meganav-media-copy">Discover our open roles and core Ably values.</p>
-            </div>
-          <% end %>
-        </li>
-      </ul>
-    </div>
-
-    <%= render(AblyUi::Core::MeganavBlogPostsList.new(url_base: url_base)) %>
-  </section>
-  <div class="ui-meganav-content-spacer"></div>
-</div>

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

@@ -1 +0,0 @@
-!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

@@ -1 +0,0 @@
-!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})()}));