ably-ui 7.8.4.dev.f992ca8 → 7.9.1

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: eca0b5d2b712a2d72912b595c3ae2791ef9d317a75d351128ab34c232adea3b3
4
- data.tar.gz: 023ac78d51b4be017394ed64ebfd3096f922a0bae762653aad4b4490bae031c8
3
+ metadata.gz: d3020e6ccedac7ebb9e4c8420891dc3bc4d3202f48e6c07f4cde6ab5997ad637
4
+ data.tar.gz: 5232ab084b7bab5a5198a65dad133569abd3fd523b27c599542bb06fc0e2e294
5
5
  SHA512:
6
- metadata.gz: fcdcd87a9fff2720129d80eb4265883d3621f1c0ccccc77b195db07bb52e9f3c9b43d05ae716e75ff461da8d4e1080929d9cfd590a08f0c6d64878ba6cd9f4fd
7
- data.tar.gz: 358db8bcbe5d481f09781f30894aff903786543112c331f1c991684fbb1b4af446b8f40fb17cd3eb897ae5cfcbf5b60268ffe668ba861aa87cc59b59d2c78246
6
+ metadata.gz: 4d2421777de45e3a80916d8947d08af01f371b14a20afc46fa1f6624878bb0d1c6d8661ffd96633c2e55b18a30515f500038a0a43a4158b26daeeb72684cca07
7
+ data.tar.gz: 2c7e8bf07fe784bac1c9a4d665dce94b6ef0d2c85bd274da92e2595e57252962e22d0fa47de7f935dca0e2b45ecb07f6b63965eceed46e4a484924be7dfc859d
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- ably-ui (7.8.4)
4
+ ably-ui (7.9.0)
5
5
  view_component (>= 2.33, < 2.50)
6
6
 
7
7
  GEM
@@ -15,10 +15,9 @@
15
15
  --color-charcoal-grey: #292831;
16
16
  --color-gui-default: #0073e6;
17
17
  --color-gui-hover: #0867c4;
18
- --color-gui-focus: #0073e6;
19
- --color-gui-focus-outline: #80b9f2;
18
+ --color-gui-focus: #80b9f2;
20
19
  --color-gui-active: #074095;
21
- --color-gui-visited: #4887c2;
20
+ --color-gui-viewed: #4887c2;
22
21
  --color-gui-unavailable: #a8a8a8;
23
22
  --color-gui-error: #fb0c0c;
24
23
  --color-gui-success: #11cb24;
@@ -156,7 +155,7 @@
156
155
  /* In components, when looking at implementing viewport margin and spacing between elements,
157
156
  the values in the comments can be used as guide as they represent the grid the elements (should) sit on.
158
157
  alternatively, look for ui-grid-* helpers. */
159
- --bp-xs: 428px; /* gutters 8px, side-margin 24px */
158
+ --bp-xs: 375px; /* gutters 8px, side-margin 24px */
160
159
  --bp-sm: 768px; /* gutters 16px, side-margin 32px */
161
160
  --bp-md: 1040px; /* gutters 24px, side-margin 40px, meganav desktop */
162
161
  --bp-lg: 1280px; /* gutters 24px, side-margin 64px */
@@ -344,17 +343,17 @@
344
343
  }
345
344
 
346
345
  .ui-text-p1 {
347
- @apply font-sans font-light text-charcoal-grey;
346
+ @apply font-sans font-light text-cool-black;
348
347
  @apply text-p1;
349
348
  }
350
349
 
351
350
  .ui-text-p2 {
352
- @apply font-sans font-light text-charcoal-grey;
351
+ @apply font-sans font-light text-cool-black;
353
352
  @apply text-p2;
354
353
  }
355
354
 
356
355
  .ui-text-p3 {
357
- @apply font-sans font-light text-charcoal-grey;
356
+ @apply font-sans font-light text-cool-black;
358
357
  @apply text-p3;
359
358
  }
360
359
 
@@ -460,18 +459,24 @@
460
459
  @apply list-square;
461
460
  }
462
461
 
