@spectrum-web-components/action-bar - npm Package Compare versions

Comparing version 0.2.12-alpha.1 to 0.2.12

custom-elements.json

 {
-  "version": "experimental",
-  "tags": [
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
     {
-      "name": "sp-action-bar",
-      "path": "./sp-action-bar.d.ts",
-      "attributes": [
+      "kind": "javascript-module",
+      "path": "src/ActionBar.ts",
+      "declarations": [
         {
-          "name": "flexible",
-          "description": "When `flexible` the action bar sizes itself to its content\nrather than a specific width.",
-          "type": "boolean",
-          "default": "false"
+          "kind": "variable",
+          "name": "actionBarVariants",
+          "type": {
+            "text": "array"
+          },
+          "default": "['sticky', 'fixed']"
         },
         {
-          "name": "open",
-          "type": "boolean",
-          "default": "false"
+          "kind": "class",
+          "description": "",
+          "name": "ActionBar",
+          "members": [
+            {
+              "kind": "field",
+              "name": "flexible",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "When `flexible` the action bar sizes itself to its content\nrather than a specific width.",
+              "parameters": [
+                {
+                  "name": "flexible",
+                  "type": {
+                    "text": "Boolean"
+                  }
+                }
+              ],
+              "attribute": "flexible",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "privacy": "public",
+              "description": "The variant applies specific styling when set to `sticky` or `fixed`.\n`variant` attribute is removed when not matching one of the above.",
+              "parameters": [
+                {
+                  "name": "variant",
+                  "type": {
+                    "text": "String"
+                  }
+                }
+              ],
+              "type": {
+                "text": "string"
+              },
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_variant",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "flexible",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When `flexible` the action bar sizes itself to its content\nrather than a specific width.",
+              "parameters": [
+                {
+                  "name": "flexible",
+                  "type": {
+                    "text": "Boolean"
+                  }
+                }
+              ],
+              "fieldName": "flexible"
+            },
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "open"
+            },
+            {
+              "name": "variant",
+              "description": "The variant applies specific styling when set to `sticky` or `fixed`.\n`variant` attribute is removed when not matching one of the above.",
+              "parameters": [
+                {
+                  "name": "variant",
+                  "type": {
+                    "text": "String"
+                  }
+                }
+              ],
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "variant"
+            }
+          ],
+          "superclass": {
+            "name": "SpectrumElement",
+            "package": "@spectrum-web-components/base"
+          },
+          "tagName": "sp-action-bar",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "actionBarVariants",
+          "declaration": {
+            "name": "actionBarVariants",
+            "module": "src/ActionBar.ts"
+          }
         },
         {
-          "name": "variant",
-          "description": "The variant applies specific styling when set to `sticky` or `fixed`.\n`variant` attribute is removed when not matching one of the above.",
-          "type": "string"
+          "kind": "js",
+          "name": "ActionBar",
+          "declaration": {
+            "name": "ActionBar",
+            "module": "src/ActionBar.ts"
+          }
         }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/action-bar.css.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css`\n:host{--spectrum-actionbar-height:var(--spectrum-global-dimension-size-600);--spectrum-actionbar-padding-left:var(--spectrum-global-dimension-size-200);--spectrum-actionbar-padding-right:calc(var(--spectrum-global-dimension-size-200)/2);--spectrum-actionbar-margin-x:var(--spectrum-global-dimension-size-200);--spectrum-actionbar-min-width:280px;--spectrum-actionbar-max-width:960px;display:flex;justify-content:center;bottom:0;z-index:1;box-sizing:border-box;padding:0 var(--spectrum-actionbar-margin-x);height:0;opacity:0;overflow:hidden;pointer-events:none;transition:height var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([open]){height:calc(var(--spectrum-actionbar-height,\nvar(--spectrum-global-dimension-size-600)) + var(--spectrum-actionbar-margin-x)*2);opacity:1}:host([dir=ltr][variant=sticky]){left:0}:host([dir=rtl][variant=sticky]){right:0}:host([dir=ltr][variant=sticky]){right:0}:host([dir=rtl][variant=sticky]){left:0}:host([variant=sticky]){position:sticky}:host([flexible]) #popover{width:auto}:host([variant=fixed]){position:fixed}:host([dir=ltr]) #popover{padding-left:var(--spectrum-actionbar-padding-left)}:host([dir=rtl]) #popover{padding-right:var(--spectrum-actionbar-padding-left)}:host([dir=ltr]) #popover{padding-right:var(--spectrum-actionbar-padding-right)}:host([dir=rtl]) #popover{padding-left:var(--spectrum-actionbar-padding-right)}#popover{position:relative;box-sizing:border-box;width:100%;margin:auto;height:var(--spectrum-actionbar-height,var(--spectrum-global-dimension-size-600));min-width:var(--spectrum-actionbar-min-width,var(--spectrum-global-dimension-static-size-3500));max-width:var(--spectrum-actionbar-max-width,var(--spectrum-global-dimension-static-size-3500));flex-direction:row;align-items:center;justify-content:space-between;pointer-events:auto}\n`"
+        }
       ],
-      "properties": [
+      "exports": [
         {
-          "name": "flexible",
-          "attribute": "flexible",
-          "description": "When `flexible` the action bar sizes itself to its content\nrather than a specific width.",
-          "type": "boolean",
-          "default": "false"
-        },
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "styles",
+            "module": "src/action-bar.css.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/index.ts",
+      "declarations": [],
+      "exports": [
         {
-          "name": "open",
-          "attribute": "open",
-          "type": "boolean",
-          "default": "false"
-        },
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./ActionBar.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/spectrum-action-bar.css.ts",
+      "declarations": [
         {
-          "name": "variant",
-          "attribute": "variant",
-          "description": "The variant applies specific styling when set to `sticky` or `fixed`.\n`variant` attribute is removed when not matching one of the above.",
-          "type": "string"
+          "kind": "variable",
+          "name": "styles",
+          "default": "css`\n:host{--spectrum-actionbar-height:var(--spectrum-global-dimension-size-600);--spectrum-actionbar-padding-left:var(--spectrum-global-dimension-size-200);--spectrum-actionbar-padding-right:calc(var(--spectrum-global-dimension-size-200)/2);--spectrum-actionbar-margin-x:var(--spectrum-global-dimension-size-200);--spectrum-actionbar-min-width:280px;--spectrum-actionbar-max-width:960px;display:flex;justify-content:center;bottom:0;z-index:1;box-sizing:border-box;padding:0 var(--spectrum-actionbar-margin-x);height:0;opacity:0;overflow:hidden;pointer-events:none;transition:height var(--spectrum-global-animation-duration-100,.13s) ease-in-out,opacity var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([open]){height:calc(var(--spectrum-actionbar-height,\nvar(--spectrum-global-dimension-size-600)) + var(--spectrum-actionbar-margin-x)*2);opacity:1}:host([dir=ltr][variant=sticky]){left:0}:host([dir=rtl][variant=sticky]){right:0}:host([dir=ltr][variant=sticky]){right:0}:host([dir=rtl][variant=sticky]){left:0}:host([variant=sticky]){position:sticky}:host([flexible]) #popover{width:auto}:host([variant=fixed]){position:fixed}:host([dir=ltr]) #popover{padding-left:var(--spectrum-actionbar-padding-left)}:host([dir=rtl]) #popover{padding-right:var(--spectrum-actionbar-padding-left)}:host([dir=ltr]) #popover{padding-right:var(--spectrum-actionbar-padding-right)}:host([dir=rtl]) #popover{padding-left:var(--spectrum-actionbar-padding-right)}#popover{position:relative;box-sizing:border-box;width:100%;margin:auto;height:var(--spectrum-actionbar-height,var(--spectrum-global-dimension-size-600));min-width:var(--spectrum-actionbar-min-width,var(--spectrum-global-dimension-static-size-3500));max-width:var(--spectrum-actionbar-max-width,var(--spectrum-global-dimension-static-size-3500));flex-direction:row;align-items:center;justify-content:space-between;pointer-events:auto}\n`"
         }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "styles",
+            "module": "src/spectrum-action-bar.css.ts"
+          }
+        }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "test/action-bar.test-vrt.ts",
+      "declarations": [],
+      "exports": []
     }
   ]
-}
+}

