@xqmsg/ui-core 0.22.1 → 0.22.2
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/components/icons/gear/GearIcon.d.ts +4 -0
- package/dist/components/icons/index.d.ts +7 -1
- package/dist/ui-core.cjs.development.js +184 -161
- package/dist/ui-core.cjs.development.js.map +1 -1
- package/dist/ui-core.cjs.production.min.js +1 -1
- package/dist/ui-core.cjs.production.min.js.map +1 -1
- package/dist/ui-core.esm.js +184 -162
- package/dist/ui-core.esm.js.map +1 -1
- package/package.json +4 -4
- package/src/components/icons/gear/GearIcon.tsx +36 -0
- package/src/components/icons/index.tsx +21 -0
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.22.
|
|
2
|
+
"version": "0.22.2",
|
|
3
3
|
"license": "MIT",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"typings": "dist/index.d.ts",
|
|
@@ -63,8 +63,8 @@
|
|
|
63
63
|
"@storybook/builder-webpack5": "^6.5.10",
|
|
64
64
|
"@storybook/manager-webpack5": "^6.5.16",
|
|
65
65
|
"@storybook/react": "^6.5.10",
|
|
66
|
-
"@svgr/rollup": "^
|
|
67
|
-
"@svgr/webpack": "^
|
|
66
|
+
"@svgr/rollup": "^8.0.1",
|
|
67
|
+
"@svgr/webpack": "^8.0.1",
|
|
68
68
|
"@types/react": "^18.2.1",
|
|
69
69
|
"@types/react-dom": "^18.2.2",
|
|
70
70
|
"@typescript-eslint/eslint-plugin": "^5.59.5",
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
"@hookform/resolvers": "^2.9.7",
|
|
103
103
|
"@types/react-router-dom": "^5.3.3",
|
|
104
104
|
"axios": "^0.27.2",
|
|
105
|
-
"framer-motion": "6.
|
|
105
|
+
"framer-motion": "6.4.1",
|
|
106
106
|
"react-hook-form": "^7.43.9",
|
|
107
107
|
"react-icons": "^4.8.0",
|
|
108
108
|
"react-is": "^18.2.0",
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { JSXIconProps } from '..';
|
|
3
|
+
import { colors } from '../../../theme/foundations/colors';
|
|
4
|
+
import { Box } from '@chakra-ui/react';
|
|
5
|
+
|
|
6
|
+
export const GearIcon: React.FC<JSXIconProps> = ({
|
|
7
|
+
boxSize,
|
|
8
|
+
color,
|
|
9
|
+
...props
|
|
10
|
+
}) => {
|
|
11
|
+
return (
|
|
12
|
+
<Box {...props}>
|
|
13
|
+
<svg
|
|
14
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
15
|
+
width={boxSize ?? 16}
|
|
16
|
+
height={boxSize ?? 17}
|
|
17
|
+
fill="none"
|
|
18
|
+
viewBox="0 0 16 17"
|
|
19
|
+
{...props}
|
|
20
|
+
>
|
|
21
|
+
<path
|
|
22
|
+
fill={color ?? colors.white}
|
|
23
|
+
d="M10.42 7.9c.376 0 .661-.346.51-.69a3.2 3.2 0 00-3.276-1.892c-.375.04-.532.461-.344.787L8.173 7.6a.6.6 0 00.52.3h1.726zM6.272 6.706c-.189-.326-.632-.4-.854-.096A3.186 3.186 0 004.8 8.5c0 .707.23 1.36.618 1.89.222.304.665.23.854-.096L7.134 8.8a.6.6 0 000-.6l-.862-1.494zM7.31 10.895c-.188.326-.03.746.344.786a3.2 3.2 0 003.275-1.891c.152-.344-.133-.69-.51-.69H8.693a.6.6 0 00-.52.3l-.863 1.495z"
|
|
24
|
+
></path>
|
|
25
|
+
<path
|
|
26
|
+
fill={color ?? colors.white}
|
|
27
|
+
fillRule="evenodd"
|
|
28
|
+
d="M11.304 3.978l.516-.894a.6.6 0 00-1.04-.6l-.515.893A5.563 5.563 0 008.6 2.932V1.9a.6.6 0 00-1.2 0v1.032a5.564 5.564 0 00-1.665.445l-.515-.893a.6.6 0 00-1.04.6l.516.894a5.632 5.632 0 00-1.218 1.218l-.894-.516a.6.6 0 10-.6 1.04l.893.515A5.564 5.564 0 002.432 7.9H1.4a.6.6 0 000 1.2h1.032c.062.587.215 1.146.445 1.665l-.893.515a.6.6 0 10.6 1.04l.894-.517a5.63 5.63 0 001.218 1.219l-.516.894a.6.6 0 001.04.6l.515-.893c.518.23 1.078.383 1.665.445V15.1a.6.6 0 101.2 0v-1.032a5.562 5.562 0 001.665-.445l.515.893a.6.6 0 101.04-.6l-.516-.894a5.632 5.632 0 001.218-1.219l.894.516a.6.6 0 10.6-1.039l-.893-.515c.23-.519.383-1.078.445-1.665H14.6a.6.6 0 100-1.2h-1.032a5.564 5.564 0 00-.445-1.665l.893-.516a.6.6 0 00-.6-1.039l-.894.516a5.633 5.633 0 00-1.218-1.218zM8 4.1a4.38 4.38 0 00-2.225.603 4.422 4.422 0 00-1.599 1.619A4.38 4.38 0 003.6 8.5a4.38 4.38 0 00.601 2.222 4.422 4.422 0 001.623 1.603A4.38 4.38 0 008 12.9a4.38 4.38 0 002.223-.602 4.423 4.423 0 001.602-1.622A4.38 4.38 0 0012.4 8.5a4.38 4.38 0 00-.602-2.224 4.422 4.422 0 00-1.623-1.602A4.38 4.38 0 008 4.1z"
|
|
29
|
+
clipRule="evenodd"
|
|
30
|
+
></path>
|
|
31
|
+
</svg>
|
|
32
|
+
</Box>
|
|
33
|
+
);
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
export default GearIcon;
|
|
@@ -35,10 +35,30 @@ import { Video } from './video';
|
|
|
35
35
|
import { Page } from './page';
|
|
36
36
|
import { Workspace } from './workspace';
|
|
37
37
|
import { Task } from './task';
|
|
38
|
+
import GearIcon from './gear/GearIcon';
|
|
39
|
+
import { BoxProps } from '@chakra-ui/react';
|
|
38
40
|
|
|
39
41
|
export interface IconProps {
|
|
40
42
|
boxSize: string;
|
|
41
43
|
}
|
|
44
|
+
export interface JSXIconProps
|
|
45
|
+
extends Pick<
|
|
46
|
+
BoxProps,
|
|
47
|
+
| 'p'
|
|
48
|
+
| 'padding'
|
|
49
|
+
| 'pr'
|
|
50
|
+
| 'paddingRight'
|
|
51
|
+
| 'pl'
|
|
52
|
+
| 'paddingLeft'
|
|
53
|
+
| 'pt'
|
|
54
|
+
| 'paddingTop'
|
|
55
|
+
| 'pb'
|
|
56
|
+
| 'paddingBottom'
|
|
57
|
+
> {
|
|
58
|
+
color?: string;
|
|
59
|
+
boxSize?: string;
|
|
60
|
+
}
|
|
61
|
+
|
|
42
62
|
export {
|
|
43
63
|
Checkmark,
|
|
44
64
|
ChevronDown,
|
|
@@ -53,6 +73,7 @@ export {
|
|
|
53
73
|
FolderOutline,
|
|
54
74
|
FolderAddFill,
|
|
55
75
|
FolderAddOutline,
|
|
76
|
+
GearIcon,
|
|
56
77
|
Google,
|
|
57
78
|
GoogleDrive,
|
|
58
79
|
Group,
|