@carbon/motion 10.11.0 → 10.13.0

package/README.md

@@ -69,12 +69,6 @@ import { easings, motion } from '@carbon/motion';
 motion('standard', 'productive'); // Returns a string `cubic-bezier()` function
 ```
 
-## 📖 API Documentation
-
-If you're looking for `@carbon/motion` API documentation, check out:
-
-- [Sass](./docs/sass.md)
-
 ## 🙌 Contributing
 
 We're always looking for contributors to help us fix bugs, build new features,

package/index.scss

@@ -0,0 +1,56 @@
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@use 'sass:map';
+
+/// Common component easings
+/// @type Map
+/// @access public
+/// @group @carbon/motion
+$easings: (
+  standard: (
+    productive: cubic-bezier(0.2, 0, 0.38, 0.9),
+    expressive: cubic-bezier(0.4, 0.14, 0.3, 1),
+  ),
+  entrance: (
+    productive: cubic-bezier(0, 0, 0.38, 0.9),
+    expressive: cubic-bezier(0, 0, 0.3, 1),
+  ),
+  exit: (
+    productive: cubic-bezier(0.2, 0, 1, 0.9),
+    expressive: cubic-bezier(0.4, 0.14, 1, 1),
+  ),
+);
+
+/// Get the transition-timing-function for a given easing and motion mode
+/// @param {String} $name - Can be `standard`, `entrance`, or `exit`
+/// @param {String} $mode [productive] - Can be `productive` or `expressive`
+/// @param {Map} $easings [$carbon--easings] - Easings map
+/// @access public
+/// @group @carbon/motion
+/// @return {Function} CSS `cubic-bezier()` function
+@function motion($name, $mode: productive, $easings: $easings) {
+  @if map.has-key($easings, $name) {
+    $easing: map.get($easings, $name);
+    @if map.has-key($easing, $mode) {
+      @return map.get($easing, $mode);
+    } @else {
+      @error 'Unable to find a mode for the easing #{$easing} called: #{$mode}.';
+    }
+  } @else {
+    @error 'Unable to find an easing named #{$name} in our supported easings.';
+  }
+}
+
+/// Set the transition-timing-function for a given easing and motion mode
+/// @param {String} $name - The name of the easing curve to apply
+/// @param {String} $mode - The mode for the easing curve to use
+/// @access public
+/// @group @carbon/motion
+@mixin motion($name, $mode) {
+  transition-timing-function: motion($name, $mode);
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/motion",
   "description": "Motion helpers for digital and software products using the Carbon Design System",
-  "version": "10.11.0",
+  "version": "10.13.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -25,11 +25,11 @@
     "access": "public"
   },
   "scripts": {
-    "build": "yarn clean && bundler bundle src/index.js --name CarbonMotion && bundler sassdoc \"scss/*.scss\"",
+    "build": "yarn clean && carbon-cli bundle src/index.js --name CarbonMotion",
     "clean": "rimraf es lib umd"
   },
   "devDependencies": {
-    "@carbon/bundler": "^10.11.0",
+    "@carbon/cli": "^10.19.0",
     "rimraf": "^3.0.0"
   },
   "eyeglass": {
@@ -38,5 +38,5 @@
     "sassDir": "scss",
     "needs": "^1.3.0"
   },
-  "gitHead": "d41f538ce43d6acb8174e262532c5e4c23faf6a6"
+  "gitHead": "79db5535fee7f58e0fe21bac154b638cd17f659e"
 }

package/umd/index.js

@@ -1,7 +1,7 @@
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
   typeof define === 'function' && define.amd ? define(['exports'], factory) :
-  (factory((global.CarbonMotion = {})));
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CarbonMotion = {}));
 }(this, (function (exports) { 'use strict';
 
   /**

package/docs/sass.md

@@ -1,110 +0,0 @@
-# Sass API
-
-| Mark | Description                                                |
-| ---- | ---------------------------------------------------------- |
-| ✅   | Public functions, mixins, placeholders, and variables      |
-| ❌   | Private items - not supported outside package's build      |
-| ⚠️   | Deprecated items - may not be available in future releases |
-
-<!-- toc -->
-
-- [@carbon/motion](#carbonmotion)
-  - [✅carbon--easings [variable]](#carbon--easings-variable)
-  - [✅carbon--motion [function]](#carbon--motion-function)
-  - [✅carbon--motion [mixin]](#carbon--motion-mixin)
-
-<!-- tocstop -->
-
-## @carbon/motion
-
-### ✅carbon--easings [variable]
-
-Common component easings
-
-<details>
-<summary>Source code</summary>
-
-```scss
-$carbon--easings: (
-  standard: (
-    productive: cubic-bezier(0.2, 0, 0.38, 0.9),
-    expressive: cubic-bezier(0.4, 0.14, 0.3, 1),
-  ),
-  entrance: (
-    productive: cubic-bezier(0, 0, 0.38, 0.9),
-    expressive: cubic-bezier(0, 0, 0.3, 1),
-  ),
-  exit: (
-    productive: cubic-bezier(0.2, 0, 1, 0.9),
-    expressive: cubic-bezier(0.4, 0.14, 1, 1),
-  ),
-);
-```
-
-</details>
-
-- **Group**: [@carbon/motion](#carbonmotion)
-- **Type**: `Map`
-
-### ✅carbon--motion [function]
-
-Get the transition-timing-function for a given easing and motion mode
-
-<details>
-<summary>Source code</summary>
-
-```scss
-@function carbon--motion($name, $mode: productive, $easings: $carbon--easings) {
-  @if map-has-key($easings, $name) {
-    $easing: map-get($easings, $name);
-    @if map-has-key($easing, $mode) {
-      @return map-get($easing, $mode);
-    } @else {
-      @error 'Unable to find a mode for the easing #{$easing} called: #{$mode}.';
-    }
-  } @else {
-    @error 'Unable to find an easing named #{$name} in our supported easings.';
-  }
-}
-```
-
-</details>
-
-- **Parameters**:
-
-| Name       | Description                              | Type     | Default value      |
-| ---------- | ---------------------------------------- | -------- | ------------------ |
-| `$name`    | Can be `standard`, `entrance`, or `exit` | `String` | —                  |
-| `$mode`    | Can be `productive` or `expressive`      | `String` | `productive`       |
-| `$easings` | Easings map                              | `Map`    | `$carbon--easings` |
-
-- **Group**: [@carbon/motion](#carbonmotion)
-- **Returns**: `Function` CSS `cubic-bezier()` function
-- **Used by**:
-  - [carbon--motion [mixin]](#carbon--motion-mixin)
-
-### ✅carbon--motion [mixin]
-
-Set the transition-timing-function for a given easing and motion mode
-
-<details>
-<summary>Source code</summary>
-
-```scss
-@mixin carbon--motion($name, $mode) {
-  transition-timing-function: carbon--motion($name, $mode);
-}
-```
-
-</details>
-
-- **Parameters**:
-
-| Name    | Description                           | Type     | Default value |
-| ------- | ------------------------------------- | -------- | ------------- |
-| `$name` | The name of the easing curve to apply | `String` | —             |
-| `$mode` | The mode for the easing curve to use  | `String` | —             |
-
-- **Group**: [@carbon/motion](#carbonmotion)
-- **Requires**:
-  - [carbon--motion [function]](#carbon--motion-function)