ably-ui 6.3.1 → 6.4.0.dev.04fa1c1

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 88c6ecb47aa608f901035ae626f4e854d7be8f7c60cf58154d8f7ccb5fcb2bd4
4
- data.tar.gz: 0ddae33161b5d6ff584fc51503cefe6267e58cbda7d43abd9f2785867ddf8c05
3
+ metadata.gz: 6d56106dca6c65b70b0a4be39c3a0169a4413a8d102e8103885fd018b6f33ba5
4
+ data.tar.gz: e12f09b37f7bc6bfb80c034deedc49b5b57cfeb39546f9cc59a5f2106459dafd
5
5
  SHA512:
6
- metadata.gz: 49e7df9fb5537e6e63987dca5dac7ed5701af8bc9a5914cd956f33fb6d5675184c99810e64268f43c3cf0b57d8d745479158923a361e462976658c41b8a9592e
7
- data.tar.gz: '0628fd2c61d9ccdf5ee39af2adb66015677f39f79075a0f0d31a5d515da6419644625a56c850804b1621202729297dc20a4af6faed59ec9ee9da806a75f540dd'
6
+ metadata.gz: dc0a49a03950ebd6643205429ee879db95ed053e7e014bd9e82d9bf1e429da01bf8ebf7ac6dd987cb655e68d300ce75ec3a08a1677716a28843e95e9ef5d3a91
7
+ data.tar.gz: 5653ffc6fc4ec34158e48a62d900af844b19a94e7bd14273ea9133c225febb637fefeee7ca0c6de09eff11c37a618a35ca382e2cd71bc649057df71e90cb2961
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- ably-ui (6.2.1.dev.937a94b)
4
+ ably-ui (6.4.0)
5
5
  view_component (~> 2.33.0)
6
6
 
7
7
  GEM
@@ -0,0 +1 @@
1
+ @import "./styles/properties.css";
@@ -0,0 +1,49 @@
1
+ @import "./styles/buttons.css";
2
+ @import "./styles/layout.css";
3
+ @import "./styles/text.css";
4
+
5
+ @layer components {
6
+ .ui-input {
7
+ @apply text-p2 font-light bg-light-grey rounded p-input w-full leading-none appearance-none border border-mid-grey transition-input;
8
+ @apply hover:bg-white hover:shadow-input hover:border-transparent;
9
+ @apply focus:bg-white focus:shadow-input focus:border-transparent focus:outline-gui-focus;
10
+ @apply max-w-screen-sm;
11
+ }
12
+
13
+ /* Basis for icon component */
14
+ .ui-icon-cool-black {
15
+ stroke: var(--color-cool-black);
16
+ }
17
+
18
+ .ui-icon-white {
19
+ stroke: var(--color-white);
20
+ }
21
+
22
+ .ui-icon-dark-grey {
23
+ stroke: var(--color-dark-grey);
24
+ }
25
+
26
+ /* Extend how tailwind does group hover for icons */
27
+ .group {
28
+ &:hover {
29
+ .group-hover\:icon-gui-hover {
30
+ stroke: var(--color-gui-hover);
31
+ }
32
+ }
33
+
34
+ &:focus {
35
+ .group-focus\:icon-gui-focus {
36
+ stroke: var(--color-gui-focus);
37
+ }
38
+ }
39
+ }
40
+
41
+ .ui-version-tag {
42
+ @apply inline-block absolute align-top uppercase font-bold whitespace-nowrap;
43
+
44
+ position: relative;
45
+ vertical-align: super;
46
+ margin-left: 3px;
47
+ font-size: 8px;
48
+ }
49
+ }
@@ -34,6 +34,12 @@
34
34
  <div class="col-span-full sm:col-span-3 md:col-span-1">
35
35
  <h2 class="ui-footer-col-title">Ably is for</h2>
36
36
  <ul>
37
+ <li class="p-menu-row-snug">
38
+ <%= link_to 'Ably Asset Tracking', abs_url("/solutions/asset-tracking"), class: "ui-footer-menu-row-link" %>
39
+ </li>
40
+ <li class="p-menu-row-snug">
41
+ <%= link_to 'Extend Kafka to the edge', abs_url("/solutions/extend-kafka-to-the-edge"), class: "ui-footer-menu-row-link" %>
42
+ </li>
37
43
  <li class="p-menu-row-snug">
38
44
  <%= link_to 'EdTech', abs_url("/solutions/edtech"), class: "ui-footer-menu-row-link" %>
