@nulogy/css - npm Package Compare versions

Comparing version 0.1.17 to 0.2.0

.storybook/config.js

@@ -1,15 +0,10 @@
-import { configure } from '@storybook/react';
-import '../src/index';
+import { configure } from '@storybook/html';
+import '../src/nds-dev.css';
 
-const req = require.context(
-  "../src",       // path where stories live
-  true,           // recursive?
-  /\.story.js$/, // story files match this pattern
-);
+const req = require.context('../src/scss', true, /\.story\.js$/);
 
 function loadStories() {
-  // iterate on all the stories and require them
-  req.keys().forEach(story => req(story));
+  req.keys().forEach(filename => req(filename));
 }
 
-configure(loadStories, module);
+  configure(loadStories, module);

package.json

 {
   "name": "@nulogy/css",
-  "version": "0.1.17",
-  "description": "Global Styles for Nulogy Design System",
+  "version": "0.2.0",
+  "description": "CSS for Nulogy Design System",
   "private": false,
@@ -10,39 +10,18 @@ "publishConfig": {
   "scripts": {
-    "start": "start-storybook -p 7070",
-    "build": "webpack --mode production --config webpack.config.js",
-    "watch": "yarn build --watch",
-    "build-storybook": "build-storybook"
+    "storybook": "start-storybook -p 9000 -c .storybook",
+    "watch": "node-sass src/scss/nds.scss > src/nds-dev.css && node-sass --watch --recursive src/scss/nds.scss src/nds-dev.css",
+    "build": "node-sass --build --output-style compact src/scss/ -o dist/",
+    "start": "yarn run storybook & yarn run watch"
   },
-  "main": "dist/main.js",
   "repository": "https://github.com/nulogy/design-system",
   "author": "Nulogy <[e-mail]> (https://github.com/nulogy)",
   "license": "MIT",
-  "peerDependencies": {
-    "react": "^16.3.2",
-    "react-dom": "^16.3.2",
-    "styled-components": "^3.2.6"
-  },
   "devDependencies": {
-    "@nulogy/tokens": "^0.1.17",
-    "@storybook/react": "^3.4.10",
-    "babel-core": "^6.26.3",
-    "babel-loader": "7.1.4",
-    "babel-preset-env": "^1.7.0",
-    "babel-preset-react": "^6.24.1",
-    "babel-preset-stage-1": "^6.24.1",
-    "react": "^16.3.2",
-    "react-dom": "^16.3.2",
-    "styled-components": "^3.2.6",
-    "styled-normalize": "^8.0.0",
-    "webpack": "^4.8.3",
-    "webpack-cli": "^3.1.0"
-  },
-  "babel": {
-    "presets": [
-      "env",
-      "react",
-      "stage-1"
-    ]
-  },
-  "gitHead": "de70cbecc84f30cc00c514ba097e3638bd678a21"
+    "@nulogy/tokens": "file:../tokens",
+    "@storybook/html": "^4.0.11",
+    "@babel/core": "^7.2.0",
+    "babel-loader": "^8.0.4",
+    "babel-runtime": "^6.26.0",
+    "node-sass": "^4.10.0"
+  }
 }

readme.md

@@ -1,6 +0,10 @@
-@nulogy/css uses styled-components [Inject Global](https://www.styled-components.com/docs/api#injectglobal) to apply default styles to your application, including:
+# @nulogy/css
+This package provides sass variables and atomic CSS classes for writing CSS using Nulogy design tokens.
 
-1) CSS reset [Normalize.css](https://github.com/necolas/normalize.css/)
-2) [IBM Plex](https://www.ibm.com/plex/), the new typeface of Nulogy applications
+## Usage
 
-It will also expose the collection of CSS classes referenced throughout [nulogy.design](http://nulogy.design).
+### Development
+`yarn start` will watch `*.scss` files, compile them to `nds-dev.css` and launch a storybook dev environment at [http://localhost:8080](http://localhost:8080) 
+
+### Production
+`yarn build` will rebuild nds.css. 

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

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

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

41746

increased by132.65%

Dependency count

0

decreased by-100%

Dev dependency count

6

decreased by-53.85%

Number of package files

26

increased by188.89%

Lines of code

784

increased by527.2%

Number of low quality alerts

2

decreased by-33.33%

Number of lines in readme file

11

increased by57.14%

Number of low supply chain risk alerts

1

decreased by-66.67%

Worsened metrics

Number of medium supply chain risk alerts

2

increased byInfinity%

No dependency changes