Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@justeattakeaway/pie-spinner
Advanced tools
@justeattakeaway/pie-spinner - npm Package Compare versions
Comparing version 0.0.0-snapshot-release-20240619133108 to 0.0.0-snapshot-release-20240709100447
@@ -1,2 +0,2 @@ | ||
| import { ComponentDefaultPropsGeneric } from '@justeattakeaway/pie-webc-core'; | ||
| import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core'; | ||
| import type { CSSResult } from 'lit'; | ||
@@ -10,3 +10,3 @@ import type { LitElement } from 'lit'; | ||
| export declare type DefaultProps = ComponentDefaultPropsGeneric<SpinnerProps, 'size' | 'variant'>; | ||
| export declare type DefaultProps = ComponentDefaultProps<SpinnerProps, keyof Omit<SpinnerProps, 'aria'>>; | ||
@@ -13,0 +13,0 @@ export declare const defaultProps: DefaultProps; |
| import { unsafeCSS as h, LitElement as m, html as d, nothing as z } from "lit"; | ||
| import { property as p } from "lit/decorators.js"; | ||
| import { validPropertyValues as b, defineCustomElement as f } from "@justeattakeaway/pie-webc-core"; | ||
| const u = `*,*: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);--spinner-animation-speed: 1.15s;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 var(--spinner-animation-speed) 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} | ||
| const u = `*,*: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} | ||
| `, y = ["xsmall", "small", "medium", "large", "xlarge"], x = ["brand", "secondary", "inverse"], o = { | ||
@@ -6,0 +6,0 @@ size: "medium", |
@@ -1,2 +0,2 @@ | ||
| import { ComponentDefaultPropsGeneric } from '@justeattakeaway/pie-webc-core'; | ||
| import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core'; | ||
| import type { CSSResult } from 'lit'; | ||
@@ -11,3 +11,3 @@ import type { LitElement } from 'lit'; | ||
| export declare type DefaultProps = ComponentDefaultPropsGeneric<SpinnerProps, 'size' | 'variant'>; | ||
| export declare type DefaultProps = ComponentDefaultProps<SpinnerProps, keyof Omit<SpinnerProps, 'aria'>>; | ||
@@ -14,0 +14,0 @@ export declare const defaultProps: DefaultProps; |
| { | ||
| "name": "@justeattakeaway/pie-spinner", | ||
| "description": "PIE Design System Spinner built using Web Components", | ||
| "version": "0.0.0-snapshot-release-20240619133108", | ||
| "version": "0.0.0-snapshot-release-20240709100447", | ||
| "type": "module", | ||
@@ -44,3 +44,3 @@ "main": "dist/index.js", | ||
| "dependencies": { | ||
| "@justeattakeaway/pie-webc-core": "0.23.0" | ||
| "@justeattakeaway/pie-webc-core": "0.0.0-snapshot-release-20240709100447" | ||
| }, | ||
@@ -47,0 +47,0 @@ "volta": { |
@@ -1,2 +0,2 @@ | ||
| import { type ComponentDefaultPropsGeneric } from '@justeattakeaway/pie-webc-core'; | ||
| import { type ComponentDefaultProps } from '@justeattakeaway/pie-webc-core'; | ||
@@ -25,3 +25,4 @@ export const sizes = ['xsmall', 'small', 'medium', 'large', 'xlarge'] as const; | ||
| export type DefaultProps = ComponentDefaultPropsGeneric<SpinnerProps, 'size' | 'variant'>; | ||
| export type DefaultProps = ComponentDefaultProps<SpinnerProps, keyof Omit<SpinnerProps, 'aria'>>; | ||
| export const defaultProps: DefaultProps = { | ||
@@ -28,0 +29,0 @@ size: 'medium', |
Sorry, the diff of this file is not supported yet
New alerts
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
Fixed alerts
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
Worsened metrics
- Total package byte prevSize
- decreased by-0.43%
20637
Dependency changes
+ Added@justeattakeaway/pie-webc-core@0.0.0-snapshot-release-20240709100447(transitive)
- Removed@justeattakeaway/pie-webc-core@0.23.0(transitive)
Updated@justeattakeaway/pie-webc-core@0.0.0-snapshot-release-20240709100447