ably-ui 7.8.2.dev.b40c1c7 → 7.8.2.dev.e8b31f4

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: 6bc95f950b8fa14b809c4be0aead7ce8487e0a1f01d84e52e199f0e5ac6c2dce
4
- data.tar.gz: 539035910801cd764259bc43ae802aa0d87ea4ffe0cc400003b790ed7864cbb6
3
+ metadata.gz: 93fe05c1f516bd76cd872302ea5300bb8117129228348fca7442355c1afb5c37
4
+ data.tar.gz: 5ebcc9f5f087c67c4adc6efa9ee507640f894a4ecef0b41b4aad4360c9f154ca
5
5
  SHA512:
6
- metadata.gz: 35e6cf7bb30437e759e8166d4874a18a1703cc70f744b2f902d3bc8260a8a6a0e8a75e7543e80fe69ec33b8ee2c1aa562108d2b4968e4bd84ee7fc53783c303f
7
- data.tar.gz: 02fe08c6eb2013a273981cf3052057279127b6dc0ed5b986866f3003268a951df2e7a234c8ea5128d46fb30d1d590506a332cb365e2d5db56586a7b914d9e1ea
6
+ metadata.gz: 99cfd4edbc8e1bcddc11bdbe8ca3c255e38315a214fb456689f13fb87b218d26204d9a9c5c247f22f9755b54203029cb2e0b11cc4909f067a5283fa3f582e178
7
+ data.tar.gz: 27951a326a734504d60d4d89779916ae073828535173619d08397beebbb7d1526978a9b99192e5bef9f00bcfb2cc06fbc4849b8293fdc4dcf4eb3d9d3a5a78de
@@ -0,0 +1,3 @@
1
+ @layer base {
2
+ @import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@600&display=swap");
3
+ }
@@ -15,9 +15,10 @@
15
15
  --color-charcoal-grey: #292831;
16
16
  --color-gui-default: #0073e6;
17
17
  --color-gui-hover: #0867c4;
18
- --color-gui-focus: #80b9f2;
18
+ --color-gui-focus: #0073e6;
19
+ --color-gui-focus-outline: #80b9f2;
19
20
  --color-gui-active: #074095;
20
- --color-gui-viewed: #4887c2;
21
+ --color-gui-visited: #4887c2;
21
22
  --color-gui-unavailable: #a8a8a8;
22
23
  --color-gui-error: #fb0c0c;
23
24
  --color-gui-success: #11cb24;
@@ -155,7 +156,7 @@
155
156
  /* In components, when looking at implementing viewport margin and spacing between elements,
156
157
  the values in the comments can be used as guide as they represent the grid the elements (should) sit on.
157
158
  alternatively, look for ui-grid-* helpers. */
158
- --bp-xs: 375px; /* gutters 8px, side-margin 24px */
159
+ --bp-xs: 428px; /* gutters 8px, side-margin 24px */
159
160
  --bp-sm: 768px; /* gutters 16px, side-margin 32px */
160
161
  --bp-md: 1040px; /* gutters 24px, side-margin 40px, meganav desktop */
161
162
  --bp-lg: 1280px; /* gutters 24px, side-margin 64px */
@@ -343,17 +344,17 @@
343
344
  }
344
345
 
345
346
  .ui-text-p1 {
346
- @apply font-sans font-light text-cool-black;
347
+ @apply font-sans font-light text-charcoal-grey;
347
348
  @apply text-p1;
348
349
  }
349
350
 
350
351
  .ui-text-p2 {
351
- @apply font-sans font-light text-cool-black;
352
+ @apply font-sans font-light text-charcoal-grey;
352
353
  @apply text-p2;
353
354
  }
354
355
 
355
356
  .ui-text-p3 {
356
- @apply font-sans font-light text-cool-black;
357
+ @apply font-sans font-light text-charcoal-grey;
357
358
  @apply text-p3;
358
359
  }
359
360
 
@@ -459,24 +460,18 @@
459
460
  @apply list-square;
460
461
  }
461
462
 
462
- /* visited needs to come before :hover et all else it overrides them */
463
- .ui-link:visited {
464
- @apply text-gui-viewed;
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;
465
468
  }
466
469
 
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;
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;
480
475
  }
481
476
  }
482
477
  @layer components {
@@ -1,3 +1,3 @@
1
1
  module AblyUi
2
- VERSION = '7.8.2.dev.b40c1c7'
2
+ VERSION = '7.8.2.dev.e8b31f4'
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.8.2.dev.b40c1c7
4
+ version: 7.8.2.dev.e8b31f4
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-06-20 00:00:00.000000000 Z
13
+ date: 2022-06-09 00:00:00.000000000 Z
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: view_component
@@ -91,6 +91,7 @@ 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
94
95
  - lib/ably_ui/core/footer/component.css
95
96
  - lib/ably_ui/core/footer/component.js
96
97
  - lib/ably_ui/core/footer/footer.html.erb