@justeattakeaway/pie-spinner
Advanced tools
Comparing version 0.5.4 to 0.5.5
import { unsafeCSS as b, LitElement as m, html as d, nothing as h } from "lit"; | ||
import { property as l } from "lit/decorators.js"; | ||
import { validPropertyValues as v, defineCustomElement as f } from "@justeattakeaway/pie-webc-core"; | ||
const z = `*,*:before,*:after{box-sizing:border-box}@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[variant=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[variant=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[size=xsmall]{--spinner-size: 16px}.c-spinner[size=small]{--spinner-size: 20px}.c-spinner[size=large]{--spinner-size: 32px}.c-spinner[size=xlarge]{--spinner-size: 48px}.c-spinner-label{position:absolute;display:block;height:1px;width:1px;overflow:hidden;padding:1px;white-space:nowrap} | ||
`, u = ["xsmall", "small", "medium", "large", "xlarge"], x = ["brand", "secondary", "inverse"]; | ||
var y = Object.defineProperty, g = Object.getOwnPropertyDescriptor, p = (i, n, s, r) => { | ||
for (var e = r > 1 ? void 0 : r ? g(n, s) : n, a = i.length - 1, t; a >= 0; a--) | ||
(t = i[a]) && (e = (r ? t(n, s, e) : t(e)) || e); | ||
return r && e && y(n, s, e), e; | ||
const z = `*,*: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[variant=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[variant=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[size=xsmall]{--spinner-size: 16px}.c-spinner[size=small]{--spinner-size: 20px}.c-spinner[size=large]{--spinner-size: 32px}.c-spinner[size=xlarge]{--spinner-size: 48px}.c-spinner-label{position:absolute;display:block;height:1px;width:1px;overflow:hidden;padding:1px;white-space:nowrap} | ||
`, u = ["xsmall", "small", "medium", "large", "xlarge"], y = ["brand", "secondary", "inverse"]; | ||
var x = Object.defineProperty, g = Object.getOwnPropertyDescriptor, p = (i, n, s, e) => { | ||
for (var r = e > 1 ? void 0 : e ? g(n, s) : n, a = i.length - 1, t; a >= 0; a--) | ||
(t = i[a]) && (r = (e ? t(n, s, r) : t(r)) || r); | ||
return e && r && x(n, s, r), r; | ||
}; | ||
@@ -17,3 +17,3 @@ const c = "pie-spinner"; | ||
render() { | ||
const { variant: n, size: s, aria: r } = this; | ||
const { variant: n, size: s, aria: e } = this; | ||
return d` | ||
@@ -27,3 +27,3 @@ <div | ||
variant="${n || "brand"}"> | ||
${r != null && r.label ? d`<span class="c-spinner-label">${r.label}</span>` : h} | ||
${e != null && e.label ? d`<span class="c-spinner-label">${e.label}</span>` : h} | ||
</div>`; | ||
@@ -42,3 +42,3 @@ } | ||
l(), | ||
v(c, x, "brand") | ||
v(c, y, "brand") | ||
], o.prototype, "variant", 2); | ||
@@ -49,3 +49,3 @@ f(c, o); | ||
u as sizes, | ||
x as variants | ||
y as variants | ||
}; |
{ | ||
"name": "@justeattakeaway/pie-spinner", | ||
"description": "PIE Design System Spinner built using Web Components", | ||
"version": "0.5.4", | ||
"version": "0.5.5", | ||
"type": "module", | ||
@@ -40,3 +40,3 @@ "main": "dist/index.js", | ||
"dependencies": { | ||
"@justeattakeaway/pie-webc-core": "0.19.0" | ||
"@justeattakeaway/pie-webc-core": "0.19.1" | ||
}, | ||
@@ -43,0 +43,0 @@ "volta": { |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
19354
+ Added@justeattakeaway/pie-webc-core@0.19.1(transitive)
+ Addedlit@3.1.2(transitive)
- Removed@justeattakeaway/pie-webc-core@0.19.0(transitive)
- Removedlit@3.1.1(transitive)