@atlaskit/range 7.1.1 → 7.1.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/range
 
+## 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
+
+- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+
 ## 7.1.1
 
 ### Patch Changes

package/dist/cjs/styled.js

@@ -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-spacing
       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.1",
+	"version": "7.1.3",
 	"sideEffects": false
 }

package/dist/es2019/styled.js

@@ -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-spacing
       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.1",
+	"version": "7.1.3",
 	"sideEffects": false
 }

package/dist/esm/styled.js

@@ -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-spacing
       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.1",
+	"version": "7.1.3",
 	"sideEffects": false
 }

package/dist/types-ts4.5/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './range';
+export type { RangeProps } from './range';

package/dist/types-ts4.5/range.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+export type OwnProps = {
+    /**
+     * Sets the default value if range is not set.
+     */
+    defaultValue?: number;
+    /**
+     * Sets whether the field range is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * Sets the maximum value of the range.
+     */
+    max?: number;
+    /**
+     * Sets the minimum value of the range.
+     */
+    min?: number;
+    /**
+     * Hook to be invoked on change of the range.
+     */
+    onChange?: (value: number) => void;
+    /**
+     * 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.
+     */
+    testId?: string;
+    /**
+     * Sets the value of the range.
+     */
+    value?: number;
+};
+type Combine<First, Second> = Omit<First, keyof Second> & Second;
+export type RangeProps = Combine<Omit<React.InputHTMLAttributes<HTMLInputElement>, 'disabled' | 'required' | 'checked'>, OwnProps>;
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "checked" | "disabled" | "required">, keyof OwnProps> & OwnProps & React.RefAttributes<HTMLInputElement>>;
+export default _default;

package/dist/types-ts4.5/styled.d.ts

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

package/dist/types-ts4.5/theme.d.ts

@@ -0,0 +1,37 @@
+export declare const transitionDuration = "0.2s";
+export declare const input: {
+    height: number;
+};
+export declare const thumb: {
+    readonly size: 16;
+    readonly borderWidth: 2;
+    readonly background: {
+        readonly default: "var(--ds-background-neutral-bold)";
+        readonly hovered: "var(--ds-background-neutral-bold-hovered)";
+        readonly pressed: "var(--ds-background-neutral-bold-pressed)";
+    };
+    readonly borderColor: {
+        readonly default: "transparent";
+        readonly focused: "var(--ds-border-focused)";
+    };
+    readonly boxShadow: {
+        readonly default: "var(--ds-UNSAFE-transparent)";
+        readonly disabled: "var(--ds-shadow-raised)";
+    };
+};
+export declare const track: {
+    readonly height: 4;
+    /**
+     * borderRadius >= height / 2 to create a pill shape.
+     * Using '50%' creates an ellipse.
+     */
+    readonly borderRadius: 2;
+    readonly background: {
+        readonly default: "var(--ds-background-neutral)";
+        readonly hovered: "var(--ds-background-neutral-hovered)";
+    };
+    readonly foreground: {
+        readonly default: "var(--ds-background-neutral-bold)";
+        readonly hovered: "var(--ds-background-neutral-bold-hovered)";
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/range",
-  "version": "7.1.1",
+  "version": "7.1.3",
   "description": "A range lets users choose an approximate value on a slider.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -81,7 +81,8 @@
       "ui-components": "lite-mode",
       "analytics": "analytics-next",
       "design-tokens": [
-        "color"
+        "color",
+        "spacing"
       ],
       "deprecation": "no-deprecated-imports",
       "styling": [