@spectrum-web-components/button-group - npm Package Compare versions

Comparing version 0.1.1-alpha.6 to 0.1.1-alpha.38

custom-elements.json

@@ -1,1 +0,1 @@
-{"version":"experimental","tags":[{"name":"sp-button-group","path":"./src/button-group.ts","attributes":[{"name":"vertical","type":"boolean","default":"false"}],"properties":[{"name":"vertical","attribute":"vertical","type":"boolean","default":"false"}]},{"name":"sp-button-group","path":"./src/index.ts","attributes":[{"name":"vertical","type":"boolean","default":"false"}],"properties":[{"name":"vertical","attribute":"vertical","type":"boolean","default":"false"}],"cssProperties":[{"name":"--spectrum-buttongroup-button-gap-x","default":"var(--spectrum-global-dimension-static-size-200)","type":""},{"name":"--spectrum-actionbuttongroup-text-button-gap-x","default":"var(--spectrum-global-dimension-size-100)","type":""},{"name":"--spectrum-toolgroup-text-button-gap-x","default":"var(--spectrum-global-dimension-size-100)","type":""},{"name":"--spectrum-buttongroup-button-gap-y","default":"var(--spectrum-global-dimension-static-size-200)","type":""},{"name":"--spectrum-actionbuttongroup-text-button-gap-y","default":"var(--spectrum-global-dimension-size-100)","type":""},{"name":"--spectrum-toolgroup-text-button-gap-y","default":"var(--spectrum-global-dimension-size-100)","type":""}]}]}
+{"version":"experimental","tags":[{"name":"sp-button-group","path":"./src/ButtonGroup.d.ts","properties":[{"name":"vertical","type":"boolean"}]},{"name":"sp-button-group","path":"./src/ButtonGroup.ts","attributes":[{"name":"vertical","type":"boolean","default":"false"}],"properties":[{"name":"vertical","attribute":"vertical","type":"boolean","default":"false"}]}]}

package.json

@@ -21,12 +21,25 @@ {
     ],
-    "version": "0.1.1-alpha.6+07ae41d1",
+    "version": "0.1.1-alpha.38+3926abb2",
     "description": "",
-    "main": "lib/index.js",
-    "module": "lib/index.js",
+    "main": "src/index.js",
+    "module": "src/index.js",
     "type": "module",
+    "exports": {
+        "./src/": "./src/",
+        "./custom-elements.json": "./custom-elements.json",
+        "./package.json": "./package.json",
+        "./sp-button-group": "./sp-button-group.js",
+        "./sp-button-group.js": "./sp-button-group.js"
+    },
     "files": [
         "custom-elements.json",
-        "/lib/",
+        "*.d.ts",
+        "*.js",
+        "*.js.map",
         "/src/"
     ],
+    "sideEffects": [
+        "./sp-button-group.js",
+        "./sp-button-group.ts"
+    ],
     "scripts": {
@@ -37,14 +50,12 @@ "test": "karma start --coverage"
     "license": "Apache-2.0",
-    "peerDependencies": {
-        "lit-element": "^2.1.0",
-        "lit-html": "^1.0.0"
-    },
     "devDependencies": {
         "@spectrum-css/buttongroup": "^2.0.0",
-        "@spectrum-web-components/button": "^0.7.1-alpha.6+07ae41d1"
+        "@spectrum-web-components/button": "^0.7.1-alpha.38+3926abb2"
     },
     "dependencies": {
+        "lit-element": "^2.1.0",
+        "lit-html": "^1.0.0",
         "tslib": "^2.0.0"
     },
-    "gitHead": "07ae41d1915488ddd523d0a83731664d2136dc40"
+    "gitHead": "3926abb2769a9bab28762bf3b3e1fab7c5f03589"
 }

README.md

@@ -5,3 +5,3 @@ ## Description
 
-### Installation
+### Usage
 
@@ -12,9 +12,17 @@ [![See it on NPM!](https://img.shields.io/npm/v/@spectrum-web-components/button-group?style=for-the-badge)](https://www.npmjs.com/package/@spectrum-web-components/button-group)
 ```
-npm install @spectrum-web-components/button-group
+yarn add @spectrum-web-components/button-group
+```
 
-# or
+Import the side effectful registration of `<sp-button-group>` via:
 
-yarn add @spectrum-web-components/button-group
 ```
+import '@spectrum-web-components/button-group/sp-button-group.js';
+```
 
+When looking to leverage the `ButtonGroup` base class as a type and/or for extension purposes, do so via:
+
+```
+import { ButtonGroup } from '@spectrum-web-components/button-group';
+```
+
 ## Horizontal
@@ -53,9 +61,9 @@
 <sp-button-group>
-    <sp-action-button quiet>
+    <sp-action-button quiet label="Zoom in">
         <sp-icon slot="icon" size="xs" name="ui:Magnifier"></sp-icon>
     </sp-action-button>
-    <sp-action-button quiet>
+    <sp-action-button quiet label="Zoom in">
         <sp-icon slot="icon" size="xs" name="ui:Magnifier"></sp-icon>
     </sp-action-button>
-    <sp-action-button quiet>
+    <sp-action-button quiet label="Zoom in">
         <sp-icon slot="icon" size="xs" name="ui:Magnifier"></sp-icon>
@@ -100,9 +108,9 @@ </sp-action-button>
     <sp-button-group vertical>
-        <sp-action-button quiet>
+        <sp-action-button quiet label="Zoom in">
             <sp-icon slot="icon" size="xs" name="ui:Magnifier"></sp-icon>
         </sp-action-button>
-        <sp-action-button quiet>
+        <sp-action-button quiet label="Zoom in">
             <sp-icon slot="icon" size="xs" name="ui:Magnifier"></sp-icon>
         </sp-action-button>
-        <sp-action-button quiet>
+        <sp-action-button quiet label="Zoom in">
             <sp-icon slot="icon" size="xs" name="ui:Magnifier"></sp-icon>
@@ -109,0 +117,0 @@ </sp-action-button>

src/index.ts

@@ -13,15 +13,2 @@ /*
 
-export * from './button-group.js';
-
-import { ButtonGroup } from './button-group.js';
-
-/* istanbul ignore else */
-if (!customElements.get('sp-button-group')) {
-    customElements.define('sp-button-group', ButtonGroup);
-}
-
-declare global {
-    interface HTMLElementTagNameMap {
-        'sp-button-group': ButtonGroup;
-    }
-}
+export * from './ButtonGroup.js';

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

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

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 5 instances 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

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

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 4 instances in 1 package

Improved metrics

Total package byte prevSize

44804

increased by1.28%

Number of package files

28

increased by12%

Number of lines in readme file

117

increased by7.34%

Worsened metrics

Number of low license alerts

5

increased by25%

License quality

60

decreased by-25%

Lines of code

360

decreased by-1.91%

Dependency changes

• + Addedlit-element@^2.1.0

• + Addedlit-html@^1.0.0