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

Comparing version 0.4.2 to 0.4.3

CHANGELOG.md

@@ -6,2 +6,6 @@ # Change Log
 
+## [0.4.3](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/button@0.4.2...@spectrum-web-components/button@0.4.3) (2020-01-30)
+
+**Note:** Version bump only for package @spectrum-web-components/button
+
 ## [0.4.2](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/button@0.4.1...@spectrum-web-components/button@0.4.2) (2020-01-06)
@@ -8,0 +12,0 @@

custom-elements.json

 {
-  "version": 2,
+  "version": "experimental",
   "tags": [
@@ -7,8 +7,24 @@ {
       "description": "A Spectrum button control.",
-      "jsDoc": "/**\n * A Spectrum button control.\n * @element sp-button\n */",
       "attributes": [
         {
+          "name": "variant",
+          "description": "The visual variant to apply to this button.",
+          "type": "\"cta\" | \"overBackground\" | \"primary\" | \"secondary\" | \"negative\"",
+          "default": "\"cta\""
+        },
+        {
+          "name": "warning",
+          "description": "There is a warning in place for this control",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "quiet",
+          "description": "Style this button to be less obvious",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
           "name": "href",
           "description": "Supplies an address that the browser will navigate to when this button is\nclicked",
-          "jsDoc": "/**\n     * Supplies an address that the browser will navigate to when this button is\n     * clicked\n     */",
           "type": "string | undefined"
@@ -23,46 +39,30 @@ },
           "type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined"
-        },
+        }
+      ],
+      "properties": [
         {
           "name": "variant",
+          "attribute": "variant",
           "description": "The visual variant to apply to this button.",
-          "jsDoc": "/**\n     * The visual variant to apply to this button.\n     */",
-          "type": "\"cta\" | \"overBackground\" | \"primary\" | \"secondary\" | \"negative\""
+          "type": "\"cta\" | \"overBackground\" | \"primary\" | \"secondary\" | \"negative\"",
+          "default": "\"cta\""
         },
         {
           "name": "warning",
+          "attribute": "warning",
           "description": "There is a warning in place for this control",
-          "jsDoc": "/**\n     * There is a warning in place for this control\n     */",
-          "type": "boolean"
+          "type": "boolean",
+          "default": "false"
         },
         {
           "name": "quiet",
+          "attribute": "quiet",
           "description": "Style this button to be less obvious",
-          "jsDoc": "/**\n     * Style this button to be less obvious\n     */",
-          "type": "boolean"
-        }
-      ],
-      "properties": [
-        {
-          "name": "disabled",
-          "description": "Disable this control. It will not receive focus or events",
-          "jsDoc": "/**\n     * Disable this control. It will not receive focus or events\n     */",
-          "type": "boolean"
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "autofocus",
-          "description": "When this control is rendered, focus it automatically",
-          "jsDoc": "/**\n     * When this control is rendered, focus it automatically\n     */",
-          "type": "boolean"
-        },
-        {
-          "name": "tabIndex",
-          "description": "The tab index to apply to this control. See general documentation about\nthe tabindex HTML property",
-          "jsDoc": "/**\n     * The tab index to apply to this control. See general documentation about\n     * the tabindex HTML property\n     */",
-          "type": "number"
-        },
-        {
           "name": "href",
           "attribute": "href",
           "description": "Supplies an address that the browser will navigate to when this button is\nclicked",
-          "jsDoc": "/**\n     * Supplies an address that the browser will navigate to when this button is\n     * clicked\n     */",
           "type": "string | undefined"
@@ -81,20 +81,22 @@ },
         {
-          "name": "variant",
-          "attribute": "variant",
-          "description": "The visual variant to apply to this button.",
-          "jsDoc": "/**\n     * The visual variant to apply to this button.\n     */",
-          "type": "\"cta\" | \"overBackground\" | \"primary\" | \"secondary\" | \"negative\""
+          "name": "disabled",
+          "description": "Disable this control. It will not receive focus or events",
+          "type": "boolean"
         },
         {
-          "name": "warning",
-          "attribute": "warning",
-          "description": "There is a warning in place for this control",
-          "jsDoc": "/**\n     * There is a warning in place for this control\n     */",
+          "name": "autofocus",
+          "description": "When this control is rendered, focus it automatically",
           "type": "boolean"
         },
         {
-          "name": "quiet",
-          "attribute": "quiet",
-          "description": "Style this button to be less obvious",
-          "jsDoc": "/**\n     * Style this button to be less obvious\n     */",
+          "name": "tabIndex",
+          "description": "The tab index to apply to this control. See general documentation about\nthe tabindex HTML property",
+          "type": "number"
+        },
+        {
+          "name": "focusElement",
+          "type": "HTMLElement"
+        },
+        {
+          "name": "slotHasContent",
           "type": "boolean"
@@ -108,5 +110,19 @@ }
         {
+          "name": "quiet",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "selected",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hold-affordance",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
           "name": "href",
           "description": "Supplies an address that the browser will navigate to when this button is\nclicked",
-          "jsDoc": "/**\n     * Supplies an address that the browser will navigate to when this button is\n     * clicked\n     */",
           "type": "string | undefined"
@@ -121,14 +137,2 @@ },
           "type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined"
-        },
-        {
-          "name": "quiet",
-          "type": "boolean"
-        },
-        {
-          "name": "selected",
-          "type": "boolean"
-        },
-        {
-          "name": "hold-affordance",
-          "type": "boolean"
         }
@@ -138,18 +142,18 @@ ],
         {
-          "name": "disabled",
-          "description": "Disable this control. It will not receive focus or events",
-          "jsDoc": "/**\n     * Disable this control. It will not receive focus or events\n     */",
-          "type": "boolean"
+          "name": "quiet",
+          "attribute": "quiet",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "autofocus",
-          "description": "When this control is rendered, focus it automatically",
-          "jsDoc": "/**\n     * When this control is rendered, focus it automatically\n     */",
-          "type": "boolean"
+          "name": "selected",
+          "attribute": "selected",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "tabIndex",
-          "description": "The tab index to apply to this control. See general documentation about\nthe tabindex HTML property",
-          "jsDoc": "/**\n     * The tab index to apply to this control. See general documentation about\n     * the tabindex HTML property\n     */",
-          "type": "number"
+          "name": "holdAffordance",
+          "attribute": "hold-affordance",
+          "type": "boolean",
+          "default": "false"
         },
