@griffel/react 1.3.0 → 1.3.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.
- package/README.md +19 -0
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -248,6 +248,25 @@ const useClasses = makeStyles({
|
|
|
248
248
|
});
|
|
249
249
|
```
|
|
250
250
|
|
|
251
|
+
### `shorthands.transition`
|
|
252
|
+
|
|
253
|
+
```js
|
|
254
|
+
import { makeStyles, shorthands } from '@griffel/react';
|
|
255
|
+
|
|
256
|
+
const useClasses = makeStyles({
|
|
257
|
+
root: {
|
|
258
|
+
...shorthands.transition('inherit'),
|
|
259
|
+
...shorthands.transition('margin-right', '2s'),
|
|
260
|
+
...shorthands.transition('margin-right', '4s', '1s'),
|
|
261
|
+
...shorthands.transition('margin-right', '4s', '1s', 'ease-in'),
|
|
262
|
+
...shorthands.transition([
|
|
263
|
+
['margin-right', '4s', '1s', 'ease-in'],
|
|
264
|
+
['margin-left', '2s', '0s', 'ease-in-out'],
|
|
265
|
+
]),
|
|
266
|
+
},
|
|
267
|
+
});
|
|
268
|
+
```
|
|
269
|
+
|
|
251
270
|
## `makeStaticStyles()`
|
|
252
271
|
|
|
253
272
|
Creates styles attached to a global selector. Styles can be defined via objects:
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@griffel/react",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.1",
|
|
4
4
|
"description": "React implementation of Atomic CSS-in-JS",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
},
|
|
10
10
|
"sideEffects": false,
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@griffel/core": "^1.
|
|
12
|
+
"@griffel/core": "^1.6.0",
|
|
13
13
|
"tslib": "^2.1.0"
|
|
14
14
|
},
|
|
15
15
|
"peerDependencies": {
|