11.24.0 • Published 2 months ago

@carbon/motion v11.24.0

Weekly downloads
12,765
License
Apache-2.0
Repository
github
Last release
2 months ago

@carbon/motion

Motion helpers for digital and software products using the Carbon Design System.

Getting Started

Run the following command using npm:

npm install -S @carbon/motion

If you prefer Yarn, use the following command instead:

yarn add @carbon/motion

Usage

JavaScript

If you're using @carbon/motion as a JavaScript dependency, we export our easings and a function called motion that you can use. For example:

// CommonJS
const { easings, motion } = require('@carbon/motion');

You can also include this as a JavaScript module:

// ESM
import { easings, motion } from '@carbon/motion';

motion('standard', 'productive'); // Returns a string `cubic-bezier()` function

Styles

If you're using @carbon/motion as a Sass dependency, we export a function and mixin called motion that you can use to get the correct transition-property for your styles.

You can import @carbon/motion by including it at the top of your file like so:

@import '@carbon/motion/scss/motion.scss';

.my-custom-selector {
  // Function for `motion`
  transition-property: motion(standard, productive);
}

.my-other-custom-selector {
  // Shortcut for above, sets `transition-property` with the value for the
  // standard easing curve in productive mode.
  @include motion(standard, productive);
}

🤲 Contributing

To learn more about how to contribute, look here!

11.24.0

2 months ago

11.24.0-rc.0

2 months ago

11.23.0

3 months ago

11.23.1

3 months ago

11.22.0

3 months ago

11.22.0-rc.0

3 months ago

11.23.0-rc.0

3 months ago

11.21.0

4 months ago

11.20.0

5 months ago

11.19.1

6 months ago

11.19.0

6 months ago

11.19.0-rc.0

6 months ago

11.20.0-rc.0

5 months ago

11.21.0-rc.0

4 months ago

11.18.0

8 months ago

10.29.4

8 months ago

11.18.0-rc.0

8 months ago

11.17.0-rc.0

9 months ago

11.17.0

9 months ago

10.29.3

9 months ago

11.16.0

1 year ago

11.16.1

1 year ago

11.14.0-rc.0

1 year ago

11.13.0-rc.0

1 year ago

11.15.0

1 year ago

11.14.0

1 year ago

11.14.1

1 year ago

11.15.0-rc.0

1 year ago

11.16.0-rc.0

1 year ago

11.13.1

1 year ago

11.13.0

1 year ago

10.29.2

1 year ago

10.29.1

1 year ago

11.12.0

2 years ago

11.12.0-rc.0

2 years ago

11.11.0

2 years ago

11.11.0-rc.0

2 years ago

11.10.0-rc.0

2 years ago

11.10.0

2 years ago

11.9.0

2 years ago

11.8.0

2 years ago

11.6.0

2 years ago

11.7.0-rc.0

2 years ago

11.6.0-rc.0

2 years ago

11.7.0

2 years ago

11.5.0-rc.0

2 years ago

11.5.0

2 years ago

11.4.0-rc.0

2 years ago

11.4.0

2 years ago

11.2.0

3 years ago

11.3.0-rc.0

2 years ago

11.2.0-rc.0

3 years ago

11.3.0

2 years ago

11.1.0-rc.0

3 years ago

11.1.0

3 years ago

11.0.0-rc.0

3 years ago

11.0.0

3 years ago

10.27.0

3 years ago

10.28.0

3 years ago

10.28.0-rc.0

3 years ago

10.29.0-rc.0

3 years ago

10.27.0-rc.0

3 years ago

10.29.0

3 years ago

10.26.0

3 years ago

10.25.0

3 years ago

10.24.0

3 years ago

10.23.0

3 years ago

10.23.0-rc.0

3 years ago

10.22.0

3 years ago

10.22.0-rc.0

3 years ago

10.21.0

3 years ago

10.21.0-rc.0

3 years ago

10.20.0

3 years ago

10.20.0-rc.0

4 years ago

10.19.0

4 years ago

10.19.0-rc.0

4 years ago

10.18.0-rc.0

4 years ago

10.17.0-rc.0

4 years ago

10.17.0

4 years ago

10.18.0

4 years ago

10.16.0

4 years ago

10.16.0-rc.0

4 years ago

10.15.0

4 years ago

10.14.0

4 years ago

10.14.0-rc.0

4 years ago

10.13.0

4 years ago

10.13.0-rc.0

4 years ago

10.12.0

4 years ago

10.12.0-rc.0

4 years ago

10.11.0

4 years ago

10.11.0-rc.0

4 years ago

10.10.0

4 years ago

10.11.0-alpha.0

4 years ago

10.10.0-rc.0

4 years ago

10.9.0

5 years ago

10.9.0-rc.0

5 years ago

10.8.0

5 years ago

10.8.0-rc.0

5 years ago

10.7.0

5 years ago

10.7.0-rc.0

5 years ago

10.6.0

5 years ago

10.6.0-rc.1

5 years ago

10.6.0-rc.0

5 years ago

10.5.2

5 years ago

10.5.2-rc.0

5 years ago

10.5.1

5 years ago

10.5.1-rc.0

5 years ago

10.5.0

5 years ago

10.5.0-rc.0

5 years ago

10.5.0-alpha.0

5 years ago

10.4.0

5 years ago

10.3.0

5 years ago

10.3.0-rc.3

5 years ago

10.3.0-rc.2

5 years ago

10.3.0-rc.1

5 years ago

10.3.0-rc.0

5 years ago

10.2.0

6 years ago

10.1.1

6 years ago

10.1.0

6 years ago

10.0.0

6 years ago

10.0.0-rc.0

6 years ago

0.0.1-beta.5

6 years ago

0.0.1-beta.4

6 years ago

0.0.1-beta.3

6 years ago

0.0.1-beta.2

6 years ago

0.0.1-beta.1

6 years ago

0.0.1-beta.0

6 years ago

0.0.1-alpha.32

6 years ago

0.0.1-alpha.31

6 years ago

0.0.1-alpha.30

6 years ago

0.0.1-alpha.29

6 years ago

0.0.1-alpha.28

6 years ago

0.0.1-alpha.27

6 years ago

0.0.1-alpha.26

6 years ago

0.0.1-alpha.25

6 years ago

0.0.1-alpha.24

6 years ago

0.0.1-alpha.23

6 years ago

0.0.1-alpha.22

6 years ago

0.0.1-alpha.21

6 years ago

0.0.1-alpha.20

6 years ago

0.0.1-alpha.19

6 years ago

0.0.1-alpha.18

6 years ago

0.0.1-alpha.17

6 years ago

0.0.1-alpha.16

6 years ago

0.0.1-alpha.15

6 years ago

0.0.1-alpha.14

6 years ago

0.0.1-alpha.13

6 years ago

0.0.1-alpha.12

6 years ago

0.0.1-alpha.11

6 years ago

0.0.1-alpha.10

6 years ago

0.0.1-alpha.9

6 years ago

0.0.1-alpha.7

6 years ago

0.0.1-alpha.5

6 years ago