@atlaskit/skeleton 2.0.2 → 2.1.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/skeleton
 
+## 2.1.0
+
+### Minor Changes
+
+- [#192775](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/192775)
+  [`3774afb555e41`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3774afb555e41) -
+  Reduces the default `borderRadius` from `100px` to `4px`.
+
+## 2.0.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.0.2
 
 ### Patch Changes

package/dist/cjs/ui/index.js

@@ -12,8 +12,7 @@ var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var shimmerKeyframes = null;
@@ -32,7 +31,7 @@ var Skeleton = function Skeleton(_ref) {
   var width = _ref.width,
     height = _ref.height,
     _ref$borderRadius = _ref.borderRadius,
-    borderRadius = _ref$borderRadius === void 0 ? '100px' : _ref$borderRadius,
+    borderRadius = _ref$borderRadius === void 0 ? '4px' : _ref$borderRadius,
     color = _ref.color,
     ShimmeringEndColor = _ref.ShimmeringEndColor,
     _ref$isShimmering = _ref.isShimmering,

package/dist/es2019/ui/index.js

@@ -18,7 +18,7 @@ const activeShimmerStyles = null;
 const Skeleton = ({
   width,
   height,
-  borderRadius = '100px',
+  borderRadius = '4px',
   color,
   ShimmeringEndColor,
   isShimmering = false,

package/dist/esm/ui/index.js

@@ -22,7 +22,7 @@ var Skeleton = function Skeleton(_ref) {
   var width = _ref.width,
     height = _ref.height,
     _ref$borderRadius = _ref.borderRadius,
-    borderRadius = _ref$borderRadius === void 0 ? '100px' : _ref$borderRadius,
+    borderRadius = _ref$borderRadius === void 0 ? '4px' : _ref$borderRadius,
     color = _ref.color,
     ShimmeringEndColor = _ref.ShimmeringEndColor,
     _ref$isShimmering = _ref.isShimmering,

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

@@ -3,7 +3,7 @@ type SkeletonProps = {
     width: string | number;
     height: string | number;
     /**
-     * Defaults to 100px to allow for any reasonable size skeleton having rounded corners.
+     * Controls the border radius, or rounding of the skeleton's corners.
      */
     borderRadius?: string | number;
     /**

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

@@ -3,7 +3,7 @@ type SkeletonProps = {
     width: string | number;
     height: string | number;
     /**
-     * Defaults to 100px to allow for any reasonable size skeleton having rounded corners.
+     * Controls the border radius, or rounding of the skeleton's corners.
      */
     borderRadius?: string | number;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/skeleton",
-	"version": "2.0.2",
+	"version": "2.1.0",
 	"description": "A skeleton acts as a placeholder for content, usually while the content loads.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -24,11 +24,10 @@
 			"status": {
 				"type": "alpha"
 			}
-		},
-		"runReact18": true
+		}
 	},
 	"dependencies": {
-		"@atlaskit/tokens": "^4.5.0",
+		"@atlaskit/tokens": "^5.6.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3"
 	},
@@ -36,13 +35,13 @@
 		"react": "^18.2.0"
 	},
 	"devDependencies": {
-		"@af/accessibility-testing": "^2.0.0",
-		"@af/integration-testing": "^0.5.0",
-		"@af/visual-regression": "^1.3.0",
-		"@atlaskit/docs": "^10.0.0",
-		"@atlaskit/link": "^3.0.0",
-		"@atlaskit/primitives": "^14.2.0",
-		"@atlaskit/section-message": "^8.2.0",
+		"@af/accessibility-testing": "workspace:^",
+		"@af/integration-testing": "workspace:^",
+		"@af/visual-regression": "workspace:^",
+		"@atlaskit/docs": "^11.0.0",
+		"@atlaskit/link": "^3.2.0",
+		"@atlaskit/primitives": "^14.11.0",
+		"@atlaskit/section-message": "^8.5.0",
 		"@testing-library/react": "^13.4.0",
 		"react-dom": "^18.2.0",
 		"typescript": "~5.4.2"