@bitrise/bitkit 12.107.0 → 12.108.1-alpha.0

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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrise/bitkit",
3
3
  "description": "Bitrise React component library",
4
- "version": "12.107.0",
4
+ "version": "12.108.1-alpha.0",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "git+ssh://git@github.com/bitrise-io/bitkit.git"
@@ -0,0 +1,18 @@
1
+ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
2
+
3
+ const CrossCircle = forwardRef<IconProps, 'svg'>((props, ref) => (
4
+ <Icon ref={ref} viewBox="0 0 16 16" {...props}>
5
+ <path
6
+ d="M6.93934 8L4.96967 6.03033L6.03033 4.96967L8 6.93934L9.96967 4.96967L11.0303 6.03033L9.06066 8L11.0303 9.96967L9.96967 11.0303L8 9.06066L6.03033 11.0303L4.96967 9.96967L6.93934 8Z"
7
+ fill="currentColor"
8
+ />
9
+ <path
10
+ clipRule="evenodd"
11
+ d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8 13.5C11.0376 13.5 13.5 11.0376 13.5 8C13.5 4.96243 11.0376 2.5 8 2.5C4.96243 2.5 2.5 4.96243 2.5 8C2.5 11.0376 4.96243 13.5 8 13.5Z"
12
+ fill="currentColor"
13
+ fillRule="evenodd"
14
+ />
15
+ </Icon>
16
+ ));
17
+
18
+ export default CrossCircle;
@@ -226,3 +226,4 @@ export { default as Wow } from './Wow';
226
226
  export { default as WrappedLines } from './WrappedLines';
227
227
  export { default as Xamarin } from './Xamarin';
228
228
  export { default as ErrorCircleFilled } from './ErrorCircleFilled';
229
+ export { default as CrossCircle } from './CrossCircle';
@@ -0,0 +1,18 @@
1
+ import { forwardRef, Icon, IconProps } from '@chakra-ui/react';
2
+
3
+ const CrossCircle = forwardRef<IconProps, 'svg'>((props, ref) => (
4
+ <Icon ref={ref} viewBox="0 0 24 24" {...props}>
5
+ <path
6
+ d="M12 13.4142L9.20711 16.2071L7.79289 14.7929L10.5858 12L7.79289 9.20711L9.20711 7.79289L12 10.5858L14.7929 7.79289L16.2071 9.20711L13.4142 12L16.2071 14.7929L14.7929 16.2071L12 13.4142Z"
7
+ fill="currentColor"
8
+ />
9
+ <path
10
+ clipRule="evenodd"
11
+ d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z"
12
+ fill="currentColor"
13
+ fillRule="evenodd"
14
+ />
15
+ </Icon>
16
+ ));
17
+
18
+ export default CrossCircle;
@@ -226,3 +226,4 @@ export { default as Wow } from './Wow';
226
226
  export { default as WrappedLines } from './WrappedLines';
227
227
  export { default as Xamarin } from './Xamarin';
228
228
  export { default as ErrorCircleFilled } from './ErrorCircleFilled';
229
+ export { default as CrossCircle } from './CrossCircle';
@@ -1,5 +1,11 @@
1
1
  import { ReactNode, RefObject } from 'react';
2
2
  import { ChakraProvider } from '@chakra-ui/react';
3
+
4
+ import '@fontsource/figtree/400.css';
5
+ import '@fontsource/figtree/600.css';
6
+ import '@fontsource/figtree/700.css';
7
+ import '@fontsource/source-code-pro/400.css';
8
+
3
9
  import theme from '../../theme';
4
10
 
5
11
  type ProviderProps = {
@@ -19,7 +19,7 @@ export const figmaIcons: {
19
19
  { figmaToken: 'minus-circle', iconName: 'MinusRemove', tags: 'remove' },
20
20
  { figmaToken: 'minus-circle-filled', iconName: '' },
21
21
  { figmaToken: 'cross', iconName: 'CloseSmall', tags: 'cancel, close, x, x-mark' },
22
- { figmaToken: 'cross-circle', iconName: 'BuildstatusFailed', tags: 'clear, dismiss, remove' },
22
+ { figmaToken: 'cross-circle', iconName: 'CrossCircle', tags: 'clear, dismiss, remove' },
23
23
  { figmaToken: 'cross-circle-filled', iconName: 'BuildstatusFailedSolid', tags: 'failed, error, status' },
24
24
  ],
25
25
  'Arrows and Chevrons': [
package/src/theme.ts CHANGED
@@ -1,8 +1,3 @@
1
- import '@fontsource/figtree/400.css';
2
- import '@fontsource/figtree/600.css';
3
- import '@fontsource/figtree/700.css';
4
- import '@fontsource/source-code-pro/400.css';
5
-
6
1
  import tokens from './tokens/tokensToTheme.json';
7
2
 
8
3
  import breakpoints from './Foundations/Breakpoints/Breakpoints';