@atlaskit/range 6.0.6 → 6.0.7

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/range
 
+## 6.0.7
+
+### Patch Changes
+
+- [`8202e37941b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8202e37941b) - Internal code change turning on new linting rules.
+- Updated dependencies
+
 ## 6.0.6
 
 ### Patch Changes

package/dist/cjs/range.js

@@ -19,6 +19,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
+
 var _styled = require("./styled");
 
 var _excluded = ["isDisabled", "defaultValue", "max", "min", "onChange", "step", "value", "testId"];
@@ -51,7 +53,7 @@ var getRoundedPercentValue = function getRoundedPercentValue(value, min, max, st
   return percent;
 };
 
-var noop = function noop() {};
+var noop = _noop.default;
 
 var _default = /*#__PURE__*/(0, _react.forwardRef)(function Range(props, ref) {
   var _props$isDisabled = props.isDisabled,

package/dist/cjs/styled.js

@@ -126,6 +126,11 @@ var baseStyles = (0, _core.css)({
   }
 });
 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));
+/**
+ * __Input__
+ * Internal-only styled input component.
+ */
+
 var Input = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var valuePercent = props.valuePercent,
       style = props.style,

package/dist/cjs/version.json

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

package/dist/es2019/range.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef, useCallback, useState } from 'react';
+import __noop from '@atlaskit/ds-lib/noop';
 import { Input } from './styled';
 
 const snapToStep = (value, min, step) => {
@@ -22,8 +23,7 @@ const getRoundedPercentValue = (value, min, max, step) => {
   return percent;
 };
 
-const noop = () => {};
-
+const noop = __noop;
 export default /*#__PURE__*/forwardRef(function Range(props, ref) {
   const {
     isDisabled = false,

package/dist/es2019/styled.js

@@ -115,6 +115,11 @@ const themeStyles = css({
     [VAR_TRACK_FOREGROUND_COLOR]: theme.track.foreground.disabled
   }
 });
+/**
+ * __Input__
+ * Internal-only styled input component.
+ */
+
 export const Input = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     valuePercent,

package/dist/es2019/version.json

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

package/dist/esm/range.js

@@ -9,6 +9,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React, { forwardRef, useCallback, useState } from 'react';
+import __noop from '@atlaskit/ds-lib/noop';
 import { Input } from './styled';
 
 var snapToStep = function snapToStep(value, min, step) {
@@ -31,8 +32,7 @@ var getRoundedPercentValue = function getRoundedPercentValue(value, min, max, st
   return percent;
 };
 
-var noop = function noop() {};
-
+var noop = __noop;
 export default /*#__PURE__*/forwardRef(function Range(props, ref) {
   var _props$isDisabled = props.isDisabled,
       isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,

package/dist/esm/styled.js

@@ -106,6 +106,11 @@ var baseStyles = css({
   }
 });
 var themeStyles = css((_css = {}, _defineProperty(_css, VAR_THUMB_BORDER_COLOR, theme.thumb.borderColor.default), _defineProperty(_css, VAR_THUMB_SHADOW, theme.thumb.boxShadow.default), _defineProperty(_css, VAR_TRACK_BACKGROUND_COLOR, theme.track.background.default), _defineProperty(_css, VAR_TRACK_FOREGROUND_COLOR, theme.track.foreground.default), _defineProperty(_css, ':active, :hover', (_activeHover = {}, _defineProperty(_activeHover, VAR_TRACK_BACKGROUND_COLOR, theme.track.background.hovered), _defineProperty(_activeHover, VAR_TRACK_FOREGROUND_COLOR, theme.track.foreground.hovered), _activeHover)), _defineProperty(_css, ':focus', _defineProperty({}, VAR_THUMB_BORDER_COLOR, theme.thumb.borderColor.focused)), _defineProperty(_css, ':disabled', (_disabled = {}, _defineProperty(_disabled, VAR_THUMB_SHADOW, theme.thumb.boxShadow.disabled), _defineProperty(_disabled, VAR_TRACK_BACKGROUND_COLOR, theme.track.background.disabled), _defineProperty(_disabled, VAR_TRACK_FOREGROUND_COLOR, theme.track.foreground.disabled), _disabled)), _css));
+/**
+ * __Input__
+ * Internal-only styled input component.
+ */
+
 export var Input = /*#__PURE__*/forwardRef(function (props, ref) {
   var valuePercent = props.valuePercent,
       style = props.style,

package/dist/esm/version.json

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

package/dist/types/range.d.ts

@@ -1,20 +1,38 @@
 import React from 'react';
 export 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;
 };
 declare type Combine<First, Second> = Omit<First, keyof Second> & Second;

package/dist/types/styled.d.ts

@@ -1,5 +1,9 @@
 /** @jsx jsx */
 /// <reference types="react" />
+/**
+ * __Input__
+ * Internal-only styled input component.
+ */
 export declare const Input: import("react").ForwardRefExoticComponent<Pick<import("react").InputHTMLAttributes<HTMLInputElement> & {
     ref: React.Ref<HTMLInputElement>;
     valuePercent: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/range",
-  "version": "6.0.6",
+  "version": "6.0.7",
   "description": "A range lets users choose an approximate value on a slider.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -13,7 +13,7 @@
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
   "sideEffects": false,
-  "atlaskit:src": "src/index.ts",
+  "atlaskit:src": "src/index.tsx",
   "homepage": "https://atlassian.design/components/range/",
   "atlassian": {
     "team": "Design System Team",
@@ -24,12 +24,13 @@
     }
   },
   "af:exports": {
-    ".": "./src/index.ts",
+    ".": "./src/index.tsx",
     "./range": "./src/range.tsx",
     "./styled": "./src/styled.tsx",
-    "./theme": "./src/theme.ts"
+    "./theme": "./src/theme.tsx"
   },
   "dependencies": {
+    "@atlaskit/ds-lib": "^2.1.0",
     "@atlaskit/theme": "^12.1.0",
     "@atlaskit/tokens": "^0.10.0",
     "@babel/runtime": "^7.0.0",
@@ -67,6 +68,7 @@
       "import-structure": "atlassian-conventions"
     },
     "@repo/internal": {
+      "design-system": "v1",
       "dom-events": "use-bind-event-listener",
       "ui-components": "lite-mode",
       "analytics": "analytics-next",