@atlaskit/range 7.1.0 → 7.1.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/range
 
+## 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
+
+- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
+
 ## 7.1.0
 
 ### Minor Changes

package/dist/cjs/version.json

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

package/dist/es2019/version.json

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

package/dist/esm/version.json

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

package/dist/types/range.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type OwnProps = {
+export type OwnProps = {
     /**
      * Sets the default value if range is not set.
      */
@@ -35,7 +35,7 @@ export declare type OwnProps = {
      */
     value?: number;
 };
-declare type Combine<First, Second> = Omit<First, keyof Second> & Second;
-export declare type RangeProps = Combine<Omit<React.InputHTMLAttributes<HTMLInputElement>, 'disabled' | 'required' | 'checked'>, OwnProps>;
+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/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.0",
+  "version": "7.1.2",
   "description": "A range lets users choose an approximate value on a slider.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,6 +12,14 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "homepage": "https://atlassian.design/components/range/",
@@ -32,7 +40,7 @@
   "dependencies": {
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.3.0",
+    "@atlaskit/tokens": "^1.4.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -41,7 +49,7 @@
   },
   "devDependencies": {
     "@atlaskit/button": "^16.7.0",
-    "@atlaskit/checkbox": "^12.5.0",
+    "@atlaskit/checkbox": "^12.6.0",
     "@atlaskit/docs": "*",
     "@atlaskit/form": "^8.11.0",
     "@atlaskit/section-message": "^6.4.0",
@@ -56,7 +64,7 @@
     "lodash": "^4.17.21",
     "react-dom": "^16.8.0",
     "storybook-addon-performance": "^0.16.0",
-    "typescript": "4.5.5"
+    "typescript": "~4.9.5"
   },
   "keywords": [
     "atlaskit",

package/range/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/range.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/range.d.ts"
+        "../dist/types-ts4.5/range.d.ts"
       ]
     }
   }

package/styled/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/styled.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/styled.d.ts"
+        "../dist/types-ts4.5/styled.d.ts"
       ]
     }
   }

package/theme/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/theme.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/theme.d.ts"
+        "../dist/types-ts4.5/theme.d.ts"
       ]
     }
   }