@atlaskit/avatar - npm Package Compare versions

Comparing version 21.3.5 to 21.3.6

CHANGELOG.md

 # @atlaskit/avatar
 
+## 21.3.6
+
+### Patch Changes
+
+- [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
+
 ## 21.3.5
@@ -4,0 +10,0 @@

dist/cjs/Avatar.js

@@ -25,3 +25,3 @@ "use strict";
 var packageName = "@atlaskit/avatar";
-var packageVersion = "21.3.5";
+var packageVersion = "21.3.6";
 
@@ -28,0 +28,0 @@ // eslint-disable-next-line @repo/internal/react/consistent-types-definitions

dist/cjs/AvatarItem.js

@@ -27,3 +27,3 @@ "use strict";
   flex: '1 1 100%',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   lineHeight: '1.4'
@@ -35,3 +35,3 @@ });
     isDisabled = _ref.isDisabled;
-  return (// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing, @repo/internal/react/no-css-string-literals
+  return (// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @repo/internal/react/no-css-string-literals
     css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    align-items: center;\n    background-color: ", ";\n    border-radius: ", "px;\n    border: ", "px solid transparent;\n    box-sizing: border-box;\n    color: inherit;\n    display: flex;\n    font-size: inherit;\n    font-style: normal;\n    font-weight: normal;\n    line-height: 1;\n    outline: none;\n    margin: ", ";\n    padding: ", ";\n    text-align: left;\n    text-decoration: none;\n    width: 100%;\n\n    ", "\n\n    ", "\n  "])), backgroundColor, (0, _constants.borderRadius)(), _constants2.BORDER_WIDTH, "var(--ds-space-0, 0px)", "var(--ds-space-050, 4px)", isInteractive && "\n        :hover {\n          background-color: ".concat("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")"), ";\n          cursor: pointer;\n          text-decoration: none;\n        }\n\n        :focus {\n          outline: none;\n          border-color: ", "var(--ds-border-focused, ".concat(_colors.B200, ")"), ";\n        }\n\n        :active {\n          background-color: ", "var(--ds-background-neutral-subtle-pressed, ".concat(_colors.B50, ")"), ";\n        }\n      "), isDisabled && "\n        cursor: not-allowed;\n        opacity: ".concat("var(--ds-opacity-disabled, 0.5)", ";\n        pointer-events: none;\n      "))
@@ -38,0 +38,0 @@ );

dist/cjs/IconWrapper.js

@@ -20,3 +20,3 @@ "use strict";
   alignContent: 'center',
-  borderRadius: '50%',
+  borderRadius: "var(--ds-border-radius-circle, 50%)",
   overflow: 'hidden'
@@ -23,0 +23,0 @@ });

dist/cjs/Skeleton.js

@@ -35,2 +35,3 @@ "use strict";
   return _objectSpread(_objectSpread({}, styles), {}, (0, _defineProperty2.default)({}, key, (0, _react.css)({
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
     borderRadius: "".concat(size, "px")
@@ -40,3 +41,3 @@ })));
 var defaultRadiusStyles = (0, _react.css)({
-  borderRadius: '50%'
+  borderRadius: "var(--ds-border-radius-circle, 50%)"
 });
