Socket
Socket
Sign inDemoInstall

@contentful/f36-spinner

Package Overview
Dependencies
Maintainers
105
Versions
336
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@contentful/f36-spinner - npm Package Compare versions

Comparing version 4.0.1-next-v4-8093.2338 to 4.0.1-next-v4-8101.2339

2

dist/module.js

@@ -1,2 +0,2 @@

import a from"@babel/runtime/helpers/esm/extends";import{css as r,cx as t,keyframes as e}from"emotion";import s,{forwardRef as n}from"react";import l from"@contentful/f36-tokens";import{Box as m}from"@contentful/f36-core";const o={large:"36px",medium:"20px",small:"14px"},c={default:l.gray700,primary:l.colorPrimary,white:l.colorWhite},f=n((({className:n,customSize:l,size:f="medium",variant:i="default",testId:p="cf-ui-spinner",...x},d)=>{const u=(()=>{const a=e({name:"2hhwgy",styles:"0%{transform:scale(1,1);}6.666667%{transform:scale(1.5,0.5);}13.333333%{transform:scale(1,1);}26.666667%{transform:scale(1,1);}33.333333%{transform:scale(1,1);}40%{transform:scale(1,1);}53.333333%{transform:scale(1,1);}60%{transform:scale(1.5,0.5);}66.666667%{transform:scale(1,1);}100%{transform:scale(1,1);}"}),t=e({name:"1b94qny",styles:"0%{transform:scale(1,1);}13.333333%{transform:scale(1,1);}20%{transform:scale(1.5,0.5);}26.666667%{transform:scale(1,1);}40%{transform:scale(1,1);}46.666667%{transform:scale(1,1);}53.333333%{transform:scale(1,1);}66.666667%{transform:scale(1,1);}73.333333%{transform:scale(1.5,0.5);}80%{transform:scale(1,1);}100%{transform:scale(1,1);}"}),s=e({name:"1q9z2j0",styles:"0%{transform:scale(1,1);}26.666667%{transform:scale(1,1);}33.333333%{transform:scale(1.5,0.5);}40%{transform:scale(1,1);}53.333333%{transform:scale(1,1);}60%{transform:scale(1,1);}66.666667%{transform:scale(1,1);}80%{transform:scale(1,1);}86.666667%{transform:scale(1.5,0.5);}93.333333%{transform:scale(1,1);}100%{transform:scale(1,1);}"}),n=e({name:"piqegj",styles:"0%{transform:translate(10px,33.528168px);}6.666667%{transform:translate(10px,41.764084px);}13.333333%{transform:translate(10px,33.528168px);}26.666667%{transform:translate(10px,-2.651608px);}33.333333%{transform:translate(10px,-4.471832px);}40%{transform:translate(10px,-2.651608px);}53.333333%{transform:translate(10px,33.528168px);}60%{transform:translate(10px,41.764084px);}66.666667%{transform:translate(10px,33.528168px);}100%{transform:translate(10px,33.528168px);}"}),l=e({name:"1tc59mm",styles:"0%{transform:translate(30px,33.528168px);}13.333333%{transform:translate(30px,33.528168px);}20%{transform:translate(30px,41.764084px);}26.666667%{transform:translate(30px,33.528168px);}40%{transform:translate(30px,-2.651608px);}46.666667%{transform:translate(30px,-4.471832px);}53.333333%{transform:translate(30px,-2.651608px);}66.666667%{transform:translate(30px,33.528168px);}73.333333%{transform:translate(30px,41.764084px);}80%{transform:translate(30px,33.528168px);}100%{transform:translate(30px,33.528168px);}"}),m=e({name:"21uo4u",styles:"0%{transform:translate(50px,33.528168px);}26.666667%{transform:translate(50px,33.528168px);}33.333333%{transform:translate(50px,41.764084px);}40%{transform:translate(50px,33.528168px);}53.333333%{transform:translate(50px,-2.651608px);}60%{transform:translate(50px,-4.471832px);}66.666667%{transform:translate(50px,-2.651608px);}80%{transform:translate(50px,33.528168px);}86.666667%{transform:translate(50px,41.764084px);}93.333333%{transform:translate(50px,33.528168px);}100%{transform:translate(50px,33.528168px);}"});return{root:a=>r({height:a.customSize?`${a.customSize}px`:void 0,verticalAlign:"middle",width:a.customSize?`${a.customSize}px`:o[a.size]},""),circle1Scale:r({animation:`${a} 1s linear infinite normal forwards;`},""),circle2Scale:r({animation:`${t} 1s linear infinite normal forwards;`},""),circle3Scale:r({animation:`${s} 1s linear infinite normal forwards;`},""),circle1Translate:r({animation:`${n} 1s linear infinite normal forwards;`},""),circle2Translate:r({animation:`${l} 1s linear infinite normal forwards;`},""),circle3Translate:r({animation:`${m} 1s linear infinite normal forwards;`},"")}})();return s.createElement(m,a({as:"div",display:"inline-block"},x,{className:t(u.root({size:f,customSize:l}),n),ref:d,testId:p}),s.createElement("svg",{className:r({display:"block",fill:c[i]},""),viewBox:"0 0 60 51",xmlns:"http://www.w3.org/2000/svg"},s.createElement("title",null,"Loading…"),s.createElement("g",{className:u.circle1Translate,transform:"translate(10,33.528168)"},s.createElement("g",{className:u.circle1Scale},s.createElement("circle",{r:"6",transform:"translate(0,10.471832)"}))),s.createElement("g",{className:u.circle2Translate,transform:"translate(30,33.528168)"},s.createElement("g",{className:u.circle2Scale},s.createElement("circle",{r:"6",transform:"translate(0,10.471832)"}))),s.createElement("g",{className:u.circle3Translate,transform:"translate(50,33.528168)"},s.createElement("g",{className:u.circle3Scale},s.createElement("circle",{r:"6",transform:"translate(0,10.471832)"})))))}));f.displayName="Spinner";export{f as Spinner};
import a from"@babel/runtime/helpers/esm/extends";import{cx as r,css as t,keyframes as e}from"emotion";import s,{forwardRef as n}from"react";import l from"@contentful/f36-tokens";import{Box as m}from"@contentful/f36-core";const o={large:"36px",medium:"20px",small:"14px"},c={default:l.gray700,primary:l.colorPrimary,white:l.colorWhite},f=n((({className:n,customSize:l,size:f="medium",variant:i="default",testId:p="cf-ui-spinner",...x},d)=>{const u=(()=>{const a=e({name:"2hhwgy",styles:"0%{transform:scale(1,1);}6.666667%{transform:scale(1.5,0.5);}13.333333%{transform:scale(1,1);}26.666667%{transform:scale(1,1);}33.333333%{transform:scale(1,1);}40%{transform:scale(1,1);}53.333333%{transform:scale(1,1);}60%{transform:scale(1.5,0.5);}66.666667%{transform:scale(1,1);}100%{transform:scale(1,1);}"}),r=e({name:"1b94qny",styles:"0%{transform:scale(1,1);}13.333333%{transform:scale(1,1);}20%{transform:scale(1.5,0.5);}26.666667%{transform:scale(1,1);}40%{transform:scale(1,1);}46.666667%{transform:scale(1,1);}53.333333%{transform:scale(1,1);}66.666667%{transform:scale(1,1);}73.333333%{transform:scale(1.5,0.5);}80%{transform:scale(1,1);}100%{transform:scale(1,1);}"}),s=e({name:"1q9z2j0",styles:"0%{transform:scale(1,1);}26.666667%{transform:scale(1,1);}33.333333%{transform:scale(1.5,0.5);}40%{transform:scale(1,1);}53.333333%{transform:scale(1,1);}60%{transform:scale(1,1);}66.666667%{transform:scale(1,1);}80%{transform:scale(1,1);}86.666667%{transform:scale(1.5,0.5);}93.333333%{transform:scale(1,1);}100%{transform:scale(1,1);}"}),n=e({name:"piqegj",styles:"0%{transform:translate(10px,33.528168px);}6.666667%{transform:translate(10px,41.764084px);}13.333333%{transform:translate(10px,33.528168px);}26.666667%{transform:translate(10px,-2.651608px);}33.333333%{transform:translate(10px,-4.471832px);}40%{transform:translate(10px,-2.651608px);}53.333333%{transform:translate(10px,33.528168px);}60%{transform:translate(10px,41.764084px);}66.666667%{transform:translate(10px,33.528168px);}100%{transform:translate(10px,33.528168px);}"}),l=e({name:"1tc59mm",styles:"0%{transform:translate(30px,33.528168px);}13.333333%{transform:translate(30px,33.528168px);}20%{transform:translate(30px,41.764084px);}26.666667%{transform:translate(30px,33.528168px);}40%{transform:translate(30px,-2.651608px);}46.666667%{transform:translate(30px,-4.471832px);}53.333333%{transform:translate(30px,-2.651608px);}66.666667%{transform:translate(30px,33.528168px);}73.333333%{transform:translate(30px,41.764084px);}80%{transform:translate(30px,33.528168px);}100%{transform:translate(30px,33.528168px);}"}),m=e({name:"21uo4u",styles:"0%{transform:translate(50px,33.528168px);}26.666667%{transform:translate(50px,33.528168px);}33.333333%{transform:translate(50px,41.764084px);}40%{transform:translate(50px,33.528168px);}53.333333%{transform:translate(50px,-2.651608px);}60%{transform:translate(50px,-4.471832px);}66.666667%{transform:translate(50px,-2.651608px);}80%{transform:translate(50px,33.528168px);}86.666667%{transform:translate(50px,41.764084px);}93.333333%{transform:translate(50px,33.528168px);}100%{transform:translate(50px,33.528168px);}"});return{root:a=>t({height:a.customSize?`${a.customSize}px`:void 0,verticalAlign:"middle",width:a.customSize?`${a.customSize}px`:o[a.size]},""),circle1Scale:t({animation:`${a} 1s linear infinite normal forwards;`},""),circle2Scale:t({animation:`${r} 1s linear infinite normal forwards;`},""),circle3Scale:t({animation:`${s} 1s linear infinite normal forwards;`},""),circle1Translate:t({animation:`${n} 1s linear infinite normal forwards;`},""),circle2Translate:t({animation:`${l} 1s linear infinite normal forwards;`},""),circle3Translate:t({animation:`${m} 1s linear infinite normal forwards;`},"")}})();return s.createElement(m,a({as:"div",display:"inline-block"},x,{className:r(u.root({size:f,customSize:l}),n),ref:d,testId:p}),s.createElement("svg",{className:t({display:"block",fill:c[i]},""),viewBox:"0 0 60 51",xmlns:"http://www.w3.org/2000/svg"},s.createElement("title",null,"Loading…"),s.createElement("g",{className:u.circle1Translate,transform:"translate(10,33.528168)"},s.createElement("g",{className:u.circle1Scale},s.createElement("circle",{r:"6",transform:"translate(0,10.471832)"}))),s.createElement("g",{className:u.circle2Translate,transform:"translate(30,33.528168)"},s.createElement("g",{className:u.circle2Scale},s.createElement("circle",{r:"6",transform:"translate(0,10.471832)"}))),s.createElement("g",{className:u.circle3Translate,transform:"translate(50,33.528168)"},s.createElement("g",{className:u.circle3Scale},s.createElement("circle",{r:"6",transform:"translate(0,10.471832)"})))))}));f.displayName="Spinner";export{f as Spinner};
//# sourceMappingURL=module.js.map
{
"name": "@contentful/f36-spinner",
"version": "4.0.1-next-v4-8093.2338+03d606d3",
"version": "4.0.1-next-v4-8101.2339+fc73436b",
"description": "Forma 36: Spinner Component",

@@ -10,8 +10,8 @@ "scripts": {

"@babel/runtime": "^7.6.2",
"@contentful/f36-core": "4.0.1-next-v4-8093.2338+03d606d3",
"@contentful/f36-tokens": "4.0.1-next-v4-8093.2338+03d606d3",
"@contentful/f36-core": "4.0.1-next-v4-8101.2339+fc73436b",
"@contentful/f36-tokens": "4.0.1-next-v4-8101.2339+fc73436b",
"emotion": "^10.0.17"
},
"devDependencies": {
"@contentful/f36-typography": "4.0.1-next-v4-8093.2338+03d606d3"
"@contentful/f36-typography": "4.0.1-next-v4-8101.2339+fc73436b"
},

@@ -39,3 +39,3 @@ "peerDependencies": {

},
"gitHead": "03d606d387a2c3d4a860bd36b3b0fc14e385e992"
"gitHead": "fc73436bf00bd5ee2522752d6af44a2e3aab807e"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc