@ably/ui 6.0.0 → 6.0.1

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.
Files changed (3) hide show
  1. package/core/styles.css +5 -5
  2. package/package.json +1 -1
  3. package/src/core/styles/buttons.css +5 -5
package/core/styles.css CHANGED
@@ -175,7 +175,7 @@
175
175
  @apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
176
176
  @apply disabled:text-mid-grey disabled:bg-gui-unavailable disabled:cursor-not-allowed;
177
177
  @apply transition-colors;
178
- @apply flex items-center;
178
+ @apply inline-flex items-center justify-center;
179
179
  }
180
180
 
181
181
  .ui-btn-alt {
@@ -195,7 +195,7 @@
195
195
 
196
196
  @apply text-white text-btn2 font-sans font-medium inline-block rounded p-btn;
197
197
  @apply focus:outline-gui-focus;
198
- @apply flex items-center;
198
+ @apply inline-flex items-center justify-center;
199
199
  }
200
200
 
201
201
  .ui-btn-alt:hover,
@@ -215,7 +215,7 @@
215
215
  @apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
216
216
  @apply disabled:text-mid-grey disabled:bg-gui-unavailable disabled:cursor-not-allowed;
217
217
  @apply transition-colors;
218
- @apply flex items-center;
218
+ @apply inline-flex items-center justify-center;
219
219
  }
220
220
 
221
221
  .ui-btn-secondary {
@@ -225,7 +225,7 @@
225
225
  @apply focus:border-cool-black focus:bg-white focus:outline-gui-focus;
226
226
  @apply disabled:text-gui-unavailable disabled:border-gui-unavailable disabled:bg-white disabled:cursor-not-allowed;
227
227
  @apply transition-colors;
228
- @apply flex items-center;
228
+ @apply inline-flex items-center justify-center;
229
229
  }
230
230
 
231
231
  .ui-btn-secondary-invert {
@@ -235,7 +235,7 @@
235
235
  @apply focus:outline-gui-focus;
236
236
  @apply disabled:text-gui-unavailable disabled:border-gui-unavailable disabled:cursor-not-allowed;
237
237
  @apply transition-colors;
238
- @apply flex items-center;
238
+ @apply inline-flex items-center justify-center;
239
239
  }
240
240
 
241
241
  .ui-btn-icon {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ably/ui",
3
- "version": "6.0.0",
3
+ "version": "6.0.1",
4
4
  "description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.",
5
5
  "repository": {
6
6
  "type": "git",
package/src/core/styles/buttons.css CHANGED
@@ -6,7 +6,7 @@
6
6
  @apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
7
7
  @apply disabled:text-mid-grey disabled:bg-gui-unavailable disabled:cursor-not-allowed;
8
8
  @apply transition-colors;
9
- @apply flex items-center;
9
+ @apply inline-flex items-center justify-center;
10
10
  }
11
11
 
12
12
  .ui-btn-alt {
@@ -26,7 +26,7 @@
26
26
 
27
27
  @apply text-white text-btn2 font-sans font-medium inline-block rounded p-btn;
28
28
  @apply focus:outline-gui-focus;
29
- @apply flex items-center;
29
+ @apply inline-flex items-center justify-center;
30
30
  }
31
31
 
32
32
  .ui-btn-alt:hover,
@@ -46,7 +46,7 @@
46
46
  @apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
47
47
  @apply disabled:text-mid-grey disabled:bg-gui-unavailable disabled:cursor-not-allowed;
48
48
  @apply transition-colors;
49
- @apply flex items-center;
49
+ @apply inline-flex items-center justify-center;
50
50
  }
51
51
 
52
52
  .ui-btn-secondary {
@@ -56,7 +56,7 @@
56
56
  @apply focus:border-cool-black focus:bg-white focus:outline-gui-focus;
57
57
  @apply disabled:text-gui-unavailable disabled:border-gui-unavailable disabled:bg-white disabled:cursor-not-allowed;
58
58
  @apply transition-colors;
59
- @apply flex items-center;
59
+ @apply inline-flex items-center justify-center;
60
60
  }
61
61
 
62
62
  .ui-btn-secondary-invert {
@@ -66,7 +66,7 @@
66
66
  @apply focus:outline-gui-focus;
67
67
  @apply disabled:text-gui-unavailable disabled:border-gui-unavailable disabled:cursor-not-allowed;
68
68
  @apply transition-colors;
69
- @apply flex items-center;
69
+ @apply inline-flex items-center justify-center;
70
70
  }
71
71
 
72
72
  .ui-btn-icon {