ably-ui 7.8.2 → 7.8.4

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: bde61226b5f6a191c68aa300a043c9cece9986a3b3dac6af0f2a94af71ccc2af
4
- data.tar.gz: d0612a892d69a1e47db0b6c0deb2e47dc49921e8397b609b6445e9372ae4b519
3
+ metadata.gz: 8eaaedb9fe67a9ee51222608ebd16c27dc32cb439ec7a3665cc125bb5dabbf6b
4
+ data.tar.gz: 2e67cf5ce30c969d2f128cdf7bc97beb1460c0ff1f09c79015760114693c8870
5
5
  SHA512:
6
- metadata.gz: 50eb420c73b8fd342d329f4645e2a23c97c29ebf5da91b43efeb6b2ff22efc1e36a0db602764c2fc76d478cdf3e39a53694dd0ade5405cb58792dc38d705c94b
7
- data.tar.gz: 790d81482e6f4573059c3773a1145151c2be7bda2607ec188fea5d174164285c5ee474257be9035911a563c3e26ec6544a5bb2f86cc200aaeee32c9be4c5bdcf
6
+ metadata.gz: 38a7f26da6c066ceca2f6ab527ac018ac51d328dea5d7248ecc9ebcf991fda634ac97e8c2ede76aa6c2827cd50da631bd9f78d40b7cc93cec76753334f49548d
7
+ data.tar.gz: 6b35f87815bd58ab370034e25d3b6da840d9f44c32b3592936052c5742bf46af8e19bab243f947765d36b2b2e0d72e340df3f8eb972a3d52c308582cfdd01e05
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- ably-ui (7.8.0.dev.502e5bf)
4
+ ably-ui (7.8.2.dev.b40c1c7)
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,3 @@
1
1
  module AblyUi
2
- VERSION = '7.8.2'
2
+ VERSION = '7.8.4'
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
4
+ version: 7.8.4
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-31 00:00:00.000000000 Z
13
+ date: 2022-06-21 00:00:00.000000000 Z
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: view_component