@@ -160,3 +164,2 @@ {
           "description": "Supplies an address that the browser will navigate to when this button is\nclicked",
-          "jsDoc": "/**\n     * Supplies an address that the browser will navigate to when this button is\n     * clicked\n     */",
           "type": "string | undefined"
@@ -175,14 +178,22 @@ },
         {
-          "name": "quiet",
-          "attribute": "quiet",
+          "name": "disabled",
+          "description": "Disable this control. It will not receive focus or events",
           "type": "boolean"
         },
         {
-          "name": "selected",
-          "attribute": "selected",
+          "name": "autofocus",
+          "description": "When this control is rendered, focus it automatically",
           "type": "boolean"
         },
         {
-          "name": "holdAffordance",
-          "attribute": "hold-affordance",
+          "name": "tabIndex",
+          "description": "The tab index to apply to this control. See general documentation about\nthe tabindex HTML property",
+          "type": "number"
+        },
+        {
+          "name": "focusElement",
+          "type": "HTMLElement"
+        },
+        {
+          "name": "slotHasContent",
           "type": "boolean"
@@ -196,5 +207,10 @@ }
         {
+          "name": "variant",
+          "description": "The visual variant to apply to this button.",
+          "type": "\"\" | \"overBackground\"",
+          "default": "\"\""
+        },
+        {
           "name": "href",
           "description": "Supplies an address that the browser will navigate to when this button is\nclicked",
-          "jsDoc": "/**\n     * Supplies an address that the browser will navigate to when this button is\n     * clicked\n     */",
           "type": "string | undefined"
@@ -209,8 +225,2 @@ },
           "type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined"
-        },
-        {
-          "name": "variant",
-          "description": "The visual variant to apply to this button.",
-          "jsDoc": "/**\n     * The visual variant to apply to this button.\n     */",
-          "type": "\"\" | \"overBackground\""
         }
@@ -220,24 +230,12 @@ ],
         {
-          "name": "disabled",
-          "description": "Disable this control. It will not receive focus or events",
-          "jsDoc": "/**\n     * Disable this control. It will not receive focus or events\n     */",
-          "type": "boolean"
+          "name": "variant",
+          "attribute": "variant",
+          "description": "The visual variant to apply to this button.",
+          "type": "\"\" | \"overBackground\"",
+          "default": "\"\""
         },
         {
-          "name": "autofocus",
-          "description": "When this control is rendered, focus it automatically",
-          "jsDoc": "/**\n     * When this control is rendered, focus it automatically\n     */",
-          "type": "boolean"
-        },
-        {
-          "name": "tabIndex",
-          "description": "The tab index to apply to this control. See general documentation about\nthe tabindex HTML property",
-          "jsDoc": "/**\n     * The tab index to apply to this control. See general documentation about\n     * the tabindex HTML property\n     */",
-          "type": "number"
-        },
-        {
           "name": "href",
           "attribute": "href",
           "description": "Supplies an address that the browser will navigate to when this button is\nclicked",
-          "jsDoc": "/**\n     * Supplies an address that the browser will navigate to when this button is\n     * clicked\n     */",
           "type": "string | undefined"
@@ -256,7 +254,23 @@ },
         {
-          "name": "variant",
-          "attribute": "variant",
-          "description": "The visual variant to apply to this button.",
-          "jsDoc": "/**\n     * The visual variant to apply to this button.\n     */",
-          "type": "\"\" | \"overBackground\""
+          "name": "disabled",
+          "description": "Disable this control. It will not receive focus or events",
+          "type": "boolean"
+        },
+        {
+          "name": "autofocus",
+          "description": "When this control is rendered, focus it automatically",
+          "type": "boolean"
+        },
+        {
+          "name": "tabIndex",
+          "description": "The tab index to apply to this control. See general documentation about\nthe tabindex HTML property",
+          "type": "number"
+        },
+        {
+          "name": "focusElement",
+          "type": "HTMLElement"
+        },
+        {
+          "name": "slotHasContent",
+          "type": "boolean"
         }
@@ -268,8 +282,24 @@ ]
       "description": "A Spectrum button control.",
