ably-ui 7.6.0 → 7.8.0.dev.57f3505

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1d14e897d9f91ab9224fd1ade63ffb675b25deb3cce28e78f1fb5143639ef22b
-  data.tar.gz: 0f004a2ee88df2568e367d3ac39854c77503d7daf675af8f00587f081e628ed3
+  metadata.gz: f7f809e3972682d9b37ea1ff1702d538e406d66c0d96d44781dc0a6ae2667e40
+  data.tar.gz: e5cc6cbdb8e17c1e71b77d3e326693b5a1dde2531cf7cafdfbc35400897809f9
 SHA512:
-  metadata.gz: f6a5ee6f629c50363efd5ea1cd64732a1c53206634c42f7518040f53f22d5eb7d04c1bdbb5af6b915582d8416e31ecec36b4cae69dfadeb3cf645a686ad0de55
-  data.tar.gz: 783050df6104f94df0129c9734962090166b3582f29bf193bfe94ded9ecbd6ffdc19b130e45d6eabcee529d3305079e1920647b37dd3d5eabdf91b63bd015423
+  metadata.gz: 1f5640cac25cb835d79daf43381cca440d0eed4cb28cb96ff178d6f77b88219ab397c87071dfd932aa1deceedc734a032bce7b36f697f88c6025e417fa0c64ee
+  data.tar.gz: 36b26298efb904d0eff74807e6b6bd7ca56d611202e713f4c2c62ac192fdb08717865da7a3146b779f151638c35aa81765ac31cedf0acb37ea4900c572fa8b86

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ably-ui (7.5.0.dev.e375d71)
+    ably-ui (7.8.0)
       view_component (>= 2.33, < 2.50)
 
 GEM

data/lib/ably_ui/core/fonts/source-code-pro.css

@@ -0,0 +1,3 @@
+@layer base {
+  @import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@600&display=swap");
+}

data/lib/ably_ui/core/styles.css

@@ -15,9 +15,10 @@
     --color-charcoal-grey: #292831;
     --color-gui-default: #0073e6;
     --color-gui-hover: #0867c4;
-    --color-gui-focus: #80b9f2;
+    --color-gui-focus: #0073e6;
+    --color-gui-focus-outline: #80b9f2;
     --color-gui-active: #074095;
-    --color-gui-viewed: #4887c2;
+    --color-gui-visited: #4887c2;
     --color-gui-unavailable: #a8a8a8;
     --color-gui-error: #fb0c0c;
     --color-gui-success: #11cb24;
@@ -155,7 +156,7 @@
     /* In components, when looking at implementing viewport margin and spacing between elements,
        the values in the comments can be used as guide as they represent the grid the elements (should) sit on.
        alternatively, look for ui-grid-* helpers. */
-    --bp-xs: 375px; /* gutters 8px, side-margin 24px */
+    --bp-xs: 428px; /* gutters 8px, side-margin 24px */
     --bp-sm: 768px; /* gutters 16px, side-margin 32px */
     --bp-md: 1040px; /* gutters 24px, side-margin 40px, meganav desktop */
     --bp-lg: 1280px; /* gutters 24px, side-margin 64px */
@@ -338,22 +339,22 @@
 
   .ui-text-h4 {
     @apply font-sans font-medium text-cool-black;
-    @apply text-h4;
+    @apply text-h4 uppercase;
     @apply tracking-widen-0.1;
   }
 
   .ui-text-p1 {
-    @apply font-sans font-light text-cool-black;
+    @apply font-sans font-light text-charcoal-grey;
     @apply text-p1;
   }
 
   .ui-text-p2 {
-    @apply font-sans font-light text-cool-black;
+    @apply font-sans font-light text-charcoal-grey;
     @apply text-p2;
   }
 
   .ui-text-p3 {
-    @apply font-sans font-light text-cool-black;
+    @apply font-sans font-light text-charcoal-grey;
     @apply text-p3;
   }
 
@@ -459,24 +460,18 @@
     @apply list-square;
   }
 
-  /* visited needs to come before :hover et all else it overrides them */
-  .ui-link:visited {
-    @apply text-gui-viewed;
-  }
-
   .ui-link {
-    @apply hover:text-active-orange active:text-red-orange;
-    -webkit-text-decoration-color: var(--color-active-orange);
-            text-decoration-color: var(--color-active-orange);
-    text-underline-offset: 4px; /* px used here as behaves weird with rem's */
-    -webkit-text-decoration-line: underline;
-            text-decoration-line: underline;
-    text-decoration-thickness: 0.125rem;
+    @apply visited:text-gui-visited;
+    @apply hover:text-gui-hover active:text-gui-active disabled:text-gui-unavailable;
+    @apply focus:text-gui-focus focus:outline-gui-focus;
+    @apply underline;
   }
 
-  .ui-link:focus {
-    @apply focus:text-white focus:bg-active-orange focus:outline-none;
-    text-decoration: none;
+  .ui-link-neutral {
+    @apply visited:text-dark-grey;
+    @apply hover:text-dark-grey active:text-cool-black disabled:text-gui-unavailable;
+    @apply focus:text-gui-focus focus:outline-gui-focus-neutral;
+    @apply underline;
   }
 }
 @layer components {
@@ -528,6 +523,32 @@
   .ui-checkbox-input:checked + .ui-checkbox-styled svg {
     @apply block;
   }
+
+  .ui-textarea {
+    @apply font-sans font-light text-cool-black text-p1;
+    @apply p-input mb-16;
+    @apply bg-light-grey border-mid-grey transition-input border rounded block w-full;
+    @apply hover:bg-white hover:shadow-input hover:border-transparent;
+    @apply focus:bg-white focus:shadow-input focus:border-transparent focus:outline-gui-focus;
+  }
+
+  .ui-textarea::-moz-placeholder {
+    /* CSS vars don't work in ::placeholder in Webkit :( */
+    /* color: var(--text-dark-grey); */
+    color: #76767c;
+  }
+
+  .ui-textarea:-ms-input-placeholder {
+    /* CSS vars don't work in ::placeholder in Webkit :( */
+    /* color: var(--text-dark-grey); */
+    color: #76767c;
+  }
+
+  .ui-textarea::placeholder {
+    /* CSS vars don't work in ::placeholder in Webkit :( */
+    /* color: var(--text-dark-grey); */
+    color: #76767c;
+  }
 }
 @layer components {
   .ui-input {

data/lib/ably_ui/version.rb

@@ -1,3 +1,3 @@
 module AblyUi
-  VERSION = '7.6.0'
+  VERSION = '7.8.0.dev.57f3505'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ably-ui
 version: !ruby/object:Gem::Version
-  version: 7.6.0
+  version: 7.8.0.dev.57f3505
 platform: ruby
 authors:
 - Dominik Piatek
@@ -10,7 +10,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-05-06 00:00:00.000000000 Z
+date: 2022-05-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: view_component
@@ -91,6 +91,7 @@ files:
 - lib/ably_ui/core/fonts/NEXT-Book-Medium.woff
 - lib/ably_ui/core/fonts/NEXT-Book-Medium.woff2
 - lib/ably_ui/core/fonts/next.css
+- lib/ably_ui/core/fonts/source-code-pro.css
 - lib/ably_ui/core/footer/component.css
 - lib/ably_ui/core/footer/component.js
 - lib/ably_ui/core/footer/footer.html.erb
@@ -222,9 +223,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubygems_version: 3.2.3
 signing_key: