Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@atlaskit/spinner

Package Overview
Dependencies
Maintainers
1
Versions
151
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@atlaskit/spinner - npm Package Compare versions

Comparing version 12.1.1 to 12.1.2

61

CHANGELOG.md
# @atlaskit/spinner
## 12.1.2
### Patch Changes
- [patch][d222c2b987](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d222c2b987):
Theme has been converted to Typescript. Typescript consumers will now get static type safety. Flow types are no longer provided.
### Breaking
** getTokens props changes **
When defining the value function passed into a ThemeProvider, the getTokens parameter cannot be called without props; if no props are provided an empty object `{}` must be passed in:
```javascript
<CustomTheme.Provider
value={t => ({ ...t(), backgroundColor: '#333'})}
>
```
becomes:
```javascript
<CustomTheme.Provider
value={t => ({ ...t({}), backgroundColor: '#333'})}
>
```
** Color palette changes **
Color palettes have been moved into their own file.
Users will need to update imports from this:
```javascript
import { colors } from '@atlaskit/theme';
colors.colorPalette('8');
```
to this:
```javascript
import { colorPalette } from '@atlaskit/theme';
colorPalette.colorPalette('8');
```
or for multi entry-point users:
```javascript
import * as colors from '@atlaskit/theme/colors';
colors.colorPalette('8');
```
to this:
```javascript
import * as colorPalettes from '@atlaskit/theme/color-palette';
colorPalettes.colorPalette('8');
```
## 12.1.1

@@ -4,0 +65,0 @@

7

dist/cjs/Spinner/styledSvg.d.ts
/// <reference types="react" />
import { SpinnerPhases } from '../types';
export declare const getStrokeColor: ({ invertColor, ...props }: {
invertColor?: boolean | undefined;
}) => string | number;
interface GetStrokeColorProps {
invertColor?: boolean;
}
export declare const getStrokeColor: ({ invertColor, ...props }: GetStrokeColorProps) => string | number;
export declare const svgStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{

@@ -7,0 +8,0 @@ size: number;

{
"name": "@atlaskit/spinner",
"version": "12.1.1",
"version": "12.1.2",
"sideEffects": false
}
/// <reference types="react" />
import { SpinnerPhases } from '../types';
export declare const getStrokeColor: ({ invertColor, ...props }: {
invertColor?: boolean | undefined;
}) => string | number;
interface GetStrokeColorProps {
invertColor?: boolean;
}
export declare const getStrokeColor: ({ invertColor, ...props }: GetStrokeColorProps) => string | number;
export declare const svgStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{

@@ -7,0 +8,0 @@ size: number;

{
"name": "@atlaskit/spinner",
"version": "12.1.1",
"version": "12.1.2",
"sideEffects": false
}
{
"name": "@atlaskit/spinner",
"version": "12.1.1",
"version": "12.1.2",
"description": "A React component that displays a spinning icon to show a loading state",

@@ -26,3 +26,3 @@ "license": "Apache-2.0",

"dependencies": {
"@atlaskit/theme": "^9.2.4",
"@atlaskit/theme": "^9.2.6",
"@babel/runtime": "^7.0.0",

@@ -43,3 +43,2 @@ "react-transition-group": "^2.2.1",

"@testing-library/react": "^8.0.1",
"jest-in-case": "^1.0.2",
"enzyme": "^3.7.0",

@@ -46,0 +45,0 @@ "react-dom": "^16.8.0",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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