463
- .ui-link {
464
- @apply visited:text-gui-visited;
465
- @apply hover:text-gui-hover active:text-gui-active disabled:text-gui-unavailable;
466
- @apply focus:text-gui-focus focus:outline-gui-focus;
467
- @apply underline;
462
+ /* visited needs to come before :hover et all else it overrides them */
463
+ .ui-link:visited {
464
+ @apply text-gui-viewed;
468
465
  }
469
466
 
470
- .ui-link-neutral {
471
- @apply visited:text-dark-grey;
472
- @apply hover:text-dark-grey active:text-cool-black disabled:text-gui-unavailable;
473
- @apply focus:text-gui-focus focus:outline-gui-focus-neutral;
474
- @apply underline;
467
+ .ui-link {
468
+ @apply hover:text-active-orange active:text-red-orange;
469
+ -webkit-text-decoration-color: var(--color-active-orange);
470
+ text-decoration-color: var(--color-active-orange);
471
+ text-underline-offset: 4px; /* px used here as behaves weird with rem's */
472
+ -webkit-text-decoration-line: underline;
473
+ text-decoration-line: underline;
474
+ text-decoration-thickness: 0.125rem;
475
+ }
476
+
477
+ .ui-link:focus {
478
+ @apply focus:text-white focus:bg-active-orange focus:outline-none;
479
+ text-decoration: none;
475
480
  }
476
481
  }
477
482
  @layer components {
@@ -1,3 +1,3 @@
1
1
  module AblyUi
2
- VERSION = '7.8.4.dev.f992ca8'
2
+ VERSION = '7.9.1'
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: 7.8.4.dev.f992ca8
4
+ version: 7.9.1
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-06-22 00:00:00.000000000 Z
13
+ date: 2022-06-23 00:00:00.000000000 Z
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: view_component
@@ -32,7 +32,7 @@ dependencies:
32
32
  - - "<"
33
33
  - !ruby/object:Gem::Version
34
34
  version: '2.50'
35
- description:
35
+ description:
36
36
  email:
37
37
  - dominik.piatek@ably.com
38
38
  - arti.mathanda@ably.com
@@ -91,7 +91,6 @@ files:
91
91
  - lib/ably_ui/core/fonts/NEXT-Book-Medium.woff
92
92
  - lib/ably_ui/core/fonts/NEXT-Book-Medium.woff2
93
93
  - lib/ably_ui/core/fonts/next.css
94
- - lib/ably_ui/core/fonts/source-code-pro.css
95
94
  - lib/ably_ui/core/footer/component.css
96
95
  - lib/ably_ui/core/footer/component.js
97
96
  - lib/ably_ui/core/footer/footer.html.erb
@@ -202,8 +201,6 @@ files:
202
201
  - lib/ably_ui/core/uptime/component.js
203
202
  - lib/ably_ui/core/uptime/uptime.html.erb
204
203
  - lib/ably_ui/core/uptime/uptime.rb
205
- - lib/ably_ui/react/connect_state_wrapper/component.js
206
- - lib/ably_ui/react/scripts.js
207
204
  - lib/ably_ui/reset/scripts.js
208
205
  - lib/ably_ui/reset/styles.css
209
206
  - lib/ably_ui/version.rb
@@ -212,7 +209,7 @@ licenses:
212
209
  - Apache-2.0
213
210
  metadata:
214
211
  source_code_uri: https://github.com/ably/ably-ui
215
- post_install_message:
212
+ post_install_message:
216
213
  rdoc_options: []
217
214
  require_paths:
218
215
  - lib
@@ -223,12 +220,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
223
220
  version: '0'
224
221
  required_rubygems_version: !ruby/object:Gem::Requirement
225
222
  requirements:
226
- - - ">"
223
+ - - ">="
227
224
  - !ruby/object:Gem::Version
228
- version: 1.3.1
225
+ version: '0'
229
226
  requirements: []
230
227
  rubygems_version: 3.2.3
231
- signing_key:
228
+ signing_key:
232
229
  specification_version: 4
233
230
  summary: Shared component library and design system for Ably Real-time Ltd (ably.com)
234
231
  test_files: []
@@ -1,3 +0,0 @@
1
- @layer base {
2
- @import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@600&display=swap");
3
- }
@@ -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})()}));