@atlaskit/theme - npm Package Compare versions

Comparing version 12.1.8 to 12.1.9

CHANGELOG.md

 # @atlaskit/theme
 
+## 12.1.9
+
+### Patch Changes
+
+- [`c8145459eb5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c8145459eb5) - [ux] Updating skeleton token in @atlakist/menu, @atlaskit/theme
+- Updated dependencies
+
 ## 12.1.8
@@ -4,0 +11,0 @@

dist/cjs/colors.js

@@ -369,15 +369,8 @@ "use strict";
 });
-/**
- * This color is mirrored in:
- * packages/design-system/menu/src/internal/components/skeleton-shimmer.tsx
- *
- * Please update both.
- */
-
 exports.green = green;
 
 var skeleton = function skeleton() {
-  return "var(--ds-background-neutral, ".concat(N20A, ")");
+  return "var(--ds-skeleton, ".concat(N20A, ")");
 };
 
 exports.skeleton = skeleton;

dist/cjs/constants.js

@@ -153,3 +153,3 @@ "use strict";
     css: {
-      backgroundColor: "var(--ds-background-neutral, ".concat((0, _colors.skeleton)(), ")"),
+      backgroundColor: "var(--ds-skeleton, ".concat((0, _colors.skeleton)(), ")"),
       animationDuration: '1.5s',
@@ -162,6 +162,6 @@ animationIterationCount: 'infinite',
       from: {
-        backgroundColor: "var(--ds-background-neutral, ".concat((0, _colors.skeleton)(), ")")
+        backgroundColor: "var(--ds-skeleton, ".concat((0, _colors.skeleton)(), ")")
       },
       to: {
-        backgroundColor: "var(--ds-background-neutral-hovered, ".concat(_colors.N30A, ")")
+        backgroundColor: "var(--ds-skeleton-subtle, ".concat(_colors.N30A, ")")
       }
@@ -168,0 +168,0 @@ }

dist/cjs/version.json

 {
 	"name": "@atlaskit/theme",
-	"version": "12.1.8",
+	"version": "12.1.9",
 	"sideEffects": false
 }

dist/es2019/colors.js

@@ -222,9 +222,2 @@ /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 });
-/**
- * This color is mirrored in:
- * packages/design-system/menu/src/internal/components/skeleton-shimmer.tsx
- *
- * Please update both.
- */
-
-export const skeleton = () => `var(--ds-background-neutral, ${N20A})`;
+export const skeleton = () => `var(--ds-skeleton, ${N20A})`;

dist/es2019/constants.js

@@ -81,3 +81,3 @@ import deprecationWarning from '@atlaskit/ds-lib/deprecation-warning';
   css: {
-    backgroundColor: `var(--ds-background-neutral, ${skeletonColor()})`,
+    backgroundColor: `var(--ds-skeleton, ${skeletonColor()})`,
     animationDuration: '1.5s',
@@ -90,8 +90,8 @@ animationIterationCount: 'infinite',
     from: {
-      backgroundColor: `var(--ds-background-neutral, ${skeletonColor()})`
+      backgroundColor: `var(--ds-skeleton, ${skeletonColor()})`
     },
     to: {
-      backgroundColor: `var(--ds-background-neutral-hovered, ${N30A})`
+      backgroundColor: `var(--ds-skeleton-subtle, ${N30A})`
     }
   }
 });

dist/es2019/version.json

 {
 	"name": "@atlaskit/theme",
-	"version": "12.1.8",
+	"version": "12.1.9",
 	"sideEffects": false
 }

dist/esm/colors.js

@@ -222,11 +222,4 @@ /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 });
-/**
- * This color is mirrored in:
- * packages/design-system/menu/src/internal/components/skeleton-shimmer.tsx
- *
- * Please update both.
- */
-
 export var skeleton = function skeleton() {
-  return "var(--ds-background-neutral, ".concat(N20A, ")");
+  return "var(--ds-skeleton, ".concat(N20A, ")");
 };

dist/esm/constants.js

@@ -109,3 +109,3 @@ import deprecationWarning from '@atlaskit/ds-lib/deprecation-warning';
     css: {
-      backgroundColor: "var(--ds-background-neutral, ".concat(skeletonColor(), ")"),
+      backgroundColor: "var(--ds-skeleton, ".concat(skeletonColor(), ")"),
       animationDuration: '1.5s',
@@ -118,6 +118,6 @@ animationIterationCount: 'infinite',
       from: {
-        backgroundColor: "var(--ds-background-neutral, ".concat(skeletonColor(), ")")
+        backgroundColor: "var(--ds-skeleton, ".concat(skeletonColor(), ")")
       },
       to: {
-        backgroundColor: "var(--ds-background-neutral-hovered, ".concat(N30A, ")")
+        backgroundColor: "var(--ds-skeleton-subtle, ".concat(N30A, ")")
       }
@@ -124,0 +124,0 @@ }

dist/esm/version.json

 {
 	"name": "@atlaskit/theme",
-	"version": "12.1.8",
+	"version": "12.1.9",
 	"sideEffects": false
 }

dist/types/colors.d.ts

@@ -138,8 +138,2 @@ export declare const R50 = "#FFEBE6";
 export declare const green: import("./types").ThemedValue<string>;
-/**
- * This color is mirrored in:
- * packages/design-system/menu/src/internal/components/skeleton-shimmer.tsx
- *
- * Please update both.
- */
-export declare const skeleton: () => "var(--ds-background-neutral)";
+export declare const skeleton: () => "var(--ds-skeleton)";

dist/types/constants.d.ts

@@ -56,3 +56,3 @@ import type { Layers } from './types';
     readonly css: {
-        readonly backgroundColor: "var(--ds-background-neutral)";
+        readonly backgroundColor: "var(--ds-skeleton)";
         readonly animationDuration: "1.5s";
@@ -65,8 +65,8 @@ readonly animationIterationCount: "infinite";
         readonly from: {
-            readonly backgroundColor: "var(--ds-background-neutral)";
+            readonly backgroundColor: "var(--ds-skeleton)";
         };
         readonly to: {
-            readonly backgroundColor: "var(--ds-background-neutral-hovered)";
+            readonly backgroundColor: "var(--ds-skeleton-subtle)";
         };
     };
 };

package.json

 {
   "name": "@atlaskit/theme",
-  "version": "12.1.8",
+  "version": "12.1.9",
   "description": "Theme contains solutions for global theming, colors, typography and other useful mixins.",
@@ -8,3 +8,3 @@ "publishConfig": {
   },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
   "author": "Atlassian Pty Ltd",
@@ -22,8 +22,9 @@ "license": "Apache-2.0",
     "website": {
-      "name": "Theme"
+      "name": "Theme",
+      "category": "Libraries"
     }
   },
   "dependencies": {
-    "@atlaskit/codemod-utils": "^4.0.0",
-    "@atlaskit/ds-lib": "^1.4.0",
+    "@atlaskit/codemod-utils": "^4.1.0",
+    "@atlaskit/ds-lib": "^2.0.0",
     "@atlaskit/tokens": "^0.10.0",
@@ -37,3 +38,3 @@ "@babel/runtime": "^7.0.0"
     "@atlaskit/button": "^16.3.0",
-    "@atlaskit/datetime-picker": "^11.1.0",
+    "@atlaskit/datetime-picker": "^12.0.0",
     "@atlaskit/docs": "*",
@@ -76,3 +77,2 @@ "@atlaskit/lozenge": "^11.1.0",
   },
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
   "techstack": {
@@ -83,2 +83,3 @@ "@atlassian/frontend": {
     "@repo/internal": {
+      "dom-events": "use-bind-event-listener",
       "styling": [
@@ -97,3 +98,5 @@ "static",
     }
-  }
+  },
+  "homepage": "https://atlaskit.atlassian.com/packages/design-system/eslint-plugin",
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.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

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

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

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Number of low quality alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

215410

decreased by-0.16%

Lines of code

4702

decreased by-0.51%

Dependency changes

• - Removed@atlaskit/ds-lib@1.4.2(transitive)

• Updated@atlaskit/codemod-utils@^4.1.0

• Updated@atlaskit/ds-lib@^2.0.0