@atlaskit/range 7.1.2 → 7.1.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/range
 
+## 7.1.4
+
+### Patch Changes
+
+- [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
+
+## 7.1.3
+
+### Patch Changes
+
+- [`b1bdec7cce2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b1bdec7cce2) - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.
+
 ## 7.1.2
 
 ### Patch Changes

package/dist/cjs/styled.js

@@ -33,7 +33,7 @@ var sliderThumbStyles = {
   // adapted from @atlaskit/focus-ring
   outline: "solid 2px var(".concat(VAR_THUMB_BORDER_COLOR, ")"),
   outlineOffset: '2px',
-  borderRadius: '50%',
+  borderRadius: "var(--ds-border-radius-circle, 50%)",
   boxShadow: "var(".concat(VAR_THUMB_SHADOW, ")"),
   cursor: 'pointer',
   // Different implicit behavior across browsers -> making it explicit.
@@ -56,6 +56,7 @@ var browserStyles = {
     WebkitAppearance: 'none',
     // Hides the slider so that custom slider can be made
     '::-webkit-slider-thumb': _objectSpread(_objectSpread({}, sliderThumbStyles), {}, {
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
       marginTop: -(theme.thumb.size - theme.track.height) / 2,
       WebkitAppearance: 'none'
     }),

package/dist/cjs/version.json

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

package/dist/es2019/styled.js

@@ -19,7 +19,7 @@ const sliderThumbStyles = {
   // adapted from @atlaskit/focus-ring
   outline: `solid 2px var(${VAR_THUMB_BORDER_COLOR})`,
   outlineOffset: '2px',
-  borderRadius: '50%',
+  borderRadius: "var(--ds-border-radius-circle, 50%)",
   boxShadow: `var(${VAR_THUMB_SHADOW})`,
   cursor: 'pointer',
   // Different implicit behavior across browsers -> making it explicit.
@@ -43,6 +43,7 @@ const browserStyles = {
     // Hides the slider so that custom slider can be made
     '::-webkit-slider-thumb': {
       ...sliderThumbStyles,
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
       marginTop: -(theme.thumb.size - theme.track.height) / 2,
       WebkitAppearance: 'none'
     },

package/dist/es2019/version.json

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

package/dist/esm/styled.js

@@ -25,7 +25,7 @@ var sliderThumbStyles = {
   // adapted from @atlaskit/focus-ring
   outline: "solid 2px var(".concat(VAR_THUMB_BORDER_COLOR, ")"),
   outlineOffset: '2px',
-  borderRadius: '50%',
+  borderRadius: "var(--ds-border-radius-circle, 50%)",
   boxShadow: "var(".concat(VAR_THUMB_SHADOW, ")"),
   cursor: 'pointer',
   // Different implicit behavior across browsers -> making it explicit.
@@ -48,6 +48,7 @@ var browserStyles = {
     WebkitAppearance: 'none',
     // Hides the slider so that custom slider can be made
     '::-webkit-slider-thumb': _objectSpread(_objectSpread({}, sliderThumbStyles), {}, {
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
       marginTop: -(theme.thumb.size - theme.track.height) / 2,
       WebkitAppearance: 'none'
     }),

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/range",
-  "version": "7.1.2",
+  "version": "7.1.4",
   "description": "A range lets users choose an approximate value on a slider.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -25,7 +25,7 @@
   "homepage": "https://atlassian.design/components/range/",
   "atlassian": {
     "team": "Design System Team",
-    "releaseModel": "scheduled",
+    "releaseModel": "continuous",
     "website": {
       "name": "Range",
       "category": "Components"
@@ -40,7 +40,7 @@
   "dependencies": {
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.4.0",
+    "@atlaskit/tokens": "^1.11.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -48,7 +48,7 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.7.0",
+    "@atlaskit/button": "^16.8.0",
     "@atlaskit/checkbox": "^12.6.0",
     "@atlaskit/docs": "*",
     "@atlaskit/form": "^8.11.0",
@@ -81,7 +81,8 @@
       "ui-components": "lite-mode",
       "analytics": "analytics-next",
       "design-tokens": [
-        "color"
+        "color",
+        "spacing"
       ],
       "deprecation": "no-deprecated-imports",
       "styling": [

package/report.api.md

@@ -8,6 +8,7 @@
 ### Table of contents
 
 - [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
 
 ### Main Entry Types
 
@@ -58,3 +59,15 @@ export type RangeProps = Combine<
 ```
 
 <!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,33 @@
+## API Report File for "@atlaskit/range"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import { default as React_2 } from 'react';
+
+// @public (undocumented)
+type Combine<First, Second> = Omit<First, keyof Second> & Second;
+
+// @public (undocumented)
+const _default: React_2.ForwardRefExoticComponent<Omit<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "checked" | "disabled" | "required">, keyof OwnProps> & OwnProps & React_2.RefAttributes<HTMLInputElement>>;
+export default _default;
+
+// @public (undocumented)
+type OwnProps = {
+    defaultValue?: number;
+    isDisabled?: boolean;
+    max?: number;
+    min?: number;
+    onChange?: (value: number) => void;
+    step?: number;
+    testId?: string;
+    value?: number;
+};
+
+// @public (undocumented)
+export type RangeProps = Combine<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, 'checked' | 'disabled' | 'required'>, OwnProps>;
+
+// (No @packageDocumentation comment for this package)
+
+```

package/constellation/index/props.mdx

@@ -1,7 +0,0 @@
-import RangeProps from '!!extract-react-types-loader!../../extract-react-types/range-props';
-
-## Props
-
-<PropsTable heading="" props={RangeProps} />
-
-Additional `input` attributes are available. See <a rel="noopener noreferrer" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range" target="_blank">MDN documentation</a> for more information.

package/extract-react-types/range-props.tsx

@@ -1,5 +0,0 @@
-import type { OwnProps as Props } from '../src/range';
-
-export default function RangeProps(props: Props) {
-  return null;
-}