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 +4 -4
- data/Gemfile.lock +1 -1
- data/README.md +12 -4
- data/lib/ably_ui/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 8eaaedb9fe67a9ee51222608ebd16c27dc32cb439ec7a3665cc125bb5dabbf6b
|
4
|
+
data.tar.gz: 2e67cf5ce30c969d2f128cdf7bc97beb1460c0ff1f09c79015760114693c8870
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 38a7f26da6c066ceca2f6ab527ac018ac51d328dea5d7248ecc9ebcf991fda634ac97e8c2ede76aa6c2827cd50da631bd9f78d40b7cc93cec76753334f49548d
|
7
|
+
data.tar.gz: 6b35f87815bd58ab370034e25d3b6da840d9f44c32b3592936052c5742bf46af8e19bab243f947765d36b2b2e0d72e340df3f8eb972a3d52c308582cfdd01e05
|
data/Gemfile.lock
CHANGED
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
|
-
|
77
|
-
1.
|
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
|
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
|
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
|
|
data/lib/ably_ui/version.rb
CHANGED
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.
|
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-
|
13
|
+
date: 2022-06-21 00:00:00.000000000 Z
|
14
14
|
dependencies:
|
15
15
|
- !ruby/object:Gem::Dependency
|
16
16
|
name: view_component
|