@visual-framework/vf-table - npm Package Compare versions

Comparing version 1.1.2 to 1.1.3

CHANGELOG.md

@@ -0,11 +1,15 @@
+### 1.1.2
+
+* changes any `set-` style functions to cleaner version
+
 ### 1.1.1
 
-- Fixes hover issue that was making all buttons have blue text
+* Fixes hover issue that was making all buttons have blue text
 
 ### 1.1.0
 
-- Adds more table examples to the component
+* Adds more table examples to the component
 
 ### 1.0.0
 
-- Initial stable release
+* Initial stable release

package.json

 {
-  "version": "1.1.2",
+  "version": "1.1.3",
   "name": "@visual-framework/vf-table",
   "description": "vf-table component",
-  "homepage": "https://visual-framework.github.io/vf-core",
+  "homepage": "https://stable.visual-framework.dev",
   "author": "VF",
@@ -23,3 +23,3 @@ "license": "Apache 2.0",
   ],
-  "gitHead": "bc7aae5f4d394bb907d39e4adfb471da248de474"
+  "gitHead": "4d6028782396958d5d32273a41ee412f3d0241ad"
 }

package.variables.scss

 $componentInfo: (
              name: "@visual-framework/vf-table",
-             version: "1.1.2",
-             location: "components/vf-table",
-             vfCoreVersion: "2.2.8",
-             buildTimeStamp: "Tue, 20 Oct 2020 07:25:47 GMT"
+             version: "1.1.3",
+             location: "components/undefined",
+             vfCoreVersion: "2.2.18",
+             buildTimeStamp: "Thu, 25 Feb 2021 15:50:40 GMT"
           );

README.md

@@ -1,5 +0,7 @@
-# vf-table Component
+# Table component
 
 [![npm version](https://badge.fury.io/js/%40visual-framework%2Fvf-table.svg)](https://badge.fury.io/js/%40visual-framework%2Fvf-table)
 
+## Usage
+
 ### CSS Class Reference
@@ -18,3 +20,3 @@
 
-This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `vf-table` with this command.
+This repository is distributed with [npm](https://www.npmjs.com/). After [installing npm](https://nodejs.org/), you can install `vf-table` with this command.
 
@@ -25,5 +27,5 @@ ```
 
-## Usage
+### Sass/CSS
 
-The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.
+The style files included are written in [Sass](https://sass-lang.com/). If you're using a VF-core project, you can import it like this:
 
@@ -34,2 +36,8 @@ ```
 
-_Make sure you import Sass requirements along with the modules._
+Make sure you import Sass requirements along with the modules. You can use a [project boilerplate](https://stable.visual-framework.dev/building/) or the [`vf-sass-starter`](https://stable.visual-framework.dev/components/vf-sass-starter/)
+
+## Help
+
+- [Read the Visual Framework troubleshooting](https://stable.visual-framework.dev/troubleshooting/)
+- [Open a ticket](https://github.com/visual-framework/vf-core/issues)
+- [Chat on Slack](https://join.slack.com/t/visual-framework/shared_invite/enQtNDAxNzY0NDg4NTY0LWFhMjEwNGY3ZTk3NWYxNWVjOWQ1ZWE4YjViZmY1YjBkMDQxMTNlNjQ0N2ZiMTQ1ZTZiMGM4NjU5Y2E0MjM3ZGQ)

vf-table.css

@@ -56,4 +56,4 @@ /* stylelint-disable */
 * Component: @visual-framework/vf-table
-* Version: 1.1.2
-* Location: components/vf-table
+* Version: 1.1.3
+* Location: components/undefined
 */
@@ -60,0 +60,0 @@ .vf-table {

vf-table.scss

@@ -23,3 +23,3 @@ // vf-table
 .vf-table {
-  background-color: set-ui-color(vf-ui-color--white);
+  background-color: ui-color(white);
   border-collapse: collapse;
@@ -62,3 +62,3 @@ }
 .vf-table__header {
-  background-color: set-color(vf-color--grey--lightest);
+  background-color: color(grey--lightest);
 
@@ -110,3 +110,3 @@ .vf-table__heading {
     & .vf-table__row:nth-of-type(even) {
-      background-color: set-ui-color(vf-ui-color--grey--light);
+      background-color: ui-color(grey--light);
     }
@@ -118,10 +118,10 @@ }
 
-  border: 1px solid set-color(vf-color--grey);
+  border: 1px solid color(grey);
 
   .vf-table__heading {
-    border: 1px solid set-color(vf-color--grey);
+    border: 1px solid color(grey);
   }
 
   .vf-table__cell {
-    border: 1px solid set-color(vf-color--grey);
+    border: 1px solid color(grey);
   }
@@ -133,3 +133,3 @@ }
   & .vf-table__row:not(.vf-table__row--selected):hover {
-    background-color: set-ui-color(vf-ui-color--yellow);
+    background-color: ui-color(yellow);
   }
@@ -151,3 +151,3 @@ }
   .vf-button--icon {
-    color: set-color(vf-color--blue);
+    color: color(blue);
     font-weight: 400;
@@ -157,3 +157,3 @@ &:visited,
     &:focus {
-      color: set-color(vf-color--blue);
+      color: color(blue);
       font-weight: 400;
@@ -165,11 +165,11 @@ }
 .vf-table__row--selected {
-  background-color: set-color(vf-color--blue);
-  color: set-ui-color(vf-ui-color--white);
+  background-color: color(blue);
+  color: ui-color(white);
 
 
   .vf-button {
-    color: set-ui-color(vf-ui-color--white);
+    color: ui-color(white);
   }
   .vf-button--icon {
-    color: set-ui-color(vf-ui-color--white);
+    color: ui-color(white);
     font-weight: 400;
@@ -179,3 +179,3 @@ &:visited,
     &:focus {
-      color: set-ui-color(vf-ui-color--white);
+      color: ui-color(white);
     }
@@ -187,3 +187,3 @@ }
       // TODO: sort this important out
-      border-color: set-ui-color(vf-ui-color--black) !important;
+      border-color: ui-color(black) !important;
     }
@@ -195,3 +195,3 @@ }
 .vf-table__actions {
-  background-color: set-color(vf-color--blue);;
+  background-color: color(blue);;
   padding: 16px;
@@ -202,3 +202,3 @@
 
-    color: set-ui-color(vf-ui-color--white);
+    color: ui-color(white);
     font-weight: 400;
@@ -213,3 +213,3 @@ margin-left: 1em;
     &:focus {
-      color: set-ui-color(vf-ui-color--white);
+      color: ui-color(white);
 
@@ -222,4 +222,4 @@ }
 .vf-table__footer {
-  background-color: set-color(vf-color--grey--lightest);
-  border-top: 1px solid set-ui-color(vf-ui-color--black);
+  background-color: color(grey--lightest);
+  border-top: 1px solid ui-color(black);
 
@@ -226,0 +226,0 @@ .vf-table__cell {

Fixed alerts

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

45934

0.64%

Number of low quality alerts

0

-100%

Number of lines in readme file

41

24.24%

No dependency changes