@mirohq/design-system-spinner 1.1.4 → 1.1.6
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.
- package/dist/main.js.map +1 -1
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +1 -2
- package/package.json +4 -5
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sources":["../src/spinner.styled.tsx","../src/spinner.tsx"],"sourcesContent":["import { Primitive } from '@mirohq/design-system-primitive'\nimport { styled, keyframes } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nconst rotateAnimation = keyframes({\n '100%': { transform: 'rotate(360deg)' },\n})\n\nconst strokeAnimation = keyframes({\n '0%': {\n strokeDasharray: '1, 200',\n strokeDashoffset: 0,\n },\n '50%': {\n strokeDasharray: '89, 200',\n strokeDashoffset: '-35px',\n },\n '100%': {\n strokeDasharray: '89, 200',\n strokeDashoffset: '-124px',\n },\n})\n\nexport const StyledSpinner = styled(Primitive.svg, {\n display: 'block',\n animation: 'rotate 2s linear infinite',\n transformOrigin: 'center center',\n stroke: 'currentColor',\n '@media (prefers-reduced-motion: no-preference)': {\n animationName: rotateAnimation,\n },\n '& [id=circle]': {\n fill: 'none',\n strokeMiterlimit: '10',\n strokeDasharray: '1, 200',\n strokeDashoffset: 0,\n animation: 'animate 1.5s ease-in-out infinite',\n strokeLinecap: 'round',\n '@media (prefers-reduced-motion: no-preference)': {\n animationName: strokeAnimation,\n },\n },\n variants: {\n size: {\n small: {\n width: '$4',\n height: '$4',\n '& [id=circle]': {\n strokeWidth: '6px',\n },\n },\n medium: {\n width: '$6',\n height: '$6',\n '& [id=circle]': {\n strokeWidth: '4px',\n },\n },\n },\n },\n})\n\nexport type StyledSpinnerProps = StrictComponentProps<typeof StyledSpinner>\n","import React from 'react'\nimport type { ElementRef } from 'react'\
|
|
1
|
+
{"version":3,"file":"main.js","sources":["../src/spinner.styled.tsx","../src/spinner.tsx"],"sourcesContent":["import { Primitive } from '@mirohq/design-system-primitive'\nimport { styled, keyframes } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nconst rotateAnimation = keyframes({\n '100%': { transform: 'rotate(360deg)' },\n})\n\nconst strokeAnimation = keyframes({\n '0%': {\n strokeDasharray: '1, 200',\n strokeDashoffset: 0,\n },\n '50%': {\n strokeDasharray: '89, 200',\n strokeDashoffset: '-35px',\n },\n '100%': {\n strokeDasharray: '89, 200',\n strokeDashoffset: '-124px',\n },\n})\n\nexport const StyledSpinner = styled(Primitive.svg, {\n display: 'block',\n animation: 'rotate 2s linear infinite',\n transformOrigin: 'center center',\n stroke: 'currentColor',\n '@media (prefers-reduced-motion: no-preference)': {\n animationName: rotateAnimation,\n },\n '& [id=circle]': {\n fill: 'none',\n strokeMiterlimit: '10',\n strokeDasharray: '1, 200',\n strokeDashoffset: 0,\n animation: 'animate 1.5s ease-in-out infinite',\n strokeLinecap: 'round',\n '@media (prefers-reduced-motion: no-preference)': {\n animationName: strokeAnimation,\n },\n },\n variants: {\n size: {\n small: {\n width: '$4',\n height: '$4',\n '& [id=circle]': {\n strokeWidth: '6px',\n },\n },\n medium: {\n width: '$6',\n height: '$6',\n '& [id=circle]': {\n strokeWidth: '4px',\n },\n },\n },\n },\n})\n\nexport type StyledSpinnerProps = StrictComponentProps<typeof StyledSpinner>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledSpinner } from './spinner.styled'\nimport type { StyledSpinnerProps } from './spinner.styled'\n\nexport interface SpinnerProps\n extends Omit<StyledSpinnerProps, keyof StyledSpinnerProps> {\n /**\n * The size of the spinner.\n */\n size?: StyledSpinnerProps['size']\n}\n\nexport const Spinner = React.forwardRef<\n ElementRef<typeof StyledSpinner>,\n SpinnerProps\n>(({ size = 'medium', ...restProps }, forwardRef) => (\n <StyledSpinner\n {...restProps}\n viewBox='25 25 50 50'\n size={size}\n ref={forwardRef}\n >\n <circle id='circle' cx='50' cy='50' r='20' />\n </StyledSpinner>\n))\n"],"names":["keyframes","styled","Primitive","React"],"mappings":";;;;;;;;;;;;AAIA,MAAM,kBAAkBA,8BAAU,CAAA;AAAA,EAChC,MAAA,EAAQ,EAAE,SAAA,EAAW,gBAAiB,EAAA;AACxC,CAAC,CAAA,CAAA;AAED,MAAM,kBAAkBA,8BAAU,CAAA;AAAA,EAChC,IAAM,EAAA;AAAA,IACJ,eAAiB,EAAA,QAAA;AAAA,IACjB,gBAAkB,EAAA,CAAA;AAAA,GACpB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,eAAiB,EAAA,SAAA;AAAA,IACjB,gBAAkB,EAAA,OAAA;AAAA,GACpB;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,eAAiB,EAAA,SAAA;AAAA,IACjB,gBAAkB,EAAA,QAAA;AAAA,GACpB;AACF,CAAC,CAAA,CAAA;AAEY,MAAA,aAAA,GAAgBC,2BAAO,CAAAC,+BAAA,CAAU,GAAK,EAAA;AAAA,EACjD,OAAS,EAAA,OAAA;AAAA,EACT,SAAW,EAAA,2BAAA;AAAA,EACX,eAAiB,EAAA,eAAA;AAAA,EACjB,MAAQ,EAAA,cAAA;AAAA,EACR,gDAAkD,EAAA;AAAA,IAChD,aAAe,EAAA,eAAA;AAAA,GACjB;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,gBAAkB,EAAA,IAAA;AAAA,IAClB,eAAiB,EAAA,QAAA;AAAA,IACjB,gBAAkB,EAAA,CAAA;AAAA,IAClB,SAAW,EAAA,mCAAA;AAAA,IACX,aAAe,EAAA,OAAA;AAAA,IACf,gDAAkD,EAAA;AAAA,MAChD,aAAe,EAAA,eAAA;AAAA,KACjB;AAAA,GACF;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA;AAAA,QACL,KAAO,EAAA,IAAA;AAAA,QACP,MAAQ,EAAA,IAAA;AAAA,QACR,eAAiB,EAAA;AAAA,UACf,WAAa,EAAA,KAAA;AAAA,SACf;AAAA,OACF;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,KAAO,EAAA,IAAA;AAAA,QACP,MAAQ,EAAA,IAAA;AAAA,QACR,eAAiB,EAAA;AAAA,UACf,WAAa,EAAA,KAAA;AAAA,SACf;AAAA,OACF;AAAA,KACF;AAAA,GACF;AACF,CAAC,CAAA;;AC9CY,MAAA,OAAA,GAAUC,yBAAM,CAAA,UAAA,CAG3B,CAAC,EAAE,OAAO,QAAa,EAAA,GAAA,SAAA,EAAa,EAAA,UAAA,qBACnCA,yBAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,EACE,GAAG,SAAA;AAAA,EACJ,OAAQ,EAAA,aAAA;AAAA,EACR,IAAA;AAAA,EACA,GAAK,EAAA,UAAA;AAAA,CAAA,kBAEJA,yBAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,EAAO,EAAG,EAAA,QAAA;AAAA,EAAS,EAAG,EAAA,IAAA;AAAA,EAAK,EAAG,EAAA,IAAA;AAAA,EAAK,CAAE,EAAA,IAAA;AAAA,CAAK,CAC7C,CACD;;;;"}
|
package/dist/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"module.js","sources":["../src/spinner.styled.tsx","../src/spinner.tsx"],"sourcesContent":["import { Primitive } from '@mirohq/design-system-primitive'\nimport { styled, keyframes } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nconst rotateAnimation = keyframes({\n '100%': { transform: 'rotate(360deg)' },\n})\n\nconst strokeAnimation = keyframes({\n '0%': {\n strokeDasharray: '1, 200',\n strokeDashoffset: 0,\n },\n '50%': {\n strokeDasharray: '89, 200',\n strokeDashoffset: '-35px',\n },\n '100%': {\n strokeDasharray: '89, 200',\n strokeDashoffset: '-124px',\n },\n})\n\nexport const StyledSpinner = styled(Primitive.svg, {\n display: 'block',\n animation: 'rotate 2s linear infinite',\n transformOrigin: 'center center',\n stroke: 'currentColor',\n '@media (prefers-reduced-motion: no-preference)': {\n animationName: rotateAnimation,\n },\n '& [id=circle]': {\n fill: 'none',\n strokeMiterlimit: '10',\n strokeDasharray: '1, 200',\n strokeDashoffset: 0,\n animation: 'animate 1.5s ease-in-out infinite',\n strokeLinecap: 'round',\n '@media (prefers-reduced-motion: no-preference)': {\n animationName: strokeAnimation,\n },\n },\n variants: {\n size: {\n small: {\n width: '$4',\n height: '$4',\n '& [id=circle]': {\n strokeWidth: '6px',\n },\n },\n medium: {\n width: '$6',\n height: '$6',\n '& [id=circle]': {\n strokeWidth: '4px',\n },\n },\n },\n },\n})\n\nexport type StyledSpinnerProps = StrictComponentProps<typeof StyledSpinner>\n","import React from 'react'\nimport type { ElementRef } from 'react'\
|
|
1
|
+
{"version":3,"file":"module.js","sources":["../src/spinner.styled.tsx","../src/spinner.tsx"],"sourcesContent":["import { Primitive } from '@mirohq/design-system-primitive'\nimport { styled, keyframes } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nconst rotateAnimation = keyframes({\n '100%': { transform: 'rotate(360deg)' },\n})\n\nconst strokeAnimation = keyframes({\n '0%': {\n strokeDasharray: '1, 200',\n strokeDashoffset: 0,\n },\n '50%': {\n strokeDasharray: '89, 200',\n strokeDashoffset: '-35px',\n },\n '100%': {\n strokeDasharray: '89, 200',\n strokeDashoffset: '-124px',\n },\n})\n\nexport const StyledSpinner = styled(Primitive.svg, {\n display: 'block',\n animation: 'rotate 2s linear infinite',\n transformOrigin: 'center center',\n stroke: 'currentColor',\n '@media (prefers-reduced-motion: no-preference)': {\n animationName: rotateAnimation,\n },\n '& [id=circle]': {\n fill: 'none',\n strokeMiterlimit: '10',\n strokeDasharray: '1, 200',\n strokeDashoffset: 0,\n animation: 'animate 1.5s ease-in-out infinite',\n strokeLinecap: 'round',\n '@media (prefers-reduced-motion: no-preference)': {\n animationName: strokeAnimation,\n },\n },\n variants: {\n size: {\n small: {\n width: '$4',\n height: '$4',\n '& [id=circle]': {\n strokeWidth: '6px',\n },\n },\n medium: {\n width: '$6',\n height: '$6',\n '& [id=circle]': {\n strokeWidth: '4px',\n },\n },\n },\n },\n})\n\nexport type StyledSpinnerProps = StrictComponentProps<typeof StyledSpinner>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledSpinner } from './spinner.styled'\nimport type { StyledSpinnerProps } from './spinner.styled'\n\nexport interface SpinnerProps\n extends Omit<StyledSpinnerProps, keyof StyledSpinnerProps> {\n /**\n * The size of the spinner.\n */\n size?: StyledSpinnerProps['size']\n}\n\nexport const Spinner = React.forwardRef<\n ElementRef<typeof StyledSpinner>,\n SpinnerProps\n>(({ size = 'medium', ...restProps }, forwardRef) => (\n <StyledSpinner\n {...restProps}\n viewBox='25 25 50 50'\n size={size}\n ref={forwardRef}\n >\n <circle id='circle' cx='50' cy='50' r='20' />\n </StyledSpinner>\n))\n"],"names":[],"mappings":";;;;AAIA,MAAM,kBAAkB,SAAU,CAAA;AAAA,EAChC,MAAA,EAAQ,EAAE,SAAA,EAAW,gBAAiB,EAAA;AACxC,CAAC,CAAA,CAAA;AAED,MAAM,kBAAkB,SAAU,CAAA;AAAA,EAChC,IAAM,EAAA;AAAA,IACJ,eAAiB,EAAA,QAAA;AAAA,IACjB,gBAAkB,EAAA,CAAA;AAAA,GACpB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,eAAiB,EAAA,SAAA;AAAA,IACjB,gBAAkB,EAAA,OAAA;AAAA,GACpB;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,eAAiB,EAAA,SAAA;AAAA,IACjB,gBAAkB,EAAA,QAAA;AAAA,GACpB;AACF,CAAC,CAAA,CAAA;AAEY,MAAA,aAAA,GAAgB,MAAO,CAAA,SAAA,CAAU,GAAK,EAAA;AAAA,EACjD,OAAS,EAAA,OAAA;AAAA,EACT,SAAW,EAAA,2BAAA;AAAA,EACX,eAAiB,EAAA,eAAA;AAAA,EACjB,MAAQ,EAAA,cAAA;AAAA,EACR,gDAAkD,EAAA;AAAA,IAChD,aAAe,EAAA,eAAA;AAAA,GACjB;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,gBAAkB,EAAA,IAAA;AAAA,IAClB,eAAiB,EAAA,QAAA;AAAA,IACjB,gBAAkB,EAAA,CAAA;AAAA,IAClB,SAAW,EAAA,mCAAA;AAAA,IACX,aAAe,EAAA,OAAA;AAAA,IACf,gDAAkD,EAAA;AAAA,MAChD,aAAe,EAAA,eAAA;AAAA,KACjB;AAAA,GACF;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA;AAAA,QACL,KAAO,EAAA,IAAA;AAAA,QACP,MAAQ,EAAA,IAAA;AAAA,QACR,eAAiB,EAAA;AAAA,UACf,WAAa,EAAA,KAAA;AAAA,SACf;AAAA,OACF;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,KAAO,EAAA,IAAA;AAAA,QACP,MAAQ,EAAA,IAAA;AAAA,QACR,eAAiB,EAAA;AAAA,UACf,WAAa,EAAA,KAAA;AAAA,SACf;AAAA,OACF;AAAA,KACF;AAAA,GACF;AACF,CAAC,CAAA;;AC9CY,MAAA,OAAA,GAAU,KAAM,CAAA,UAAA,CAG3B,CAAC,EAAE,OAAO,QAAa,EAAA,GAAA,SAAA,EAAa,EAAA,UAAA,qBACnC,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,EACE,GAAG,SAAA;AAAA,EACJ,OAAQ,EAAA,aAAA;AAAA,EACR,IAAA;AAAA,EACA,GAAK,EAAA,UAAA;AAAA,CAAA,kBAEJ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,EAAO,EAAG,EAAA,QAAA;AAAA,EAAS,EAAG,EAAA,IAAA;AAAA,EAAK,EAAG,EAAA,IAAA;AAAA,EAAK,CAAE,EAAA,IAAA;AAAA,CAAK,CAC7C,CACD;;;;"}
|
package/dist/types.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import react__default from 'react';
|
|
3
|
-
import { ScaleProp } from '@mirohq/design-system-types';
|
|
4
3
|
import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
|
|
5
4
|
import { StrictComponentProps } from '@mirohq/design-system-stitches';
|
|
6
5
|
import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
|
|
@@ -446,7 +445,7 @@ interface SpinnerProps extends Omit<StyledSpinnerProps, keyof StyledSpinnerProps
|
|
|
446
445
|
/**
|
|
447
446
|
* The size of the spinner.
|
|
448
447
|
*/
|
|
449
|
-
size?:
|
|
448
|
+
size?: StyledSpinnerProps['size'];
|
|
450
449
|
}
|
|
451
450
|
declare const Spinner: react__default.ForwardRefExoticComponent<SpinnerProps & react__default.RefAttributes<SVGSVGElement>>;
|
|
452
451
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-spinner",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.6",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -26,13 +26,12 @@
|
|
|
26
26
|
"react": "^16.14 || ^17 || ^18"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@mirohq/design-system-
|
|
29
|
+
"@mirohq/design-system-stitches": "^2.2.2",
|
|
30
30
|
"@mirohq/design-tokens": "^2.3.1",
|
|
31
|
-
"@mirohq/design-system-
|
|
32
|
-
"@mirohq/design-system-types": "^0.4.0"
|
|
31
|
+
"@mirohq/design-system-primitive": "^1.1.0"
|
|
33
32
|
},
|
|
34
33
|
"devDependencies": {
|
|
35
|
-
"@mirohq/design-system-flex": "^2.1.
|
|
34
|
+
"@mirohq/design-system-flex": "^2.1.6"
|
|
36
35
|
},
|
|
37
36
|
"scripts": {
|
|
38
37
|
"build": "rollup -c ../../../rollup.config.js",
|