ably-ui 7.5.0.dev.e375d71 → 7.7.0.dev.250db1f

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: feccbe2455882541faef717e16894cced082c09342a6624c09594d035bc5e802
-  data.tar.gz: 5e3b716f5612026f7924257ee3e1a2fc6f7f51de749fd950c39b76bfbc0994bf
+  metadata.gz: 389a3b848538e426d7aa9a51ee73059f698fb55f44737388561ca82539d750c4
+  data.tar.gz: ce4eaffab835325726f573affeb2ac95b9315fdbd1b451f09c94a880911b5049
 SHA512:
-  metadata.gz: a80ba695180fd9985e2db08783f29d65eb5e3f491d7081cb3f546ea1a4f75b917d71bb595f3fdfd2e2f421ba39eaf1ba4f37a4c2aadb90515218cfe68c34d0ff
-  data.tar.gz: 1e81ee6a08b563e8ea89d2aa2f5d759fa5f8bec6a2935cf577d56d99d7c5055aa2e4fb5a6bfad003cadab62e999d83f4cdec256a50abeca04669ec95554a7a77
+  metadata.gz: d65a9f82c45cf1c161d0c615db377aa3e9ad0a81f64e600f48ee96ed8ac91fa2e415a9036c2555f9070e7152db354571190ce9a10849ede8ed2a05b963806858
+  data.tar.gz: 415ec236cda6bdc6bb18abe6d1ba2b9435e0419a3f3b5c5bd9cada3dbf1107a102ca7b9baaaf53a0a690416ea57d2f53987fc67bf62df6b6183d49667c062de0

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ably-ui (7.5.0)
+    ably-ui (7.7.0)
       view_component (>= 2.33, < 2.50)
 
 GEM
@@ -31,4 +31,4 @@ DEPENDENCIES
   view_component
 
 BUNDLED WITH
-   2.2.19
+   2.3.8

data/lib/ably_ui/core/styles.css

@@ -338,7 +338,7 @@
 
   .ui-text-h4 {
     @apply font-sans font-medium text-cool-black;
-    @apply text-h4;
+    @apply text-h4 uppercase;
     @apply tracking-widen-0.1;
   }
 
@@ -528,6 +528,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.5.0.dev.e375d71'
+  VERSION = '7.7.0.dev.250db1f'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ably-ui
 version: !ruby/object:Gem::Version
-  version: 7.5.0.dev.e375d71
+  version: 7.7.0.dev.250db1f
 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-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: view_component