@maltjoy/themes - npm Package Compare versions

Comparing version 1.0.0-1 to 1.1.0

package.json

 {
   "name": "@maltjoy/themes",
-  "version": "1.0.0-1",
+  "version": "1.1.0",
   "description": "Malt design system themes modules based on tokens",
   "files": [
     "dist",
-    "src/**/*.scss"
+    "src/themes"
   ],
@@ -12,3 +12,3 @@ "scripts": {
     "sass:dev": "sass --load-path=node_modules src:dist",
-    "sass:compile": "sass --load-path=node_modules src:dist --style=compressed",
+    "sass:compile": "sass --load-path=node_modules src/themes:dist/themes --style=compressed",
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -19,5 +19,4 @@ },
   "dependencies": {
-    "@maltjoy/tokens": "^4.0.0",
     "sass": "1.56.1"
   }
 }

README.md

@@ -17,6 +17,55 @@ # @maltjoy/themes
 
-If you need to create a custom theme, based on different colors, please refer to [@maltjoy/tokens](https://www.npmjs.com/package/@maltjoy/tokens) directly.
 
+## Tokens
 
+This package includes all "Tokens" defined for Joy design system. 
+You can find all of it on our [Zeroheight documentation](https://joy.malt.com/6bf479565/p/027b08-colors/b/266e61).
 
+### Tokens types
 
+- Colors
+- Functional colors
+- Elevations
+- Border radius
+- Spacing
+- Transition (animation)
+- Layers (z-index)
+- Forms
+- Typography (font-family, font-size, font-weight, line-height)
+
+### Usage
+
+This package is meant to be used with [@maltjoy/themes](https://www.npmjs.com/package/@maltjoy/tokens).
+
+But if you need to fully customize tokens, you can create you own theme: 
+
+```scss
+@use './tokens/src/tokens' with (
+    $joy-color-neutral-6: #000,
+    $joy-font-size-xs: 9px,
+    $joy-core-spacing-base: 3px,
+    // and so on...
+);
+
+:root {
+  // Call all the mixin in order to generate all CSS custom properties
+  @include tokens.getPaletteProperties();
+  @include tokens.getContextualPaletteProperties();
+  @include tokens.getTextPaletteProperties();
+  @include tokens.getFunctionalPaletteProperties();
+  @include tokens.getOverlayProperties();
+  @include tokens.getElevationsProperties();
+  @include tokens.getFontsProperties();
+  @include tokens.getRadiusProperties();
+  @include tokens.getSpacingProperties();
+  @include tokens.getAnimationsProperties();
+  @include tokens.getZindexProperties();
+  @include tokens.getFormsProperties();
+}
+```
+
+All original modules are accessible from SCSS source files.
+
+
+
+

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Dependency count

1

decreased by-50%

Lines of code

19

increased by11.76%

Number of low quality alerts

2

decreased by-33.33%

Number of lines in readme file

71

increased by222.73%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

9944

decreased by-24.3%

Number of package files

6

decreased by-14.29%

Dependency changes

• - Removed@maltjoy/tokens@^4.0.0

• - Removed@maltjoy/tokens@4.0.1(transitive)