@atlaskit/range 6.0.9 → 6.1.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/range
 
+## 6.1.1
+
+### Patch Changes
+
+- [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components.
+
+## 6.1.0
+
+### Minor Changes
+
+- [`1966ffa850d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1966ffa850d) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
+
 ## 6.0.9
 
 ### Patch Changes

package/dist/cjs/styled.js

@@ -17,7 +17,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = require("react");
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 var theme = _interopRequireWildcard(require("./theme"));
 
@@ -62,7 +62,7 @@ var sliderTrackStyles = {
 // with CSS selectors they don't recognise, e.g. &::-ms-thumb
 
 var browserStyles = {
-  webkit: (0, _core.css)({
+  webkit: (0, _react2.css)({
     WebkitAppearance: 'none',
     // Hides the slider so that custom slider can be made
     '::-webkit-slider-thumb': _objectSpread(_objectSpread({}, sliderThumbStyles), {}, {
@@ -93,7 +93,7 @@ var browserStyles = {
       }
     }
   }),
-  firefox: (0, _core.css)({
+  firefox: (0, _react2.css)({
     '::-moz-range-thumb': sliderThumbStyles,
     '::-moz-focus-outer': {
       border: 0
@@ -111,7 +111,7 @@ var browserStyles = {
     }
   })
 };
-var baseStyles = (0, _core.css)({
+var baseStyles = (0, _react2.css)({
   width: '100%',
   // Has a fixed width by default
   height: theme.input.height,
@@ -125,7 +125,7 @@ var baseStyles = (0, _core.css)({
     cursor: 'not-allowed'
   }
 });
-var themeStyles = (0, _core.css)((_css = {}, (0, _defineProperty2.default)(_css, VAR_THUMB_BORDER_COLOR, theme.thumb.borderColor.default), (0, _defineProperty2.default)(_css, VAR_THUMB_SHADOW, theme.thumb.boxShadow.default), (0, _defineProperty2.default)(_css, VAR_TRACK_BACKGROUND_COLOR, theme.track.background.default), (0, _defineProperty2.default)(_css, VAR_TRACK_FOREGROUND_COLOR, theme.track.foreground.default), (0, _defineProperty2.default)(_css, ':active, :hover', (_activeHover = {}, (0, _defineProperty2.default)(_activeHover, VAR_TRACK_BACKGROUND_COLOR, theme.track.background.hovered), (0, _defineProperty2.default)(_activeHover, VAR_TRACK_FOREGROUND_COLOR, theme.track.foreground.hovered), _activeHover)), (0, _defineProperty2.default)(_css, ':focus', (0, _defineProperty2.default)({}, VAR_THUMB_BORDER_COLOR, theme.thumb.borderColor.focused)), (0, _defineProperty2.default)(_css, ':disabled', (_disabled = {}, (0, _defineProperty2.default)(_disabled, VAR_THUMB_SHADOW, theme.thumb.boxShadow.disabled), (0, _defineProperty2.default)(_disabled, VAR_TRACK_BACKGROUND_COLOR, theme.track.background.disabled), (0, _defineProperty2.default)(_disabled, VAR_TRACK_FOREGROUND_COLOR, theme.track.foreground.disabled), _disabled)), _css));
+var themeStyles = (0, _react2.css)((_css = {}, (0, _defineProperty2.default)(_css, VAR_THUMB_BORDER_COLOR, theme.thumb.borderColor.default), (0, _defineProperty2.default)(_css, VAR_THUMB_SHADOW, theme.thumb.boxShadow.default), (0, _defineProperty2.default)(_css, VAR_TRACK_BACKGROUND_COLOR, theme.track.background.default), (0, _defineProperty2.default)(_css, VAR_TRACK_FOREGROUND_COLOR, theme.track.foreground.default), (0, _defineProperty2.default)(_css, ':active, :hover', (_activeHover = {}, (0, _defineProperty2.default)(_activeHover, VAR_TRACK_BACKGROUND_COLOR, theme.track.background.hovered), (0, _defineProperty2.default)(_activeHover, VAR_TRACK_FOREGROUND_COLOR, theme.track.foreground.hovered), _activeHover)), (0, _defineProperty2.default)(_css, ':focus', (0, _defineProperty2.default)({}, VAR_THUMB_BORDER_COLOR, theme.thumb.borderColor.focused)), (0, _defineProperty2.default)(_css, ':disabled', (_disabled = {}, (0, _defineProperty2.default)(_disabled, VAR_THUMB_SHADOW, theme.thumb.boxShadow.disabled), (0, _defineProperty2.default)(_disabled, VAR_TRACK_BACKGROUND_COLOR, theme.track.background.disabled), (0, _defineProperty2.default)(_disabled, VAR_TRACK_FOREGROUND_COLOR, theme.track.foreground.disabled), _disabled)), _css));
 /**
  * __Input__
  * Internal-only styled input component.
@@ -135,7 +135,7 @@ var Input = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var valuePercent = props.valuePercent,
       style = props.style,
       strippedProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return (0, _core.jsx)("input", (0, _extends2.default)({}, strippedProps, {
+  return (0, _react2.jsx)("input", (0, _extends2.default)({}, strippedProps, {
     style: (0, _defineProperty2.default)({}, VAR_TRACK_FOREGROUND_WIDTH, "".concat(valuePercent, "%")),
     ref: ref,
     css: [baseStyles, browserStyles.webkit, browserStyles.firefox, themeStyles]

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/range",
-	"version": "6.0.9",
+	"version": "6.1.1",
 	"sideEffects": false
 }

package/dist/es2019/styled.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import { forwardRef } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import * as theme from './theme';
 const VAR_THUMB_BORDER_COLOR = '--thumb-border';
 const VAR_THUMB_SHADOW = '--thumb-shadow';

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/range",
-	"version": "6.0.9",
+	"version": "6.1.1",
 	"sideEffects": false
 }

package/dist/esm/styled.js

@@ -11,7 +11,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 /** @jsx jsx */
 import { forwardRef } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import * as theme from './theme';
 var VAR_THUMB_BORDER_COLOR = '--thumb-border';
 var VAR_THUMB_SHADOW = '--thumb-shadow';

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/range",
-	"version": "6.0.9",
+	"version": "6.1.1",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/range",
-  "version": "6.0.9",
+  "version": "6.1.1",
   "description": "A range lets users choose an approximate value on a slider.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -15,7 +15,8 @@
   "typesVersions": {
     ">=4.0 <4.5": {
       "*": [
-        "dist/types-ts4.0/*"
+        "dist/types-ts4.0/*",
+        "dist/types-ts4.0/index.d.ts"
       ]
     }
   },
@@ -23,6 +24,7 @@
   "atlaskit:src": "src/index.tsx",
   "homepage": "https://atlassian.design/components/range/",
   "atlassian": {
+    "disableProductCI": true,
     "team": "Design System Team",
     "releaseModel": "scheduled",
     "website": {
@@ -41,19 +43,19 @@
     "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
     "@babel/runtime": "^7.0.0",
-    "@emotion/core": "^10.0.9"
+    "@emotion/react": "^11.7.1"
   },
   "peerDependencies": {
     "react": "^16.8.0"
   },
   "devDependencies": {
     "@atlaskit/button": "^16.3.0",
-    "@atlaskit/checkbox": "^12.0.0",
+    "@atlaskit/checkbox": "^12.4.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/form": "^8.5.0",
-    "@atlaskit/section-message": "^6.2.0",
+    "@atlaskit/form": "^8.6.0",
+    "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/ssr": "*",
-    "@atlaskit/tooltip": "^17.5.0",
+    "@atlaskit/tooltip": "^17.6.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@emotion/styled": "^11.0.0",

package/report.api.md

@@ -1,6 +1,8 @@
-## API Report File for "@atlaskit/range"
+## API Report File for "@atlaskit/range".
 
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
+
+[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
 
 ```ts
 import { default as React_2 } from 'react';
@@ -21,21 +23,39 @@ declare const _default: React_2.ForwardRefExoticComponent<
 export default _default;
 
 declare type OwnProps = {
-  /** Sets the default value if range is not set. */
+  /**
+   * Sets the default value if range is not set.
+   */
   defaultValue?: number;
-  /** Sets whether the field range is disabled. */
+  /**
+   * Sets whether the field range is disabled.
+   */
   isDisabled?: boolean;
-  /** Sets the maximum value of the range. */
+  /**
+   * Sets the maximum value of the range.
+   */
   max?: number;
-  /** Sets the minimum value of the range.*/
+  /**
+   * Sets the minimum value of the range.
+   */
   min?: number;
-  /** Hook to be invoked on change of the range. */
+  /**
+   * Hook to be invoked on change of the range.
+   */
   onChange?: (value: number) => void;
-  /** Sets the step value for the range.  */
+  /**
+   * Sets the step value for the range.
+   */
   step?: number;
-  /** A `testId` prop is provided for specific elements. This is a unique string that appears as a data attribute `data-testid` in the rendered code and serves as a hook for automated tests. */
+  /**
+   * A `testId` prop is provided for specific elements. This is a unique string
+   * that appears as a data attribute `data-testid` in the rendered code and
+   * serves as a hook for automated tests.
+   */
   testId?: string;
-  /** Sets the value of the range. */
+  /**
+   * Sets the value of the range.
+   */
   value?: number;
 };