-      "jsDoc": "/**\n * A Spectrum button control.\n * @element sp-button\n */",
       "attributes": [
         {
+          "name": "variant",
+          "description": "The visual variant to apply to this button.",
+          "type": "\"cta\" | \"overBackground\" | \"primary\" | \"secondary\" | \"negative\"",
+          "default": "\"cta\""
+        },
+        {
+          "name": "warning",
+          "description": "There is a warning in place for this control",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "quiet",
+          "description": "Style this button to be less obvious",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
           "name": "href",
           "description": "Supplies an address that the browser will navigate to when this button is\nclicked",
-          "jsDoc": "/**\n     * Supplies an address that the browser will navigate to when this button is\n     * clicked\n     */",
           "type": "string | undefined"
@@ -284,46 +314,30 @@ },
           "type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | undefined"
-        },
+        }
+      ],
+      "properties": [
         {
           "name": "variant",
+          "attribute": "variant",
           "description": "The visual variant to apply to this button.",
-          "jsDoc": "/**\n     * The visual variant to apply to this button.\n     */",
-          "type": "\"cta\" | \"overBackground\" | \"primary\" | \"secondary\" | \"negative\""
+          "type": "\"cta\" | \"overBackground\" | \"primary\" | \"secondary\" | \"negative\"",
+          "default": "\"cta\""
         },
         {
           "name": "warning",
+          "attribute": "warning",
           "description": "There is a warning in place for this control",
-          "jsDoc": "/**\n     * There is a warning in place for this control\n     */",
-          "type": "boolean"
+          "type": "boolean",
+          "default": "false"
         },
         {
           "name": "quiet",
+          "attribute": "quiet",
           "description": "Style this button to be less obvious",
-          "jsDoc": "/**\n     * Style this button to be less obvious\n     */",
-          "type": "boolean"
-        }
-      ],
-      "properties": [
-        {
-          "name": "disabled",
-          "description": "Disable this control. It will not receive focus or events",
-          "jsDoc": "/**\n     * Disable this control. It will not receive focus or events\n     */",
-          "type": "boolean"
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "autofocus",
-          "description": "When this control is rendered, focus it automatically",
-          "jsDoc": "/**\n     * When this control is rendered, focus it automatically\n     */",
-          "type": "boolean"
-        },
-        {
-          "name": "tabIndex",
-          "description": "The tab index to apply to this control. See general documentation about\nthe tabindex HTML property",
-          "jsDoc": "/**\n     * The tab index to apply to this control. See general documentation about\n     * the tabindex HTML property\n     */",
-          "type": "number"
-        },
-        {
           "name": "href",
           "attribute": "href",
           "description": "Supplies an address that the browser will navigate to when this button is\nclicked",
-          "jsDoc": "/**\n     * Supplies an address that the browser will navigate to when this button is\n     * clicked\n     */",
           "type": "string | undefined"
@@ -342,20 +356,22 @@ },
         {
-          "name": "variant",
-          "attribute": "variant",
-          "description": "The visual variant to apply to this button.",
-          "jsDoc": "/**\n     * The visual variant to apply to this button.\n     */",
-          "type": "\"cta\" | \"overBackground\" | \"primary\" | \"secondary\" | \"negative\""
+          "name": "disabled",
+          "description": "Disable this control. It will not receive focus or events",
+          "type": "boolean"
         },
         {
-          "name": "warning",
-          "attribute": "warning",
-          "description": "There is a warning in place for this control",
-          "jsDoc": "/**\n     * There is a warning in place for this control\n     */",
+          "name": "autofocus",
+          "description": "When this control is rendered, focus it automatically",
           "type": "boolean"
         },
         {
-          "name": "quiet",
-          "attribute": "quiet",
-          "description": "Style this button to be less obvious",
-          "jsDoc": "/**\n     * Style this button to be less obvious\n     */",
+          "name": "tabIndex",
+          "description": "The tab index to apply to this control. See general documentation about\nthe tabindex HTML property",
+          "type": "number"
+        },
+        {
+          "name": "focusElement",
+          "type": "HTMLElement"
+        },
+        {
+          "name": "slotHasContent",
           "type": "boolean"
@@ -362,0 +378,0 @@ }

package.json

@@ -21,3 +21,3 @@ {
     ],
-    "version": "0.4.2",
+    "version": "0.4.3",
     "description": "",
@@ -46,6 +46,6 @@ "main": "lib/index.js",
         "@spectrum-web-components/icon": "^0.4.3",
-        "@spectrum-web-components/shared": "^0.4.0",
+        "@spectrum-web-components/shared": "^0.4.1",
         "tslib": "^1.10.0"
     },
-    "gitHead": "8ccfbecc2e7534567967bbebb5d201e0b16b08bb"
+    "gitHead": "1b17c4c27d73273f2479f0d8af40d187f2f194fa"
 }

README.md

@@ -1,2 +0,2 @@
-## Overview
+## Description
 
@@ -88,3 +88,3 @@ An **sp-button** represents an action a user can take. sp-buttons can be clicked
 
-## Handling Events
+## Handling events
 
@@ -95,3 +95,3 @@ Events handlers for clicks and other user actions can be registered on a
 ```html
-<sp-button onclick="alert('spectrum-button clicked!')">Click me!</sp-button>
+<sp-button onclick="alert('spectrum-button clicked!')">Click me</sp-button>
 ```
@@ -98,0 +98,0 @@

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

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

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

Improved metrics

Lines of code

4234

increased by0.38%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

433183

decreased by-0.52%

Dependency changes

• Updated@spectrum-web-components/shared@^0.4.1