paris 0.10.0 → 0.10.2
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.
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# paris
|
|
2
2
|
|
|
3
|
+
## 0.10.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 014a642: Button: hide enhancers in loading state
|
|
8
|
+
|
|
9
|
+
## 0.10.1
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- acfbb1a: Theme: adjust tailwind preflight button style specificity
|
|
14
|
+
|
|
3
15
|
## 0.10.0
|
|
4
16
|
|
|
5
17
|
### Minor Changes
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "paris",
|
|
3
3
|
"author": "Sanil Chawla <sanil@slingshot.fm> (https://sanil.co)",
|
|
4
4
|
"description": "Paris is Slingshot's React design system. It's a collection of reusable components, design tokens, and guidelines that help us build consistent, accessible, and performant user interfaces.",
|
|
5
|
-
"version": "0.10.
|
|
5
|
+
"version": "0.10.2",
|
|
6
6
|
"homepage": "https://paris.slingshot.fm",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"repository": {
|
|
@@ -14,8 +14,7 @@ import { Text } from '../text';
|
|
|
14
14
|
import type { Enhancer } from '../../types/Enhancer';
|
|
15
15
|
import { MemoizedEnhancer } from '../../helpers/renderEnhancer';
|
|
16
16
|
import { pvar } from '../theme';
|
|
17
|
-
import { Spinner } from '../icon';
|
|
18
|
-
import { NotificationDot } from '../icon/NotificationDot';
|
|
17
|
+
import { Spinner, NotificationDot } from '../icon';
|
|
19
18
|
|
|
20
19
|
const EnhancerSizes = {
|
|
21
20
|
large: 13,
|
|
@@ -200,7 +199,7 @@ export const Button: FC<ButtonProps> = ({
|
|
|
200
199
|
),
|
|
201
200
|
} : {}}
|
|
202
201
|
>
|
|
203
|
-
{!!startEnhancer && (
|
|
202
|
+
{!!(startEnhancer && !loading) && (
|
|
204
203
|
<MemoizedEnhancer
|
|
205
204
|
enhancer={startEnhancer}
|
|
206
205
|
size={EnhancerSizes[size]}
|
|
@@ -215,7 +214,7 @@ export const Button: FC<ButtonProps> = ({
|
|
|
215
214
|
)}
|
|
216
215
|
</Text>
|
|
217
216
|
)}
|
|
218
|
-
{!!endEnhancer && (
|
|
217
|
+
{!!(endEnhancer && !loading) && (
|
|
219
218
|
<MemoizedEnhancer
|
|
220
219
|
enhancer={endEnhancer}
|
|
221
220
|
size={EnhancerSizes[size]}
|
|
@@ -188,9 +188,9 @@ select {
|
|
|
188
188
|
*/
|
|
189
189
|
|
|
190
190
|
button,
|
|
191
|
-
[type='button'],
|
|
192
|
-
[type='reset'],
|
|
193
|
-
[type='submit'] {
|
|
191
|
+
input:where([type='button']),
|
|
192
|
+
input:where([type='reset']),
|
|
193
|
+
input:where([type='submit']) {
|
|
194
194
|
-webkit-appearance: button; /* 1 */
|
|
195
195
|
background-color: transparent; /* 2 */
|
|
196
196
|
background-image: none; /* 2 */
|