@haxtheweb/figure-label - npm Package Compare versions

Comparing version 9.0.6 to 9.0.7

figure-label.js

@@ -51,8 +51,11 @@ /**
             )
-          ); /* is this hierarchy correct? */
+          );
           color: var(
             --ddd-component-figure-label-title-text,
             var(
-              --simple-colors-default-theme-accent-11,
-              var(--ddd-theme-default-potentialMidnight)
+              --ddd-theme-primary,
+              var(
+                --simple-colors-default-theme-accent-11,
+                var(--ddd-theme-default-potentialMidnight)
+              )
             )
@@ -83,6 +86,13 @@ );
           font-size: var(--ddd-font-size-4xs);
-          background: var(
-            --ddd-component-figure-label-background,
+          background-color: var(
+            --ddd-component-figure-label-description-background,
             var(--ddd-theme-default-white)
           );
+          color: var(
+            --ddd-component-figure-label-description-text,
+            var(
+              --simple-colors-default-theme-accent-11,
+              var(--ddd-theme-default-potentialMidnight)
+            )
+          );
           font-weight: var(--ddd-font-weight-regular);
@@ -89,0 +99,0 @@ }

package.json

@@ -19,3 +19,3 @@ {
   },
-  "version": "9.0.6",
+  "version": "9.0.7",
   "description": "Figure label element to mark media assets within content.",
@@ -51,3 +51,3 @@ "repository": {
     "@polymer/iron-demo-helpers": "3.1.0",
-    "@web/dev-server": "0.4.2",
+    "@web/dev-server": "0.4.6",
     "@webcomponents/webcomponentsjs": "^2.8.0",
@@ -68,3 +68,3 @@ "concurrently": "8.2.2",
   ],
-  "gitHead": "04cae22f40424464d43057349cde27f55cb32ca1"
+  "gitHead": "f594e7d20e2b7a815d085b12b1e0c8adc3504293"
 }

README.md

@@ -12,35 +12,14 @@ # <figure-label>
 import '@haxtheweb/figure-label/figure-label.js';
-/* At top of an application with build routine */
-<script type="module" src="@haxtheweb/figure-label/figure-label.js"></script>
-/* Alternatives for top of application */
-<script type="module">
-  import '@haxtheweb/figure-label/figure-label.js';
-  // imperative form
-  import {FigureLabel} from '@haxtheweb/figure-label';
-  // if you don't have a build routine and need to reference directly
-  import './node_modules/@haxtheweb/figure-label/figure-label.js';
-</script>
-// via unpkg CDN (good for testing)
-<script type="module" src="https://unpkg.com/@haxtheweb/figure-label/figure-label.js"></script>
+
+/* CDN */
+<script type="module" src="https://cdn.hax.cloud/cdn/build/es6/node_modules/@haxtheweb/figure-label/figure-label.js"></script>
 ```
 
 ## Develop / Demo
-Run `yarn start` will start a local development server, open your default browser to display it, open your finder to the correct window and start watching the `/src` directory for changes and automatically rebuilding the element and documentation site for the demo.
+Run `npm start` will start a local development server, open your default browser to display it, open your finder to the correct window and start watching the `/src` directory for changes and automatically rebuilding the element and documentation site for the demo.
 ```bash
-$ yarn start
+$ npm start
 ```
 
-## Test
 
-```bash
-$ yarn run test
-```
-
-## Build
-Builds ensure that wcfactory can correctly compile your web component project to
-work on the maximum number of browsers possible.
-```bash
-$ yarn run build
-```
-
 ## Contributing
@@ -47,0 +26,0 @@

src/figure-label.js

@@ -51,8 +51,11 @@ /**
             )
-          ); /* is this hierarchy correct? */
+          );
           color: var(
             --ddd-component-figure-label-title-text,
             var(
-              --simple-colors-default-theme-accent-11,
-              var(--ddd-theme-default-potentialMidnight)
+              --ddd-theme-primary,
+              var(
+                --simple-colors-default-theme-accent-11,
+                var(--ddd-theme-default-potentialMidnight)
+              )
             )
@@ -83,6 +86,13 @@ );
           font-size: var(--ddd-font-size-4xs);
-          background: var(
-            --ddd-component-figure-label-background,
+          background-color: var(
+            --ddd-component-figure-label-description-background,
             var(--ddd-theme-default-white)
           );
+          color: var(
+            --ddd-component-figure-label-description-text,
+            var(
+              --simple-colors-default-theme-accent-11,
+              var(--ddd-theme-default-potentialMidnight)
+            )
+          );
           font-weight: var(--ddd-font-weight-regular);
@@ -89,0 +99,0 @@ }

No alert changes

Worsened metrics

Total package byte prevSize

35887

decreased by-3.18%

Number of package files

15

decreased by-6.25%

Lines of code

616

decreased by-5.38%

Number of lines in readme file

42

decreased by-33.33%

No dependency changes