@salesforcedevs/dx-components - npm Package Compare versions

Comparing version 0.0.10 to 0.0.11

lwc.config.json

@@ -15,2 +15,4 @@ {
         "dx/dropdown",
+        "dx/feature",
+        "dx/featureGrid",
         "dx/footer",
@@ -17,0 +19,0 @@ "dx/formattedDateTime",

package.json

 {
     "name": "@salesforcedevs/dx-components",
-    "version": "0.0.10",
+    "version": "0.0.11",
     "description": "DX Lightning web components",
-    "license": "UNLICENSED",
+    "license": "MIT",
     "engines": {
@@ -7,0 +7,0 @@ "node": ">= 12.x"

src/modules/dx/button/button.stories.ts

@@ -8,4 +8,5 @@ export default {
   <style>
-    #root {
-        float: left;
+    dx-button {
+      display: block;
+      margin-bottom: .5rem;
     }
@@ -16,10 +17,7 @@ </style>
 export const Tertiary = () => `
-    ${style}
-    <dx-button variant="tertiary" icon-symbol="chevronright">Tertiary Button</dx-button>
-    <br />
-    <dx-button variant="tertiary" icon-symbol="chevronright" size="large">Large Tertiary Button</dx-button>
-    <br />
-    <dx-button href="http://tweetflight.wearebrightly.com/" target="_blank" variant="tertiary" icon-symbol="link">Tertiary Link</dx-button>
-    <br />
-    <dx-button href="http://tweetflight.wearebrightly.com/" target="_blank" variant="tertiary" icon-symbol="link" size="large">Large Tertiary Link</dx-button>
+  ${style}
+  <dx-button variant="tertiary" icon-symbol="chevronright">Tertiary Button</dx-button>
+  <dx-button variant="tertiary" icon-symbol="chevronright" size="large">Large Tertiary Button</dx-button>
+  <dx-button href="http://tweetflight.wearebrightly.com/" target="_blank" variant="tertiary" icon-symbol="link">Tertiary Link</dx-button>
+  <dx-button href="http://tweetflight.wearebrightly.com/" target="_blank" variant="tertiary" icon-symbol="link" size="large">Large Tertiary Link</dx-button>
 `;
@@ -30,3 +28,2 @@
   <dx-button variant="inline">Inline Button</dx-button>
-  <br />
   <dx-button href="http://tweetflight.wearebrightly.com/" target="_blank" variant="inline" icon-symbol="link">Inline Link</dx-button>
@@ -38,11 +35,6 @@ `;
   <dx-button variant="secondary" icon-symbol="magicwand">Secondary Button</dx-button>
-  <br />
   <dx-button variant="secondary" icon-symbol="chevronright"></dx-button>
-  <br />
   <dx-button variant="secondary" icon-symbol="magicwand" size="large">Large Secondary Button</dx-button>
-  <br />
   <dx-button variant="secondary" icon-symbol="chevronright" size="large"></dx-button>
-  <br />
   <dx-button href="http://tweetflight.wearebrightly.com/" target="_blank" variant="secondary" icon-symbol="link">Secondary Link</dx-button>
-  <br />
   <dx-button href="http://tweetflight.wearebrightly.com/" target="_blank" variant="secondary" icon-symbol="link" size="large">Large Secondary Link</dx-button>
@@ -54,12 +46,7 @@ `;
   <dx-button icon-symbol="magicwand">Primary Button</dx-button>
-  <br />
   <dx-button icon-symbol="chevronright"></dx-button>
-  <br />
   <dx-button icon-symbol="magicwand" size="large">Large Primary Button</dx-button>
-  <br />
   <dx-button icon-symbol="chevronright" size="large"></dx-button>
-  <br />
   <dx-button href="http://tweetflight.wearebrightly.com/" target="_blank" icon-symbol="link">Primary Link</dx-button>
-  <br />
   <dx-button href="http://tweetflight.wearebrightly.com/" target="_blank" icon-symbol="link" size="large">Large Primary Link</dx-button>
 `;

src/modules/dx/groupText/groupText.stories.ts

@@ -9,11 +9,5 @@ import mockProps from "./__tests__/mockProps";
 export const Base = (args: any) => `
-<dx-group-text title="${args.title}" body="${
-    args.body
-}" attribution-link='${JSON.stringify(
-    args.attributionLink
-)}' primary-link='${JSON.stringify(
-    args.primaryLink
-)}' secondary-link='${JSON.stringify(args.secondaryLink)}'></dx-group-text>
+<dx-group-text title="${args.title}" body="${args.body}" attribution-link='${args.attributionLink}' primary-link='${args.primaryLink}' secondary-link='${args.secondaryLink}'></dx-group-text>
 `;
 
 Base.args = mockProps;

src/modules/dx/icon/icon.stories.ts

@@ -6,17 +6,29 @@ export default {
 
+const sizes = ["xsmall", "small", "medium", "large", "xlarge", "2xlarge"];
+
+const renderIcons = () => {
+    let shell = ``;
+    for (let i = 0; i < sizes.length; i++) {
+        const size = sizes[i];
+        const _component = `<dx-icon size='${size}' symbol="edit"></dx-icon>`;
+        shell = `
+      ${shell}
+      <span>${size}</span>
+      ${_component}
+    `;
+    }
+    return shell;
+};
+
 export const Base = () => `
-  small
-  <dx-icon size="small" symbol="edit"></dx-icon>
-  <br />
-  medium
-  <dx-icon size="medium" symbol="edit"></dx-icon>
-  <br />
-  large
-  <dx-icon size="large" symbol="edit"></dx-icon>
-  <br />
-  xlarge
-  <dx-icon size="xlarge" symbol="edit"></dx-icon>
-  <br />
-  2xlarge
-  <dx-icon size="2xlarge" symbol="edit"></dx-icon>
+  <style>
+    span {
+      color: grey
+    }
+    dx-icon {
+      margin-top: 8px;
+      margin-bottom: 32px;
+    }
+  </style>
+  ${renderIcons()}
 `;

Fixed alerts

Misc. License Issues

License

(Experimental) A package's licensing information has fine-grained problems.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1404225

0.52%

Number of package files

224

4.67%

Number of low license alerts

0

-100%

Number of medium license alerts

0

-100%

Lines of code

7184

2.66%

No dependency changes