ably-ui 7.8.0.dev.ba22343 → 7.8.2.dev.b40c1c7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d0bff5367b27b28e4a0ed78bef3bafcd77debe896ecc322732138ef894ecfd7d
-  data.tar.gz: 6d3845361bf3c9942e50d78758f47b3be08964f0206d4527ec557bfc7ffd4d0a
+  metadata.gz: 6bc95f950b8fa14b809c4be0aead7ce8487e0a1f01d84e52e199f0e5ac6c2dce
+  data.tar.gz: 539035910801cd764259bc43ae802aa0d87ea4ffe0cc400003b790ed7864cbb6
 SHA512:
-  metadata.gz: 19c42bd7b322646629fa4834c643729ced73f82e7bd2443bd8f3dbf7f5d7289b908af126eb69790b4c6c9a1c8e19ea934d356989a1f6de20200ba8c8a528f3c4
-  data.tar.gz: 898b9fb4f066437d40f9407e5a638029825e1b2a12cf7daaf84582ee907e4fea1109310408e1d74e3682c31a032db54a1e1b713f697d3e1bcdbb157f3a2eee8a
+  metadata.gz: 35e6cf7bb30437e759e8166d4874a18a1703cc70f744b2f902d3bc8260a8a6a0e8a75e7543e80fe69ec33b8ee2c1aa562108d2b4968e4bd84ee7fc53783c303f
+  data.tar.gz: 02fe08c6eb2013a273981cf3052057279127b6dc0ed5b986866f3003268a951df2e7a234c8ea5128d46fb30d1d590506a332cb365e2d5db56586a7b914d9e1ea

data/Gemfile.lock

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

data/README.md

@@ -73,8 +73,16 @@ import "@ably/ui/core/styles.css";
 Currently, AblyUI CSS is built to work with TailwindCSS. To integrate it into your app:
 
 1. Add AblyUI to your project
-1. Add TailwindCSS to your project https://tailwindcss.com/docs/installation#installing-tailwind-css-as-a-post-css-plugin
-1. Add the following to your `tailwind.config.js`. Note how different config properties are always extended by the `ablyUIConfig`:
+2. Add TailwindCSS to your project
+   1. By project type:
+       1. In [HTML](https://tailwindcss.com/docs/installation#installing-tailwind-css-as-a-post-css-plugin)
+       2. In [Gatsby](https://tailwindcss.com/docs/guides/gatsby)
+          1. Add postCSS import with `npm install postcss-import`
+    1. Further to the instructions, if installation is hanging for over 5 minutes or otherwise problematic, try installing the libraries one at a time
+    2. Make sure you are installing v2 with `npm install -D tailwindcss@2.X`
+    3. Make sure that tailwindcss-filters is also set to v2 in your package.json: otherwise `npm install -D tailwindcss-filters@2.X`
+3. Make sure you are using the format `@import 'tailwindcss/base';...` in your `global.css` file rather than the `@tailwind/base` format from Tailwind v3
+4. Add the following to your `tailwind.config.js`. Note how different config properties are always extended by the `ablyUIConfig`:
 
 ```js
 const extendConfig = require("@ably/ui/tailwind.extend.js");
@@ -93,7 +101,7 @@ module.exports = extendConfig((ablyUIConfig) => ({
 }));
 ```
 
-1. In the CSS file you added your tailwind declarations too, import the CSS for the modules and components you need:
+1. In the CSS file you added your tailwind declarations to, import the CSS for the modules and components you need:
 
 ```css
 @import "tailwindcss/base";
@@ -136,7 +144,7 @@ Note that this loads neither CSS nor JS — these need to still be loaded by a b
 
 ### Icons
 
-Putting SVG files inside and `src/MODULE_NAME/icons` folder will add them to a per-module sprites file that will be available at the root of the module (e.g., `core/sprites.svg`). This file can be loaded with the `loadSprites` helper available in the `core` module or include in the page directly.
+Putting SVG files inside a`src/MODULE_NAME/icons` folder will add them to a per-module sprites file that will be available at the root of the module (e.g., `core/sprites.svg`). This file can be loaded with the `loadSprites` helper available in the `core` module or include in the page directly.
 
 Usage with the `Icon` React component:
 

data/lib/ably_ui/core/logo/logo.rb

@@ -1,3 +1,5 @@
+require 'securerandom'
+
 module AblyUi
   module Core
     class Logo < ViewComponent::Base
@@ -8,9 +10,8 @@ module AblyUi
       def initialize(data_id: '', href:)
         @data_id = data_id
         @href = href
-        @gradient_id_0 = "paint_linear_#{Date.now}"
-        @gradient_id_1 = "paint_linear_#{Date.now}"
-        theme_setup(theme_name)
+        @gradient_id_0 = "paint_linear_#{SecureRandom.uuid}"
+        @gradient_id_1 = "paint_linear_#{SecureRandom.uuid}"
       end
 
       def logo_href

data/lib/ably_ui/version.rb

@@ -1,3 +1,3 @@
 module AblyUi
-  VERSION = '7.8.0.dev.ba22343'
+  VERSION = '7.8.2.dev.b40c1c7'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ably-ui
 version: !ruby/object:Gem::Version
-  version: 7.8.0.dev.ba22343
+  version: 7.8.2.dev.b40c1c7
 platform: ruby
 authors:
 - Dominik Piatek
@@ -10,7 +10,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-05-27 00:00:00.000000000 Z
+date: 2022-06-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: view_component