@justeattakeaway/pie-spinner - npm Package Compare versions

Comparing version 0.0.0-snapshot-release-20241016144556 to 0.0.0-snapshot-release-20241031152540

dist/index.js

 import { LitElement as m, html as b, nothing as f, unsafeCSS as u } from "lit";
-import { property as a } from "lit/decorators.js";
-import { classMap as z } from "lit/directives/class-map.js";
-import { validPropertyValues as h, defineCustomElement as y } from "@justeattakeaway/pie-webc-core";
-const x = "*,*:after,*:before{box-sizing:inherit}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.c-spinner{--spinner-size: 24px;--spinner-left-color: hsl(var(--spinner-base-color-h), var(--spinner-base-color-s), var(--spinner-base-color-l), 1);--spinner-right-color: hsl(var(--spinner-base-color-h), var(--spinner-base-color-s), var(--spinner-base-color-l), .35);block-size:var(--spinner-size);inline-size:var(--spinner-size);border-radius:var(--dt-radius-rounded-e);border-width:calc(var(--spinner-size) / 8);border-style:solid;border-color:var(--spinner-left-color) var(--spinner-right-color) var(--spinner-right-color) var(--spinner-left-color);will-change:transform;animation:rotate360 1.15s linear infinite;--spinner-base-color-h: var(--dt-color-content-brand-h);--spinner-base-color-s: var(--dt-color-content-brand-s);--spinner-base-color-l: var(--dt-color-content-brand-l)}.c-spinner.c-spinner--secondary{--spinner-base-color-h: var(--dt-color-content-interactive-secondary-h);--spinner-base-color-s: var(--dt-color-content-interactive-secondary-s);--spinner-base-color-l: var(--dt-color-content-interactive-secondary-l)}.c-spinner.c-spinner--inverse{--spinner-base-color-h: var(--dt-color-content-inverse-h);--spinner-base-color-s: var(--dt-color-content-inverse-s);--spinner-base-color-l: var(--dt-color-content-inverse-l)}.c-spinner.c-spinner--xsmall{--spinner-size: 16px}.c-spinner.c-spinner--small{--spinner-size: 20px}.c-spinner.c-spinner--large{--spinner-size: 32px}.c-spinner.c-spinner--xlarge{--spinner-size: 48px}.c-spinner-label{position:absolute;display:block;height:1px;width:1px;overflow:hidden;padding:1px;white-space:nowrap}", g = ["xsmall", "small", "medium", "large", "xlarge"], w = ["brand", "secondary", "inverse"], i = {
+import { property as t } from "lit/decorators.js";
+import { classMap as y } from "lit/directives/class-map.js";
+import { validPropertyValues as h, defineCustomElement as z } from "@justeattakeaway/pie-webc-core";
+const g = "*,*:after,*:before{box-sizing:inherit}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.c-spinner{--spinner-size: 24px;--spinner-left-color: hsl(var(--spinner-base-color-h), var(--spinner-base-color-s), var(--spinner-base-color-l), 1);--spinner-right-color: hsl(var(--spinner-base-color-h), var(--spinner-base-color-s), var(--spinner-base-color-l), .35);block-size:var(--spinner-size);inline-size:var(--spinner-size);border-radius:var(--dt-radius-rounded-e);border-width:calc(var(--spinner-size) / 8);border-style:solid;border-color:var(--spinner-left-color) var(--spinner-right-color) var(--spinner-right-color) var(--spinner-left-color);will-change:transform;animation:rotate360 1.15s linear infinite;--spinner-base-color-h: var(--dt-color-content-brand-h);--spinner-base-color-s: var(--dt-color-content-brand-s);--spinner-base-color-l: var(--dt-color-content-brand-l)}.c-spinner.c-spinner--secondary{--spinner-base-color-h: var(--dt-color-content-interactive-secondary-h);--spinner-base-color-s: var(--dt-color-content-interactive-secondary-s);--spinner-base-color-l: var(--dt-color-content-interactive-secondary-l)}.c-spinner.c-spinner--inverse{--spinner-base-color-h: var(--dt-color-content-inverse-h);--spinner-base-color-s: var(--dt-color-content-inverse-s);--spinner-base-color-l: var(--dt-color-content-inverse-l)}.c-spinner.c-spinner--xsmall{--spinner-size: 16px}.c-spinner.c-spinner--small{--spinner-size: 20px}.c-spinner.c-spinner--large{--spinner-size: 32px}.c-spinner.c-spinner--xlarge{--spinner-size: 48px}.c-spinner-label{position:absolute;display:block;height:1px;width:1px;overflow:hidden;padding:1px;white-space:nowrap}", x = ["xsmall", "small", "medium", "large", "xlarge"], w = ["brand", "secondary", "inverse"], i = {
   size: "medium",
   variant: "brand"
 };
-var $ = Object.defineProperty, t = (p, r, s, d) => {
+var $ = Object.defineProperty, a = (p, r, s, d) => {
   for (var e = void 0, o = p.length - 1, v; o >= 0; o--)
@@ -27,3 +27,3 @@ (v = p[o]) && (e = v(r, s, e) || e);
                 data-test-id="pie-spinner"
-                class="${z(d)}"
+                class="${y(d)}"
                 role="status"
@@ -42,21 +42,21 @@ aria-live="polite">
 };
-c.styles = u(x);
+c.styles = u(g);
 let n = c;
-t([
-  a({ type: Object })
+a([
+  t({ type: Object })
 ], n.prototype, "aria");
-t([
-  a(),
-  h(l, g, i.size)
+a([
+  t({ type: String }),
+  h(l, x, i.size)
 ], n.prototype, "size");
-t([
-  a(),
+a([
+  t({ type: String }),
   h(l, w, i.variant)
 ], n.prototype, "variant");
-y(l, n);
+z(l, n);
 export {
   n as PieSpinner,
   i as defaultProps,
-  g as sizes,
+  x as sizes,
   w as variants
 };

package.json

 {
   "name": "@justeattakeaway/pie-spinner",
   "description": "PIE Design System Spinner built using Web Components",
-  "version": "0.0.0-snapshot-release-20241016144556",
+  "version": "0.0.0-snapshot-release-20241031152540",
   "type": "module",
@@ -45,3 +45,3 @@ "main": "dist/index.js",
   "dependencies": {
-    "@justeattakeaway/pie-webc-core": "0.0.0-snapshot-release-20241016144556"
+    "@justeattakeaway/pie-webc-core": "0.24.2"
   },
@@ -48,0 +48,0 @@ "volta": {

src/index.ts

@@ -27,7 +27,7 @@ import {
 
-    @property()
+    @property({ type: String })
     @validPropertyValues(componentSelector, sizes, defaultProps.size)
     public size = defaultProps.size;
 
-    @property()
+    @property({ type: String })
     @validPropertyValues(componentSelector, variants, defaultProps.variant)
@@ -34,0 +34,0 @@ public variant = defaultProps.variant;

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

Improved metrics

Total package byte prevSize

20855

increased by0.16%

Dependency changes

• + Added@justeattakeaway/pie-webc-core@0.24.2(transitive)

• + Addedlit@3.2.0(transitive)

• - Removed@justeattakeaway/pie-webc-core@0.0.0-snapshot-release-20241016144556(transitive)

• - Removedlit@3.2.1(transitive)

• Updated@justeattakeaway/pie-webc-core@0.24.2