39
45
  </li>
@@ -0,0 +1 @@
1
+
@@ -2,7 +2,7 @@
2
2
  <%= notice %>
3
3
 
4
4
  <div class="ui-meganav ui-grid-px">
5
- <%= render(AblyUi::Core::Logo.new(theme_name: @theme_name, data_id: "meganav-logo", href: url_base)) %>
5
+ <%= render(AblyUi::Core::Logo.new(theme_name: @theme_name, data_id: "meganav-logo", href: logo_link)) %>
6
6
  <%= render(AblyUi::Core::MeganavItemsDesktop.new(theme_name: @theme_name, url_base: url_base)) %>
7
7
 
8
8
  <% if @session_data[:signedIn] %>
@@ -6,7 +6,7 @@ module AblyUi
6
6
  class Meganav < ViewComponent::Base
7
7
  include MeganavConfig
8
8
  include Util
9
- attr_reader :options, :login_link, :url_base
9
+ attr_reader :options, :login_link, :logo_link, :url_base
10
10
 
11
11
  renders_one :notice, AblyUi::Core::Notice
12
12
 
@@ -14,6 +14,7 @@ module AblyUi
14
14
  session_data: {},
15
15
  theme_name: :white,
16
16
  login_link: '/login',
17
+ logo_link: '',
17
18
  url_base: AblyUi::Core::Util::DEFAULT_URL_BASE
18
19
  )
19
20
  @session_data = session_data
@@ -21,6 +22,7 @@ module AblyUi
21
22
  @options = options
22
23
  @login_link = login_link
23
24
  @url_base = url_base
25
+ @logo_link = logo_link || url_base
24
26
  theme_setup(theme_name)
25
27
  end
26
28
 
@@ -1,7 +1,13 @@
1
1
  <section class="ui-meganav-content ui-grid-gap md:grid-cols-2 gap-y-0 md:gap-y-32">
2
2
  <div>
3
- <h3 class="ui-meganav-overline" id="meganav-use-cases-panel-industry-use-cases">By industry use case</h3>
3
+ <h3 class="ui-meganav-overline" id="meganav-use-cases-panel-industry-use-cases">By use case</h3>
4
4
  <ul aria-labelledby="meganav-use-cases-panel-industry-use-cases">
5
+ <li>
6
+ <%= link_to abs_url("/solutions/extend-kafka-to-the-edge"), class: "ui-meganav-media group" do %>
7
+ <p class="ui-meganav-media-heading">Extend Kafka to the edge</p>
8
+ <p class="ui-meganav-media-copy">Enhance and reliably expand Kafka&apos;s event streaming capabilities beyond your private network.</p>
9
+ <% end %>
10
+ </li>
5
11
  <li>
6
12
  <%= link_to abs_url("/solutions/edtech"), class: "ui-meganav-media group" do %>
7
13
  <p class="ui-meganav-media-heading">EdTech</p>
@@ -0,0 +1 @@
1
+ @import "./styles/properties.css";
@@ -0,0 +1,49 @@
1
+ @import "./styles/buttons.css";
2
+ @import "./styles/layout.css";
3
+ @import "./styles/text.css";
4
+
5
+ @layer components {
6
+ .ui-input {
7
+ @apply text-p2 font-light bg-light-grey rounded p-input w-full leading-none appearance-none border border-mid-grey transition-input;
8
+ @apply hover:bg-white hover:shadow-input hover:border-transparent;
9
+ @apply focus:bg-white focus:shadow-input focus:border-transparent focus:outline-gui-focus;
10
+ @apply max-w-screen-sm;
11
+ }
12
+
13
+ /* Basis for icon component */
14
+ .ui-icon-cool-black {
15
+ stroke: var(--color-cool-black);
16
+ }
17
+
18
+ .ui-icon-white {
19
+ stroke: var(--color-white);
20
+ }
21
+
22
+ .ui-icon-dark-grey {
23
+ stroke: var(--color-dark-grey);
24
+ }
25
+
26
+ /* Extend how tailwind does group hover for icons */
27
+ .group {
28
+ &:hover {
29
+ .group-hover\:icon-gui-hover {
30
+ stroke: var(--color-gui-hover);
31
+ }
32
+ }
33
+
34
+ &:focus {
35
+ .group-focus\:icon-gui-focus {
36
+ stroke: var(--color-gui-focus);
37
+ }
38
+ }
39
+ }
40
+
41
+ .ui-version-tag {
42
+ @apply inline-block absolute align-top uppercase font-bold whitespace-nowrap;
43
+
44
+ position: relative;
45
+ vertical-align: super;
46
+ margin-left: 3px;
47
+ font-size: 8px;
48
+ }
49
+ }
@@ -0,0 +1 @@
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}));
@@ -0,0 +1 @@
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})()}));
@@ -1,3 +1,3 @@
1
1
  module AblyUi
