@justeattakeaway/pie-spinner 1.4.15 → 1.4.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +2 -2
  2. package/package.json +9 -12
  3. package/src/react.ts +0 -0
package/dist/index.js CHANGED
@@ -7,9 +7,9 @@ const a = class a extends m {
7
7
  this.getAttribute("v") || this.setAttribute("v", a.v);
8
8
  }
9
9
  };
10
- a.v = "1.4.15";
10
+ a.v = "1.4.17";
11
11
  let d = a;
12
- const x = "*,*:after,*:before{box-sizing:inherit}:host{display:block}@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-solid-h);--spinner-base-color-s: var(--dt-color-content-brand-solid-s);--spinner-base-color-l: var(--dt-color-content-brand-solid-l)}.c-spinner.c-spinner--secondary{--spinner-base-color-h: var(--dt-color-content-interactive-secondary-solid-h);--spinner-base-color-s: var(--dt-color-content-interactive-secondary-solid-s);--spinner-base-color-l: var(--dt-color-content-interactive-secondary-solid-l)}.c-spinner.c-spinner--secondary-dark{--spinner-base-color-h: var(--dt-color-content-interactive-dark-solid-h);--spinner-base-color-s: var(--dt-color-content-interactive-dark-solid-s);--spinner-base-color-l: var(--dt-color-content-interactive-dark-solid-l)}.c-spinner.c-spinner--inverse{--spinner-base-color-h: var(--dt-color-content-inverse-solid-h);--spinner-base-color-s: var(--dt-color-content-inverse-solid-s);--spinner-base-color-l: var(--dt-color-content-inverse-solid-l)}.c-spinner.c-spinner--inverse-light{--spinner-base-color-h: var(--dt-color-content-light-solid-h);--spinner-base-color-s: var(--dt-color-content-light-solid-s);--spinner-base-color-l: var(--dt-color-content-light-solid-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}", w = ["xsmall", "small", "medium", "large", "xlarge"], S = ["brand", "secondary", "secondary-dark", "inverse", "inverse-light"], t = {
12
+ const x = "*,*:after,*:before{box-sizing:inherit}:host{display:block}@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-solid-h);--spinner-base-color-s: var(--dt-color-content-brand-solid-s);--spinner-base-color-l: var(--dt-color-content-brand-solid-l)}.c-spinner.c-spinner--secondary{--spinner-base-color-h: var(--dt-color-content-interactive-secondary-solid-h);--spinner-base-color-s: var(--dt-color-content-interactive-secondary-solid-s);--spinner-base-color-l: var(--dt-color-content-interactive-secondary-solid-l)}.c-spinner.c-spinner--secondary-dark{--spinner-base-color-h: var(--dt-color-content-interactive-dark-solid-h);--spinner-base-color-s: var(--dt-color-content-interactive-dark-solid-s);--spinner-base-color-l: var(--dt-color-content-interactive-dark-solid-l)}.c-spinner.c-spinner--inverse{--spinner-base-color-h: var(--dt-color-content-inverse-solid-h);--spinner-base-color-s: var(--dt-color-content-inverse-solid-s);--spinner-base-color-l: var(--dt-color-content-inverse-solid-l)}.c-spinner.c-spinner--inverse-light{--spinner-base-color-h: var(--dt-color-content-light-solid-h);--spinner-base-color-s: var(--dt-color-content-light-solid-s);--spinner-base-color-l: var(--dt-color-content-light-solid-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;border:0;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;clip:rect(0,0,0,0);clip-path:inset(50%)}.c-spinner-label *{overflow:hidden}", w = ["xsmall", "small", "medium", "large", "xlarge"], S = ["brand", "secondary", "secondary-dark", "inverse", "inverse-light"], t = {
13
13
  size: "medium",
14
14
  variant: "brand"
15
15
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@justeattakeaway/pie-spinner",
3
3
  "description": "PIE Design System Spinner built using Web Components",
4
- "version": "1.4.15",
4
+ "version": "1.4.17",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/justeattakeaway/pie",
@@ -28,31 +28,28 @@
28
28
  },
29
29
  "scripts": {
30
30
  "build": "run -T vite build",
31
- "build:react-wrapper": "npx build-react-wrapper",
31
+ "build:react-wrapper": "run -T build-react-wrapper",
32
32
  "create:manifest": "run -T cem analyze --litelement",
33
33
  "lint:scripts": "run -T eslint .",
34
34
  "lint:scripts:fix": "yarn lint:scripts --fix",
35
35
  "lint:style": "run -T stylelint ./src/**/*.{css,scss}",
36
36
  "lint:style:fix": "yarn lint:style --fix",
37
37
  "watch": "run -T vite build --watch",
38
- "test:browsers": "npx playwright test -c ./playwright-lit.config.ts",
38
+ "test:browsers": "run -T playwright test -c ./playwright-lit.config.ts",
39
39
  "test:browsers:ci": "yarn test:browsers",
40
- "test:visual": "run -T cross-env-shell PERCY_TOKEN=${PERCY_TOKEN_PIE_SPINNER} percy exec --allowed-hostname cloudfront.net -- npx playwright test -c ./playwright-lit-visual.config.ts",
40
+ "test:visual": "run -T cross-env-shell PERCY_TOKEN=${PERCY_TOKEN_PIE_SPINNER} percy exec --allowed-hostname cloudfront.net -- run -T playwright test -c ./playwright-lit-visual.config.ts",
41
41
  "test:visual:ci": "yarn test:visual"
42
42
  },
43
43
  "author": "Just Eat Takeaway.com - Design System Team",
44
44
  "license": "Apache-2.0",
45
45
  "devDependencies": {
46
- "@justeattakeaway/pie-components-config": "0.21.2",
47
- "@justeattakeaway/pie-css": "1.1.1",
48
- "@justeattakeaway/pie-monorepo-utils": "0.9.1",
49
- "@justeattakeaway/pie-wrapper-react": "0.14.4"
46
+ "@justeattakeaway/pie-components-config": "0.21.3",
47
+ "@justeattakeaway/pie-css": "1.2.0",
48
+ "@justeattakeaway/pie-monorepo-utils": "0.9.5",
49
+ "@justeattakeaway/pie-wrapper-react": "0.14.5"
50
50
  },
51
51
  "dependencies": {
52
- "@justeattakeaway/pie-webc-core": "14.0.1"
53
- },
54
- "volta": {
55
- "extends": "../../../package.json"
52
+ "@justeattakeaway/pie-webc-core": "15.0.0"
56
53
  },
57
54
  "customElements": "custom-elements.json",
58
55
  "sideEffects": [
package/src/react.ts CHANGED
File without changes