@spectrum-web-components/progress-circle - npm Package Compare versions

Comparing version 0.2.4-alpha.23 to 0.2.4-alpha.26

package.json

 {
     "name": "@spectrum-web-components/progress-circle",
+    "version": "0.2.4-alpha.26+fda0c1ec",
     "publishConfig": {
         "access": "public"
     },
+    "description": "",
+    "license": "Apache-2.0",
     "repository": {
@@ -11,18 +14,10 @@ "type": "git",
     },
+    "author": "",
+    "homepage": "https://adobe.github.io/spectrum-web-components/components/progress-circle",
     "bugs": {
         "url": "https://github.com/adobe/spectrum-web-components/issues"
     },
-    "homepage": "https://adobe.github.io/spectrum-web-components/components/progress-circle",
-    "keywords": [
-        "spectrum css",
-        "web components",
-        "lit-element",
-        "lit-html"
-    ],
-    "version": "0.2.4-alpha.23+f16c03e19",
-    "description": "",
     "main": "src/index.js",
     "module": "src/index.js",
     "type": "module",
-    "types": "./src/index.d.ts",
     "exports": {
@@ -35,27 +30,32 @@ ".": "./src/index.js",
     },
+    "scripts": {
+        "test": "echo \"Error: run tests from mono-repo root.\" && exit 1"
+    },
     "customElementsManifest": "custom-elements.json",
     "files": [
-        "custom-elements.json",
         "*.d.ts",
         "*.js",
         "*.js.map",
-        "/src/"
+        "/src/",
+        "custom-elements.json"
     ],
-    "sideEffects": [
-        "./sp-*.js",
-        "./sp-*.ts"
+    "keywords": [
+        "spectrum css",
+        "web components",
+        "lit-element",
+        "lit-html"
     ],
-    "scripts": {
-        "test": "echo \"Error: run tests from mono-repo root.\" && exit 1"
+    "dependencies": {
+        "@spectrum-web-components/base": "^0.4.3-alpha.52+fda0c1ec",
+        "tslib": "^2.0.0"
     },
-    "author": "",
-    "license": "Apache-2.0",
     "devDependencies": {
         "@spectrum-css/progresscircle": "^1.0.1"
     },
-    "dependencies": {
-        "@spectrum-web-components/base": "^0.4.3-alpha.49+f16c03e19",
-        "tslib": "^2.0.0"
-    },
-    "gitHead": "f16c03e19eb6c9dc6e416ec2d952094520041956"
+    "types": "./src/index.d.ts",
+    "sideEffects": [
+        "./sp-*.js",
+        "./sp-*.ts"
+    ],
+    "gitHead": "fda0c1ec65c1cdcb118fd54b9b962610e13d8518"
 }

README.md

@@ -37,5 +37,16 @@ ## Description
 >
-    <sp-progress-circle progress="71" size="small"></sp-progress-circle>
-    <sp-progress-circle progress="22"></sp-progress-circle>
-    <sp-progress-circle progress="86" size="large"></sp-progress-circle>
+    <sp-progress-circle
+        label="A small representation of a somewhat completed action"
+        progress="71"
+        size="small"
+    ></sp-progress-circle>
+    <sp-progress-circle
+        label="A medium representation of a recently started action"
+        progress="22"
+    ></sp-progress-circle>
+    <sp-progress-circle
+        label="A large representation of an almost completed action"
+        progress="86"
+        size="large"
+    ></sp-progress-circle>
 </div>
@@ -53,2 +64,3 @@ ```
     <sp-progress-circle
+        label="A small representation of a partially completed action"
         progress="42"
@@ -58,4 +70,9 @@ over-background
     ></sp-progress-circle>
-    <sp-progress-circle progress="7" over-background></sp-progress-circle>
     <sp-progress-circle
+        label="A medium representation of a barely started action"
+        progress="7"
+        over-background
+    ></sp-progress-circle>
+    <sp-progress-circle
+        label="A large representation of a somewhat completed action"
         progress="68"
@@ -76,5 +93,16 @@ over-background
 >
-    <sp-progress-circle indeterminate size="small"></sp-progress-circle>
-    <sp-progress-circle indeterminate></sp-progress-circle>
-    <sp-progress-circle indeterminate size="large"></sp-progress-circle>
+    <sp-progress-circle
+        label="A small representation of an unclear amount of work"
+        indeterminate
+        size="small"
+    ></sp-progress-circle>
+    <sp-progress-circle
+        label="A medium representation of an unclear amount of work"
+        indeterminate
+    ></sp-progress-circle>
+    <sp-progress-circle
+        label="A large representation of an unclear amount of work"
+        indeterminate
+        size="large"
+    ></sp-progress-circle>
 </div>
@@ -86,1 +114,5 @@ ```
 Progress Circles come in 3 sizes: small (`[size="small"]`), medium (default), or large (`[size="large"]`). These are available to fit various contexts. For example, the small loader can be used in place of an icon or in tight spaces, while the large one can be used for full-page loading.
+
+## Accessibility
+
+An `sp-progress-circle` element will register itself as a `role="progressbar"` element in the accessibility tree. Any value applied to the `label` attribute will be set as the `aria-label` attribute on the host. These two attributes can be used interchangably to ensure that the `sp-progress-circle` elements in your UI correctly fulfills its responsibilities to visitors of you site of all abilities.

New 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

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

107619

increased by2.29%

Number of package files

28

increased by3.7%

Lines of code

1180

increased by1.46%

Number of lines in readme file

114

increased by39.02%

Dependency changes

• Updated@spectrum-web-components/base@^0.4.3-alpha.52+fda0c1ec