2
- VERSION = '6.3.1'
2
+ VERSION = '6.4.0.dev.04fa1c1'
3
3
  end
metadata CHANGED
@@ -1,16 +1,16 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: ably-ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 6.3.1
4
+ version: 6.4.0.dev.04fa1c1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Dominik Piatek
8
8
  - Arti Mathanda
9
9
  - Bruce Thomas
10
- autorequire:
10
+ autorequire:
11
11
  bindir: bin
12
12
  cert_chain: []
13
- date: 2022-02-02 00:00:00.000000000 Z
13
+ date: 2022-02-16 00:00:00.000000000 Z
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: view_component
@@ -26,7 +26,7 @@ dependencies:
26
26
  - - "~>"
27
27
  - !ruby/object:Gem::Version
28
28
  version: 2.33.0
29
- description:
29
+ description:
30
30
  email:
31
31
  - dominik.piatek@ably.com
32
32
  - arti.mathanda@ably.com
@@ -54,6 +54,8 @@ files:
54
54
  - lib/ably_ui/core/contact_footer/contact_footer.rb
55
55
  - lib/ably_ui/core/cookie_message/component.css
56
56
  - lib/ably_ui/core/cookie_message/component.js
57
+ - lib/ably_ui/core/core.base.css
58
+ - lib/ably_ui/core/core.components.css
57
59
  - lib/ably_ui/core/core.rb
58
60
  - lib/ably_ui/core/customer_logos/component.js
59
61
  - lib/ably_ui/core/customer_logos/customer_logos.html.erb
@@ -89,6 +91,7 @@ files:
89
91
  - lib/ably_ui/core/footer/component.js
90
92
  - lib/ably_ui/core/footer/footer.html.erb
91
93
  - lib/ably_ui/core/footer/footer.rb
94
+ - lib/ably_ui/core/icon/component.css
92
95
  - lib/ably_ui/core/icon/component.js
93
96
  - lib/ably_ui/core/icon/icon.html.erb
94
97
  - lib/ably_ui/core/icon/icon.rb
@@ -185,11 +188,15 @@ files:
185
188
  - lib/ably_ui/core/slider/slider.html.erb
186
189
  - lib/ably_ui/core/slider/slider.rb
187
190
  - lib/ably_ui/core/sprites.svg
191
+ - lib/ably_ui/core/styles.base.css
192
+ - lib/ably_ui/core/styles.components.css
188
193
  - lib/ably_ui/core/styles.css
189
194
  - lib/ably_ui/core/uptime/component.css
190
195
  - lib/ably_ui/core/uptime/component.js
191
196
  - lib/ably_ui/core/uptime/uptime.html.erb
192
197
  - lib/ably_ui/core/uptime/uptime.rb
198
+ - lib/ably_ui/react/connect_state_wrapper/component.js
199
+ - lib/ably_ui/react/scripts.js
193
200
  - lib/ably_ui/reset/scripts.js
194
201
  - lib/ably_ui/reset/styles.css
195
202
  - lib/ably_ui/version.rb
@@ -198,7 +205,7 @@ licenses:
198
205
  - Apache-2.0
199
206
  metadata:
200
207
  source_code_uri: https://github.com/ably/ably-ui
201
- post_install_message:
208
+ post_install_message:
202
209
  rdoc_options: []
203
210
  require_paths:
204
211
  - lib
@@ -209,12 +216,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
209
216
  version: '0'
210
217
  required_rubygems_version: !ruby/object:Gem::Requirement
211
218
  requirements:
212
- - - ">="
219
+ - - ">"
213
220
  - !ruby/object:Gem::Version
214
- version: '0'
221
+ version: 1.3.1
215
222
  requirements: []
216
223
  rubygems_version: 3.2.3
217
- signing_key:
224
+ signing_key:
218
225
  specification_version: 4
219
226
  summary: Shared component library and design system for Ably Real-time Ltd (ably.com)
220
227
  test_files: []