@atlaskit/range 6.0.8 → 6.0.9

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/range
 
+## 6.0.9
+
+### Patch Changes
+
+- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
+
 ## 6.0.8
 
 ### Patch Changes

package/dist/cjs/version.json

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

package/dist/es2019/version.json

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

package/dist/esm/version.json

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

package/dist/types/range.d.ts

@@ -37,5 +37,5 @@ export declare type OwnProps = {
 };
 declare type Combine<First, Second> = Omit<First, keyof Second> & Second;
 export declare type RangeProps = Combine<Omit<React.InputHTMLAttributes<HTMLInputElement>, 'disabled' | 'required' | 'checked'>, OwnProps>;
-declare const _default: React.ForwardRefExoticComponent<Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "disabled" | "checked" | "required">, keyof OwnProps> & OwnProps & React.RefAttributes<HTMLInputElement>>;
+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.0/index.d.ts

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

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

@@ -0,0 +1,41 @@
+import React from 'react';
+export declare 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;
+};
+declare type Combine<First, Second> = Omit<First, keyof Second> & Second;
+export declare 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.0/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.0/theme.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/range",
-  "version": "6.0.8",
+  "version": "6.0.9",
   "description": "A range lets users choose an approximate value on a slider.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,6 +12,13 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "dist/types-ts4.0/*"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "homepage": "https://atlassian.design/components/range/",
@@ -31,7 +38,7 @@
   },
   "dependencies": {
     "@atlaskit/ds-lib": "^2.1.0",
-    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9"
@@ -44,19 +51,19 @@
     "@atlaskit/checkbox": "^12.0.0",
     "@atlaskit/docs": "*",
     "@atlaskit/form": "^8.5.0",
-    "@atlaskit/section-message": "^6.0.0",
+    "@atlaskit/section-message": "^6.2.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/tooltip": "^17.5.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@emotion/styled": "^10.0.7",
-    "@testing-library/react": "^8.0.1",
+    "@emotion/styled": "^11.0.0",
+    "@testing-library/react": "^12.1.5",
     "@types/jscodeshift": "^0.11.0",
     "jscodeshift": "^0.13.0",
     "lodash": "^4.17.21",
     "react-dom": "^16.8.0",
     "storybook-addon-performance": "^0.16.0",
-    "typescript": "4.3.5"
+    "typescript": "4.5.5"
   },
   "keywords": [
     "atlaskit",

package/range/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/range.js",
   "module:es2019": "../dist/es2019/range.js",
   "sideEffects": false,
-  "types": "../dist/types/range.d.ts"
+  "types": "../dist/types/range.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/range.d.ts"
+      ]
+    }
+  }
 }

package/styled/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/styled.js",
   "module:es2019": "../dist/es2019/styled.js",
   "sideEffects": false,
-  "types": "../dist/types/styled.d.ts"
+  "types": "../dist/types/styled.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/styled.d.ts"
+      ]
+    }
+  }
 }

package/theme/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/theme.js",
   "module:es2019": "../dist/es2019/theme.js",
   "sideEffects": false,
-  "types": "../dist/types/theme.d.ts"
+  "types": "../dist/types/theme.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/theme.d.ts"
+      ]
+    }
+  }
 }