biings-ds - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

docs/doc-color.md

@@ -11,3 +11,3 @@ <h6 class="subtitle is-5 has-text-grey has-text-weight-semibold">Style</h6><h1 class="title is-1 has-text-weight-bold">Color</h1>
 <div class="columns is-multiline is-gapless">
-    <div class="column is-3"><div class="notification is-radiusless" style="background: #7E6ADE;"><br></div></div>
+    <div class="column is-3"><div class="notification is-radiusless" style="background: #715EB8;"><br></div></div>
     <div class="column is-3"><div class="notification is-radiusless" style="background: #393B4F;"><br></div></div>
@@ -14,0 +14,0 @@ <div class="column is-3"><div class="notification is-radiusless" style="background: #FFFFFF; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.075);"><br></div></div>

docs/doc-icons.md

@@ -11,3 +11,3 @@ <h6 class="subtitle is-5 has-text-grey has-text-weight-semibold">Style</h6><h1 class="title is-1 has-text-weight-bold">Iconography</h1>
 <div class="columns is-multiline is-mobile is-size-7 has-text-centered has-text-weight-semibold is-monospace has-text-grey-dark">
-        <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#biings-care"></use></svg></div>biings-care</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#biings-claim"></use></svg></div>biings-claim</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#biings-pilot"></use></svg></div>biings-pilot</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#biings"></use></svg></div>biings</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#legal-proof"></use></svg></div>legal-proof</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#alt"></use></svg></div>alt</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#arrow-down"></use></svg></div>arrow-down</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#arrow-left"></use></svg></div>arrow-left</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#arrow-right"></use></svg></div>arrow-right</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#arrow-up"></use></svg></div>arrow-up</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#ban"></use></svg></div>ban</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#bell"></use></svg></div>bell</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#calendar"></use></svg></div>calendar</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#check"></use></svg></div>check</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#circle-minus"></use></svg></div>circle-minus</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#circle-plus"></use></svg></div>circle-plus</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#clipboard"></use></svg></div>clipboard</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#clock"></use></svg></div>clock</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#download"></use></svg></div>download</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#eye"></use></svg></div>eye</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#file"></use></svg></div>file</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#globe"></use></svg></div>globe</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#help-buoy"></use></svg></div>help-buoy</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#help"></use></svg></div>help</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#moon"></use></svg></div>moon</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#search"></use></svg></div>search</div>
+    <div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#biings-care"></use></svg></div>biings-care</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#biings-claim"></use></svg></div>biings-claim</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#biings-pilot"></use></svg></div>biings-pilot</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#biings"></use></svg></div>biings</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#legal-proof"></use></svg></div>legal-proof</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#arrow-down"></use></svg></div>arrow-down</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#arrow-left"></use></svg></div>arrow-left</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#arrow-right"></use></svg></div>arrow-right</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#arrow-up"></use></svg></div>arrow-up</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#book"></use></svg></div>book</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#briefcase"></use></svg></div>briefcase</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#check"></use></svg></div>check</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#circle-minus"></use></svg></div>circle-minus</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#circle-plus"></use></svg></div>circle-plus</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#download"></use></svg></div>download</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#help"></use></svg></div>help</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#off"></use></svg></div>off</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#prefs"></use></svg></div>prefs</div><div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#search"></use></svg></div>search</div>
 </div>
@@ -14,0 +14,0 @@

Gruntfile.js

@@ -20,3 +20,3 @@ /**
             options: {
-                includedemo: '{{#each icons}}<div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-well is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#{{name}}"></use></svg></div>{{name}}</div>{{/each}}',
+                includedemo: '{{#each icons}}<div class="column is-one-third-mobile is-one-fifth-tablet"><div class="box is-bordered is-relaxed"><svg class="icon is-medium"><use xlink:href="media/bds-icons.min.svg#{{name}}"></use></svg></div>{{name}}</div>{{/each}}',
                 svg: { // will be added as attributes to the resulting SVG
@@ -46,3 +46,2 @@ 'version' : "1.1",
                     { removeTitle: true },
-                    { cleanSymbols: true },
                     { removeViewBox: false },
@@ -49,0 +48,0 @@ { removeUselessStrokeAndFill: false },

package.json

 {
   "name": "biings-ds",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Biings Design System",
   "main": "build/bds.css",
   "scripts": {
-    "sass": "sass -I node_modules src/styles/bulma-bds/bulma.sass src/styles/bulma-bds/bulma.css",
-    "postcss": "postcss docs/bds.css --config src/styles/postcss.config.js -o build/bds.css",
+    "sass": "node_modules/node-sass/bin/node-sass --include-path node_modules src/styles/bulma/bulma.sass src/styles/bulma/bulma.css",
+    "postcssdoc": "postcss src/styles/bds.css --config src/styles/postcss.config.js -o docs/bds.css",
+    "postcss": "postcss src/styles/bds.css --config src/styles/postcss.config.js -o build/bds.css --map",
     "styles": "npm run sass && npm run postcss",
@@ -37,2 +38,6 @@ "icons": "grunt",
   "homepage": "https://github.com/ForsysInteractive/biings-ds#readme",
+  "browserslist": [
+    "defaults",
+    "not ie <= 8"
+  ],
   "devDependencies": {
@@ -49,7 +54,8 @@ "bulma": "^0.7.1",
     "grunt-svgstore": "^0.5.0",
+    "node-sass": "^4.9.0",
     "postcss": "^6.0.22",
     "postcss-cli": "^5.0.0",
-    "postcss-cssnext": "^3.1.0",
-    "postcss-import": "^11.1.0"
+    "postcss-import": "^11.1.0",
+    "postcss-preset-env": "^5.1.0"
   }
 }

src/styles/postcss.config.js

 module.exports = {
     sourceMap: false,
     plugins: [
-        require('postcss-import'),
-        require('postcss-cssnext')({
-            browsers: [
-                "defaults"
-            ],
-            verbose:  true
+        require('postcss-import')({
+            sourceMap: false
         }),
+        require('postcss-preset-env'),
         require('cssnano')({
-            preset: 'default'
+            preset: 'default',
+            discardComments: {removeAll: true}
         })
     ]
 }

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

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

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

Worsened metrics

Total package byte prevSize

10228716

decreased by-3.2%

Dev dependency count

15

increased by7.14%

Number of package files

122

decreased by-9.63%

Lines of code

5549

decreased by-63.68%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes