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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: d0bff5367b27b28e4a0ed78bef3bafcd77debe896ecc322732138ef894ecfd7d
4
- data.tar.gz: 6d3845361bf3c9942e50d78758f47b3be08964f0206d4527ec557bfc7ffd4d0a
3
+ metadata.gz: 6bc95f950b8fa14b809c4be0aead7ce8487e0a1f01d84e52e199f0e5ac6c2dce
4
+ data.tar.gz: 539035910801cd764259bc43ae802aa0d87ea4ffe0cc400003b790ed7864cbb6
5
5
  SHA512:
6
- metadata.gz: 19c42bd7b322646629fa4834c643729ced73f82e7bd2443bd8f3dbf7f5d7289b908af126eb69790b4c6c9a1c8e19ea934d356989a1f6de20200ba8c8a528f3c4
7
- data.tar.gz: 898b9fb4f066437d40f9407e5a638029825e1b2a12cf7daaf84582ee907e4fea1109310408e1d74e3682c31a032db54a1e1b713f697d3e1bcdbb157f3a2eee8a
6
+ metadata.gz: 35e6cf7bb30437e759e8166d4874a18a1703cc70f744b2f902d3bc8260a8a6a0e8a75e7543e80fe69ec33b8ee2c1aa562108d2b4968e4bd84ee7fc53783c303f
7
+ data.tar.gz: 02fe08c6eb2013a273981cf3052057279127b6dc0ed5b986866f3003268a951df2e7a234c8ea5128d46fb30d1d590506a332cb365e2d5db56586a7b914d9e1ea
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- ably-ui (7.8.0)
4
+ ably-ui (7.8.2)
5
5
  view_component (>= 2.33, < 2.50)
6
6
 
7
7
  GEM
data/README.md CHANGED
@@ -73,8 +73,16 @@ import "@ably/ui/core/styles.css";
73
73
  Currently, AblyUI CSS is built to work with TailwindCSS. To integrate it into your app:
74
74
 
75
75
  1. Add AblyUI to your project
76
- 1. Add TailwindCSS to your project https://tailwindcss.com/docs/installation#installing-tailwind-css-as-a-post-css-plugin
77
- 1. Add the following to your `tailwind.config.js`. Note how different config properties are always extended by the `ablyUIConfig`:
76
+ 2. Add TailwindCSS to your project
77
+ 1. By project type:
78
+ 1. In [HTML](https://tailwindcss.com/docs/installation#installing-tailwind-css-as-a-post-css-plugin)
79
+ 2. In [Gatsby](https://tailwindcss.com/docs/guides/gatsby)
80
+ 1. Add postCSS import with `npm install postcss-import`
81
+ 1. Further to the instructions, if installation is hanging for over 5 minutes or otherwise problematic, try installing the libraries one at a time
82
+ 2. Make sure you are installing v2 with `npm install -D tailwindcss@2.X`
83
+ 3. Make sure that tailwindcss-filters is also set to v2 in your package.json: otherwise `npm install -D tailwindcss-filters@2.X`
84
+ 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
85
+ 4. Add the following to your `tailwind.config.js`. Note how different config properties are always extended by the `ablyUIConfig`:
78
86
 
79
87
  ```js
80
88
  const extendConfig = require("@ably/ui/tailwind.extend.js");
@@ -93,7 +101,7 @@ module.exports = extendConfig((ablyUIConfig) => ({
93
101
  }));
94
102
  ```
95
103
 
96
- 1. In the CSS file you added your tailwind declarations too, import the CSS for the modules and components you need:
104
+ 1. In the CSS file you added your tailwind declarations to, import the CSS for the modules and components you need:
97
105
 
98
106
  ```css
99
107
  @import "tailwindcss/base";
@@ -136,7 +144,7 @@ Note that this loads neither CSS nor JS — these need to still be loaded by a b
136
144
 
137
145
  ### Icons
138
146
 
139
- 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.
147
+ 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.
140
148
 
141
149
  Usage with the `Icon` React component:
142
150
 
@@ -1,3 +1,5 @@
1
+ require 'securerandom'
2
+
1
3
  module AblyUi
2
4
  module Core
3
5
  class Logo < ViewComponent::Base
@@ -8,9 +10,8 @@ module AblyUi
8
10
  def initialize(data_id: '', href:)
9
11
  @data_id = data_id
10
12
  @href = href
11
- @gradient_id_0 = "paint_linear_#{Date.now}"
12
- @gradient_id_1 = "paint_linear_#{Date.now}"
13
- theme_setup(theme_name)
13
+ @gradient_id_0 = "paint_linear_#{SecureRandom.uuid}"
14
+ @gradient_id_1 = "paint_linear_#{SecureRandom.uuid}"
14
15
  end
15
16
 
16
17
  def logo_href
@@ -1,3 +1,3 @@
1
1
  module AblyUi
2
- VERSION = '7.8.0.dev.ba22343'
2
+ VERSION = '7.8.2.dev.b40c1c7'
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.0.dev.ba22343
4
+ version: 7.8.2.dev.b40c1c7
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-05-27 00:00:00.000000000 Z
13
+ date: 2022-06-20 00:00:00.000000000 Z
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: view_component