@justeattakeaway/pie-spinner 0.7.0 → 0.7.2

package/dist/index.js

@@ -1,32 +1,30 @@
-import { unsafeCSS as h, LitElement as m, html as d, nothing as f } from "lit";
-import { property as p } from "lit/decorators.js";
-import { classMap as u } from "lit/directives/class-map.js";
-import { validPropertyValues as b, defineCustomElement as z } from "@justeattakeaway/pie-webc-core";
-const y = `*,*: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"], g = ["brand", "secondary", "inverse"], o = {
+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 = {
   size: "medium",
   variant: "brand"
 };
-var w = Object.defineProperty, P = Object.getOwnPropertyDescriptor, c = (a, r, s, n) => {
-  for (var e = n > 1 ? void 0 : n ? P(r, s) : r, t = a.length - 1, l; t >= 0; t--)
-    (l = a[t]) && (e = (n ? l(r, s, e) : l(e)) || e);
-  return n && e && w(r, s, e), e;
+var $ = Object.defineProperty, t = (p, r, s, d) => {
+  for (var e = void 0, o = p.length - 1, v; o >= 0; o--)
+    (v = p[o]) && (e = v(r, s, e) || e);
+  return e && $(r, s, e), e;
 };
-const v = "pie-spinner";
-class i extends m {
+const l = "pie-spinner", c = class c extends m {
   constructor() {
-    super(...arguments), this.size = o.size, this.variant = o.variant;
+    super(...arguments), this.size = i.size, this.variant = i.variant;
   }
   render() {
-    const { variant: r, size: s } = this, n = {
+    const { variant: r, size: s } = this, d = {
       "c-spinner": !0,
       [`c-spinner--${s}`]: !0,
       [`c-spinner--${r}`]: !0
     };
-    return d`
+    return b`
             <div
                 data-test-id="pie-spinner"
-                class="${u(n)}"
+                class="${z(d)}"
                 role="status"
                 aria-live="polite">
                 ${this.renderAriaLabel()}
@@ -34,28 +32,29 @@ class i extends m {
   }
   renderAriaLabel() {
     var r;
-    return (r = this.aria) != null && r.label ? d`
+    return (r = this.aria) != null && r.label ? b`
         <span class="c-spinner-label">
             ${this.aria.label}
         </span>` : f;
   }
-}
-i.styles = h(y);
-c([
-  p({ type: Object })
-], i.prototype, "aria", 2);
-c([
-  p(),
-  b(v, x, o.size)
-], i.prototype, "size", 2);
-c([
-  p(),
-  b(v, g, o.variant)
-], i.prototype, "variant", 2);
-z(v, i);
+};
+c.styles = u(x);
+let n = c;
+t([
+  a({ type: Object })
+], n.prototype, "aria");
+t([
+  a(),
+  h(l, g, i.size)
+], n.prototype, "size");
+t([
+  a(),
+  h(l, w, i.variant)
+], n.prototype, "variant");
+y(l, n);
 export {
-  i as PieSpinner,
-  o as defaultProps,
-  x as sizes,
-  g as variants
+  n as PieSpinner,
+  i as defaultProps,
+  g as sizes,
+  w as variants
 };

package/dist/react.js

@@ -1,21 +1,17 @@
 import * as e from "react";
-import { createComponent as r } from "@lit/react";
-import { PieSpinner as i } from "./index.js";
-import { defaultProps as S, sizes as l, variants as d } from "./index.js";
-import "lit";
-import "lit/decorators.js";
-import "lit/directives/class-map.js";
-import "@justeattakeaway/pie-webc-core";
-const t = r({
+import { createComponent as n } from "@lit/react";
+import { PieSpinner as r } from "./index.js";
+import { defaultProps as m, sizes as c, variants as P } from "./index.js";
+const i = n({
   displayName: "PieSpinner",
-  elementClass: i,
+  elementClass: r,
   react: e,
   tagName: "pie-spinner",
   events: {}
-}), c = t;
+}), a = i;
 export {
-  c as PieSpinner,
-  S as defaultProps,
-  l as sizes,
-  d as variants
+  a as PieSpinner,
+  m as defaultProps,
+  c as sizes,
+  P as variants
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-spinner",
   "description": "PIE Design System Spinner built using Web Components",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -37,12 +37,12 @@
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.9.0",
     "@justeattakeaway/pie-components-config": "0.18.0",
-    "@justeattakeaway/pie-css": "0.12.1",
-    "@justeattakeaway/pie-wrapper-react": "0.14.1",
+    "@justeattakeaway/pie-css": "0.13.1",
+    "@justeattakeaway/pie-wrapper-react": "0.14.2",
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-webc-core": "0.24.0"
+    "@justeattakeaway/pie-webc-core": "0.24.2"
   },
   "volta": {
     "extends": "../../../package.json"

package/src/react.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
 import { PieSpinner as PieSpinnerLit } from './index';
-import { SpinnerProps } from './defs';
+import { type SpinnerProps } from './defs';
 
 export * from './defs';