package.json

 {
     "name": "@spectrum-web-components/action-bar",
-    "version": "0.2.12-alpha.1+7b33b99a3",
+    "version": "0.2.12",
     "publishConfig": {
@@ -47,4 +47,4 @@ "access": "public"
     "dependencies": {
-        "@spectrum-web-components/base": "^0.4.5-alpha.59+7b33b99a3",
-        "@spectrum-web-components/popover": "^0.9.12-alpha.1+7b33b99a3",
+        "@spectrum-web-components/base": "^0.4.5",
+        "@spectrum-web-components/popover": "^0.9.12",
         "tslib": "^2.0.0"
@@ -56,7 +56,7 @@ },
     "types": "./src/index.d.ts",
-    "customElementsManifest": "custom-elements.json",
+    "customElements": "custom-elements.json",
     "sideEffects": [
         "./sp-*.js"
     ],
-    "gitHead": "7b33b99a3b1747fffb387f4e6696dcaa4a3618a4"
+    "gitHead": "fbd509e0f30f1da0dcb972fa9ac5492acc00d96e"
 }

src/action-bar.css.d.ts

@@ -1,2 +0,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResultGroup;
+declare const styles: import("@spectrum-web-components/base").CSSResult;
 export default styles;

src/spectrum-action-bar.css.d.ts

@@ -1,2 +0,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResultGroup;
+declare const styles: import("@spectrum-web-components/base").CSSResult;
 export default styles;

New alerts

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

Fixed alerts

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

Improved metrics

Total package byte prevSize

64646

increased by17.84%

Number of package files

29

increased by7.41%

Lines of code

576

increased by51.58%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Number of low license alerts

8

increased by14.29%

Dependency changes

• Updated@spectrum-web-components/base@^0.4.5

• Updated@spectrum-web-components/popover@^0.9.12