@atlaskit/range 10.1.1 → 11.0.0

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @atlaskit/range
 
+## 11.0.0
+
+### Major Changes
+
+- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
+  Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
+
+  Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
+
+  Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
+
+  ```diff
+  - "typesVersions": {
+  -    ">=4.5 <4.9": {
+  -        "*": [
+  -            "dist/types-ts4.5/*",
+  -            "dist/types-ts4.5/index.d.ts"
+  -        ]
+  -    }
+  - },
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
+## 10.1.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 10.1.1
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/range",
-	"version": "10.1.1",
+	"version": "11.0.0",
 	"description": "A range lets users choose an approximate value on a slider.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,11 +31,11 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/ds-lib": "^7.0.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/theme": "^24.0.0",
-		"@atlaskit/tokens": "^13.0.0",
+		"@atlaskit/css": "^1.0.0",
+		"@atlaskit/ds-lib": "^8.0.0",
+		"@atlaskit/platform-feature-flags": "^2.0.0",
+		"@atlaskit/theme": "^26.0.0",
+		"@atlaskit/tokens": "^14.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0"
 	},
@@ -46,14 +46,14 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.11.0",
-		"@atlaskit/checkbox": "^17.3.0",
-		"@atlaskit/docs": "^11.8.0",
-		"@atlaskit/form": "^15.5.0",
-		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/section-message": "^8.13.0",
-		"@atlaskit/tooltip": "^22.2.0",
+		"@atlaskit/button": "^24.0.0",
+		"@atlaskit/checkbox": "^18.0.0",
+		"@atlaskit/docs": "^12.0.0",
+		"@atlaskit/form": "^16.0.0",
+		"@atlaskit/link": "^4.0.0",
+		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/section-message": "^9.0.0",
+		"@atlaskit/tooltip": "^23.0.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",
@@ -87,14 +87,6 @@
 			]
 		}
 	},
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"platform-feature-flags": {
 		"platform-dst-shape-theme-default": {
 			"type": "boolean"

package/range/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/range.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/range.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/range.d.ts"
 }

package/range.docs.tsx

@@ -1,47 +1,49 @@
 import path from 'path';
 
-import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
+import type { StructuredContentSource } from '@atlassian/structured-docs-types/types';
 
-const documentation: ComponentStructuredContentSource[] = [
-	{
-		name: 'Range',
-		description: 'A component for selecting a value from a range of values.',
-		status: 'general-availability',
-		import: {
+const documentation: StructuredContentSource = {
+	components: [
+		{
 			name: 'Range',
-			package: '@atlaskit/range',
-			type: 'default',
-			packagePath: path.resolve(__dirname),
-			packageJson: require('./package.json'),
-		},
-		usageGuidelines: [
-			'Use for selecting numeric values within a range',
-			'Provide clear min/max boundaries',
-			'Use appropriate step increments',
-			'Consider showing current value',
-		],
-		contentGuidelines: [
-			'Use clear range labels',
-			'Provide meaningful min/max labels',
-			'Show current value when helpful',
-			'Use consistent range terminology',
-		],
-		accessibilityGuidelines: [
-			'Provide clear labels for range inputs',
-			'Use appropriate ARIA attributes',
-			'Ensure keyboard navigation support',
-			'Provide value announcements for screen readers',
-		],
-		examples: [
-			{
+			description: 'A component for selecting a value from a range of values.',
+			status: 'general-availability',
+			import: {
 				name: 'Range',
-				description: 'Range example',
-				source: path.resolve(__dirname, './examples/ai/range.tsx'),
+				package: '@atlaskit/range',
+				type: 'default',
+				packagePath: path.resolve(__dirname),
+				packageJson: require('./package.json'),
 			},
-		],
-		keywords: ['range', 'slider', 'input', 'form', 'value', 'selection'],
-		categories: ['form'],
-	},
-];
+			usageGuidelines: [
+				'Use for selecting numeric values within a range',
+				'Provide clear min/max boundaries',
+				'Use appropriate step increments',
+				'Consider showing current value',
+			],
+			contentGuidelines: [
+				'Use clear range labels',
+				'Provide meaningful min/max labels',
+				'Show current value when helpful',
+				'Use consistent range terminology',
+			],
+			accessibilityGuidelines: [
+				'Provide clear labels for range inputs',
+				'Use appropriate ARIA attributes',
+				'Ensure keyboard navigation support',
+				'Provide value announcements for screen readers',
+			],
+			examples: [
+				{
+					name: 'Range',
+					description: 'Range example',
+					source: path.resolve(__dirname, './examples/ai/range.tsx'),
+				},
+			],
+			keywords: ['range', 'slider', 'input', 'form', 'value', 'selection'],
+			categories: ['form'],
+		},
+	],
+};
 
 export default documentation;

package/styled/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/styled.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/styled.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/styled.d.ts"
 }

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

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

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

@@ -1 +0,0 @@
-export { Input } from '../styled';

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

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

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

@@ -1,50 +0,0 @@
-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>;
-/**
- * __Range__
- *
- * A range lets users choose an approximate value on a slider.
- *
- * - [Examples](https://atlassian.design/components/range/examples)
- * - [Code](https://atlassian.design/components/range/code)
- * - [Usage](https://atlassian.design/components/range/usage)
- */
-declare const Range: React.ForwardRefExoticComponent<React.PropsWithoutRef<RangeProps> & React.RefAttributes<HTMLInputElement>>;
-export default Range;

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

@@ -1,11 +0,0 @@
-type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
-    ref: React.Ref<HTMLInputElement>;
-    valuePercent: string;
-};
-declare const Input: React.ForwardRefExoticComponent<React.PropsWithoutRef<InputProps> & React.RefAttributes<HTMLInputElement>>;
-export { 
-/**
- * __Input__
- * Internal-only styled input component.
- */
-Input, };