@@ -43,0 +44,0 @@ var strongOpacityStyles = (0, _react.css)({

dist/cjs/version.json

 {
 	"name": "@atlaskit/avatar",
-	"version": "21.3.5",
+	"version": "21.3.6",
 	"sideEffects": false
 }

dist/es2019/Avatar.js

@@ -13,3 +13,3 @@ /** @jsx jsx */
 const packageName = "@atlaskit/avatar";
-const packageVersion = "21.3.5";
+const packageVersion = "21.3.6";
 
@@ -16,0 +16,0 @@ // eslint-disable-next-line @repo/internal/react/consistent-types-definitions

dist/es2019/AvatarItem.js

@@ -15,3 +15,3 @@ /** @jsx jsx */
   flex: '1 1 100%',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   lineHeight: '1.4'
@@ -24,3 +24,3 @@ });
 }) =>
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing, @repo/internal/react/no-css-string-literals
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @repo/internal/react/no-css-string-literals
 css`
@@ -27,0 +27,0 @@ align-items: center;

dist/es2019/IconWrapper.js

@@ -14,3 +14,3 @@ /** @jsx jsx */
   alignContent: 'center',
-  borderRadius: '50%',
+  borderRadius: "var(--ds-border-radius-circle, 50%)",
   overflow: 'hidden'
@@ -17,0 +17,0 @@ });

dist/es2019/Skeleton.js

@@ -26,2 +26,3 @@ /** @jsx jsx */
     [key]: css({
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
       borderRadius: `${size}px`
@@ -32,3 +33,3 @@ })
 const defaultRadiusStyles = css({
-  borderRadius: '50%'
+  borderRadius: "var(--ds-border-radius-circle, 50%)"
 });
@@ -35,0 +36,0 @@ const strongOpacityStyles = css({

dist/es2019/version.json

 {
 	"name": "@atlaskit/avatar",
-	"version": "21.3.5",
+	"version": "21.3.6",
 	"sideEffects": false
 }

dist/esm/Avatar.js

@@ -18,3 +18,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var packageName = "@atlaskit/avatar";
-var packageVersion = "21.3.5";
+var packageVersion = "21.3.6";
 
@@ -21,0 +21,0 @@ // eslint-disable-next-line @repo/internal/react/consistent-types-definitions

dist/esm/AvatarItem.js

@@ -20,3 +20,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
   flex: '1 1 100%',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   lineHeight: '1.4'
@@ -28,3 +28,3 @@ });
     isDisabled = _ref.isDisabled;
-  return (// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing, @repo/internal/react/no-css-string-literals
+  return (// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @repo/internal/react/no-css-string-literals
     css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    align-items: center;\n    background-color: ", ";\n    border-radius: ", "px;\n    border: ", "px solid transparent;\n    box-sizing: border-box;\n    color: inherit;\n    display: flex;\n    font-size: inherit;\n    font-style: normal;\n    font-weight: normal;\n    line-height: 1;\n    outline: none;\n    margin: ", ";\n    padding: ", ";\n    text-align: left;\n    text-decoration: none;\n    width: 100%;\n\n    ", "\n\n    ", "\n  "])), backgroundColor, borderRadius(), BORDER_WIDTH, "var(--ds-space-0, 0px)", "var(--ds-space-050, 4px)", isInteractive && "\n        :hover {\n          background-color: ".concat("var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")"), ";\n          cursor: pointer;\n          text-decoration: none;\n        }\n\n        :focus {\n          outline: none;\n          border-color: ", "var(--ds-border-focused, ".concat(B200, ")"), ";\n        }\n\n        :active {\n          background-color: ", "var(--ds-background-neutral-subtle-pressed, ".concat(B50, ")"), ";\n        }\n      "), isDisabled && "\n        cursor: not-allowed;\n        opacity: ".concat("var(--ds-opacity-disabled, 0.5)", ";\n        pointer-events: none;\n      "))
@@ -31,0 +31,0 @@ );

dist/esm/IconWrapper.js

@@ -14,3 +14,3 @@ /** @jsx jsx */
   alignContent: 'center',
-  borderRadius: '50%',
+  borderRadius: "var(--ds-border-radius-circle, 50%)",
   overflow: 'hidden'
@@ -17,0 +17,0 @@ });

dist/esm/Skeleton.js

@@ -31,2 +31,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
   return _objectSpread(_objectSpread({}, styles), {}, _defineProperty({}, key, css({
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
     borderRadius: "".concat(size, "px")
@@ -36,3 +37,3 @@ })));
 var defaultRadiusStyles = css({
-  borderRadius: '50%'
+  borderRadius: "var(--ds-border-radius-circle, 50%)"
 });
@@ -39,0 +40,0 @@ var strongOpacityStyles = css({

dist/esm/version.json

 {
 	"name": "@atlaskit/avatar",
-	"version": "21.3.5",
+	"version": "21.3.6",
 	"sideEffects": false
 }

package.json

 {
   "name": "@atlaskit/avatar",
-  "version": "21.3.5",
+  "version": "21.3.6",
   "description": "An avatar is a visual representation of a user or entity.",
@@ -46,3 +46,3 @@ "publishConfig": {
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.9.0",
+    "@atlaskit/tokens": "^1.11.0",
     "@babel/runtime": "^7.0.0",
@@ -49,0 +49,0 @@ "@emotion/react": "^11.7.1",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

237962

increased by0.25%

Lines of code

4436

increased by0.07%

Dependency changes

• Updated@atlaskit/tokens@^1.11.0