@atlaskit/skeleton 0.2.0 → 0.2.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/skeleton
 
+## 0.2.2
+
+### Patch Changes
+
+- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+
+## 0.2.1
+
+### Patch Changes
+
+- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
+
 ## 0.2.0
 
 ### Minor Changes

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/skeleton",
-	"version": "0.2.0",
+	"version": "0.2.2",
 	"sideEffects": false
 }

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/skeleton",
-	"version": "0.2.0",
+	"version": "0.2.2",
 	"sideEffects": false
 }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/skeleton",
-	"version": "0.2.0",
+	"version": "0.2.2",
 	"sideEffects": false
 }

package/dist/types/ui/index.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-declare type SkeletonProps = {
+type SkeletonProps = {
     width: string | number;
     height: string | number;
     /**

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

@@ -0,0 +1 @@
+export { default } from './ui';

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

@@ -0,0 +1,32 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+type SkeletonProps = {
+    width: string | number;
+    height: string | number;
+    /**
+     * Defaults to 100px to allow for any reasonable size skeleton having rounded corners.
+     */
+    borderRadius?: string | number;
+    /**
+     * Enables the shimmering animation.
+     */
+    isShimmering?: boolean;
+    /**
+     * Applied as a data-attribute. Use this to target groups of skeletons with the same name (e.g. for applying custom styles)
+     * ```
+     * groupName="my-skeleton" -> <div data-my-skeleton>
+     * ```
+     */
+    groupName?: string;
+    testId?: string;
+};
+/**
+ * __Skeleton__
+ *
+ * A skeleton acts as a placeholder for content, usually while the content loads.
+ *
+ * - [Examples](https://atlassian.design/components/skeleton/examples)
+ * - [Code](https://atlassian.design/components/skeleton/code)
+ */
+declare const Skeleton: ({ width, height, borderRadius, isShimmering, groupName, testId, }: SkeletonProps) => jsx.JSX.Element;
+export default Skeleton;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/skeleton",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "A skeleton acts as a placeholder for content, usually while the content loads.",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -25,6 +25,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",
   "af:exports": {
@@ -48,7 +56,7 @@
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
     "@testing-library/react": "^12.1.5",
     "react-dom": "^16.8.0",
-    "typescript": "4.5.5",
+    "typescript": "~4.9.5",
     "wait-for-expect": "^1.2.0"
   },
   "techstack": {

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

@@ -0,0 +1,25 @@
+## API Report File for "@atlaskit/skeleton"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import { jsx } from '@emotion/react';
+
+// @public
+const Skeleton: ({ width, height, borderRadius, isShimmering, groupName, testId, }: SkeletonProps) => jsx.JSX.Element;
+export default Skeleton;
+
+// @public (undocumented)
+type SkeletonProps = {
+    width: number | string;
+    height: number | string;
+    borderRadius?: number | string;
+    isShimmering?: boolean;
+    groupName?: string;
+    testId?: string;
+};
+
+// (No @packageDocumentation comment for this package)
+
+```