ably-ui 7.0.1.dev.778adc0 → 7.1.0.dev.97a5585

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 4c6d2e223bb2f41039c67e1afb75ece6324734101dbfdd6cb636ce531a59b167
4
- data.tar.gz: a0723620905ad998a9515487c929f4088a5e3aae35a716bc6c7ac5a3ae965d7a
3
+ metadata.gz: 2eba522c0aeff9d3ae3b233a21c4e7f1810c3586397899499c5fcb908738c731
4
+ data.tar.gz: 856b0ad06eb14e5459f731f5d97da25dfce8e9b880f7cf8f76331f960cdcdad0
5
5
  SHA512:
6
- metadata.gz: f0c0c6917799ee737e9ab731d65ffb4d23bd9969168901a22579415a16fc6541b90a84df5c64346d8fa96afa0fe3b653810c899ceaad7bcc2c02ee48fb487e15
7
- data.tar.gz: 61714fab8d52d431be62e2d8d12c5a1e8148092eef0fa4d74a16ccbcad6d7b117f53f87433d33f390cc2b3a7ebb1ceb7016c081e6131acc314dc4d310f5d1596
6
+ metadata.gz: 264574d28a83bcac5835824fadfd1333c931ab63e5166e47628b53a1df26ab44ed68d36e5a98ac329da63f7f654747354005a936a667f342b583793e9e6791e4
7
+ data.tar.gz: 3a31ddbd4a48058e600ea71a628342c5d7998143c6eafdd7e28430dc0649ef0950806cc6bbe41447997575fe301bd3b07baee530c0faafbe6bbf08b14648957a
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- ably-ui (7.0.1)
4
+ ably-ui (7.1.0.dev.02abc5e)
5
5
  view_component (>= 2.33, < 2.50)
6
6
 
7
7
  GEM
@@ -74,10 +74,10 @@
74
74
  <h2 class="ui-footer-col-title">Developers</h2>
75
75
  <ul>
76
76
  <li class="p-menu-row-snug">
77
- <%= link_to 'Start in 5 minutes', abs_url("/documentation/quick-start-guide"), class: "ui-footer-menu-row-link" %>
77
+ <%= link_to 'Start in 5 minutes', abs_url("/docs/quick-start-guide"), class: "ui-footer-menu-row-link" %>
78
78
  </li>
79
79
  <li class="p-menu-row-snug">
80
- <%= link_to 'Documentation', abs_url("/documentation"), class: "ui-footer-menu-row-link" %>
80
+ <%= link_to 'Documentation', abs_url("/docs"), class: "ui-footer-menu-row-link" %>
81
81
  </li>
82
82
  <li class="p-menu-row-snug">
83
83
  <%= link_to 'Tutorials', abs_url("/tutorials"), class: "ui-footer-menu-row-link" %>
@@ -0,0 +1 @@
1
+ !function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.AblyUi=o():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.Loader=o())}(this,(function(){return{}.default}));
@@ -0,0 +1,18 @@
1
+ <%= tag.svg class: "#{ring_color} #{additional_css}", style: "width: #{size}; height: #{size}", width: "24", height: "24", view_box: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" do %>
2
+ <style>
3
+ @keyframes chunk-animation {
4
+ to {
5
+ transform: rotate(360deg);
6
+ }
7
+ }
8
+
9
+ .chunk {
10
+ transform: rotate(0deg);
11
+ transform-origin: center;
12
+ animation: chunk-animation 0.6s cubic-bezier(.44,.15,.66,.98) forwards infinite;
13
+ }
14
+ </style>
15
+
16
+ <path fill="currentColor" d="m12 1.99976c-1.9778 0-3.91121.58649-5.5557 1.6853s-2.92621 2.6606-3.68309 4.48786c-.75688 1.82728-.95491 3.83788-.56906 5.77778.38585 1.9398 1.33826 3.7216 2.73679 5.1201 1.39852 1.3985 3.18035 2.351 5.12016 2.7368 1.9398.3859 3.9505.1878 5.7777-.569 1.8273-.7569 3.3891-2.0387 4.4879-3.6831 1.0988-1.6445 1.6853-3.5779 1.6853-5.5557 0-1.3133-.2587-2.61362-.7612-3.82688-.5025-1.21325-1.2391-2.31565-2.1677-3.24423-.9286-.92859-2.031-1.66518-3.2443-2.16773-1.2132-.50255-2.5136-.7612-3.8268-.7612zm0 18.00004c-1.5822 0-3.12896-.4692-4.44456-1.3483-1.31559-.879-2.34097-2.1285-2.94647-3.5903s-.76393-3.0703-.45525-4.6222c.30868-1.55181 1.07061-2.97728 2.18943-4.0961s2.54428-1.88074 4.09615-2.18943c1.5518-.30868 3.1604-.15025 4.6222.45525s2.7112 1.63088 3.5903 2.94647c.879 1.3156 1.3482 2.86231 1.3482 4.44461 0 2.1217-.8428 4.1565-2.3431 5.6568s-3.5352 2.3432-5.6569 2.3432z" opacity=".5"/>
17
+ <path className="chunk" d="m20 11.9998h2c0-1.3133-.2587-2.61362-.7612-3.82688-.5026-1.21325-1.2391-2.31565-2.1677-3.24423-.9286-.92859-2.031-1.66518-3.2443-2.16773-1.2132-.50255-2.5136-.7612-3.8268-.7612v2c2.1217 0 4.1566.84285 5.6569 2.34314 1.5002 1.50029 2.3431 3.53512 2.3431 5.6569z" fill="#ff5416"/>
18
+ <% end %>
@@ -0,0 +1,19 @@
1
+ module AblyUi
2
+ module Core
3
+ class Loader < ViewComponent::Base
4
+ attr_reader :size
5
+ attr_reader :ring_color
6
+ attr_reader :additional_css
7
+
8
+ def initialize(
9
+ size: '1.5rem',
10
+ ring_color: 'text-dark-grey',
11
+ additional_css: ''
12
+ )
13
+ @size = size
14
+ @ring_color = ring_color
15
+ @additional_css = additional_css
16
+ end
17
+ end
18
+ end
19
+ end
@@ -11,7 +11,7 @@
11
11
  Docs, quick start guides, tutorials, and API reference to help you start building with Ably’s platform and APIs.
12
12
  </p>
13
13
 
14
- <%= render(AblyUi::Core::FeaturedLink.new(url: abs_url("/documentation"))) do %>Visit Documentation<% end %>
14
+ <%= render(AblyUi::Core::FeaturedLink.new(url: abs_url("/docs"))) do %>Visit Documentation<% end %>
15
15
  </div>
16
16
 
17
17
  <div>
@@ -19,13 +19,13 @@
19
19
  --color-gui-viewed: #4887c2;
20
20
  --color-gui-unavailable: #a8a8a8;
21
21
  --color-gui-error: #fb0c0c;
22
+ --color-gui-success: #11cb24;
22
23
 
23
24
  /* code syntax: theme */
24
25
  --syntax-black: var(--color-cool-black);
25
26
  --syntax-dark-grey: var(--color-dark-grey);
26
27
  --syntax-mid-grey: var(--color-mid-grey);
27
28
  --syntax-light-grey: var(--color-light-grey);
28
-
29
29
  --syntax-orange: #e78c45;
30
30
  --syntax-yellow: #e7c547;
31
31
  --syntax-blue: #3490ec;
@@ -154,7 +154,7 @@
154
154
  the values in the comments can be used as guide as they represent the grid the elements (should) sit on.
155
155
  alternatively, look for ui-grid-* helpers. */
156
156
  --bp-xs: 375px; /* gutters 8px, side-margin 24px */
157
- --bp-sm: 600px; /* gutters 16px, side-margin 32px */
157
+ --bp-sm: 768px; /* gutters 16px, side-margin 32px */
158
158
  --bp-md: 1040px; /* gutters 24px, side-margin 40px, meganav desktop */
159
159
  --bp-lg: 1280px; /* gutters 24px, side-margin 64px */
160
160
  --bp-xl: 1440px; /* gutters 32px, side-margin 64px */
@@ -1,3 +1,3 @@
1
1
  module AblyUi
2
- VERSION = '7.0.1.dev.778adc0'
2
+ VERSION = '7.1.0.dev.97a5585'
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: ably-ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 7.0.1.dev.778adc0
4
+ version: 7.1.0.dev.97a5585
5
5
  platform: ruby
6
6
  authors:
7
7
  - Dominik Piatek
@@ -10,7 +10,7 @@ authors:
10
10
  autorequire:
11
11
  bindir: bin
12
12
  cert_chain: []
13
- date: 2022-04-01 00:00:00.000000000 Z
13
+ date: 2022-04-07 00:00:00.000000000 Z
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: view_component
@@ -130,6 +130,9 @@ files:
130
130
  - lib/ably_ui/core/images/rocket-list-2021.png
131
131
  - lib/ably_ui/core/images/scale-motif-open-empathetic.svg
132
132
  - lib/ably_ui/core/images/technical-support-01-800x533.jpg
133
+ - lib/ably_ui/core/loader/component.js
134
+ - lib/ably_ui/core/loader/loader.html.erb
135
+ - lib/ably_ui/core/loader/loader.rb
133
136
  - lib/ably_ui/core/logo/component.js
134
137
  - lib/ably_ui/core/logo/logo.html.erb
135
138
  - lib/ably_ui/core/logo/logo.rb
@@ -196,8 +199,6 @@ files:
196
199
  - lib/ably_ui/core/uptime/component.js
197
200
  - lib/ably_ui/core/uptime/uptime.html.erb
198
201
  - lib/ably_ui/core/uptime/uptime.rb
199
- - lib/ably_ui/react/connect_state_wrapper/component.js
200
- - lib/ably_ui/react/scripts.js
201
202
  - lib/ably_ui/reset/scripts.js
202
203
  - lib/ably_ui/reset/styles.css
203
204
  - lib/ably_ui/version.rb
@@ -1 +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}));
@@ -1 +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})()}));