@pushwoosh/kit-icons 2.1.6 → 2.1.8
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/ai-documentation.mdx +241 -0
- package/icons/index.d.ts +1 -0
- package/icons/index.js +1 -0
- package/icons/platform-logo-icon/assets/name_platform_logo_size_medium_type_line.js +1 -1
- package/icons/platform-logo-icon/assets/name_platform_logo_size_small_type_apple.js +1 -1
- package/icons/platform-logo-icon/platform-logo-icon.types.d.ts +1 -1
- package/icons/power-icon/assets/index.d.ts +5 -0
- package/icons/power-icon/assets/index.js +4 -0
- package/icons/power-icon/assets/name_power_size_medium_view_lined.js +11 -0
- package/icons/power-icon/index.d.ts +2 -0
- package/icons/power-icon/index.js +2 -0
- package/icons/power-icon/power-icon.component.d.ts +3 -0
- package/icons/power-icon/power-icon.component.js +3 -0
- package/icons/power-icon/power-icon.types.d.ts +5 -0
- package/icons/power-icon/power-icon.types.js +1 -0
- package/icons/translate-icon/assets/name_translate_size_medium_view_lined.js +1 -1
- package/icons/translate-icon/assets/name_translate_size_small_view_lined.js +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,241 @@
|
|
|
1
|
+
# @pushwoosh/kit-icons - AI Agent Documentation
|
|
2
|
+
|
|
3
|
+
## Overview
|
|
4
|
+
|
|
5
|
+
This is a React-based icon library that is part of the Pushwoosh Design System. The library contains 131 auto-generated SVG icons that can be used across Pushwoosh products.
|
|
6
|
+
|
|
7
|
+
## Package Information
|
|
8
|
+
|
|
9
|
+
- **Name**: `@pushwoosh/kit-icons`
|
|
10
|
+
- **Version**: 2.0.0
|
|
11
|
+
- **Type**: React component library
|
|
12
|
+
- **Peer Dependencies**:
|
|
13
|
+
- React >= 16.14.0
|
|
14
|
+
- styled-components >= 5.3.3
|
|
15
|
+
|
|
16
|
+
## Installation
|
|
17
|
+
|
|
18
|
+
```bash
|
|
19
|
+
npm install @pushwoosh/kit-icons
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Usage
|
|
23
|
+
|
|
24
|
+
### Basic Import
|
|
25
|
+
|
|
26
|
+
```tsx
|
|
27
|
+
import { ArrowIcon, CheckIcon, CloseIcon } from '@pushwoosh/kit-icons';
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
### Component Usage
|
|
31
|
+
|
|
32
|
+
```tsx
|
|
33
|
+
// Example with ArrowIcon
|
|
34
|
+
<ArrowIcon
|
|
35
|
+
direction="down"
|
|
36
|
+
size="medium"
|
|
37
|
+
/>
|
|
38
|
+
|
|
39
|
+
// Example with custom props
|
|
40
|
+
<CheckIcon
|
|
41
|
+
size="small"
|
|
42
|
+
style={{ color: '#4CAF50' }}
|
|
43
|
+
onClick={handleClick}
|
|
44
|
+
/>
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
## Icon Properties
|
|
48
|
+
|
|
49
|
+
All icons share these common properties:
|
|
50
|
+
|
|
51
|
+
### Base Props (CommonProps)
|
|
52
|
+
- `boxRef?: Ref<HTMLDivElement>` - Reference to the wrapper div element
|
|
53
|
+
- `as?: string` - Polymorphic component prop for changing the wrapper element
|
|
54
|
+
- All standard HTML div attributes are supported (className, style, onClick, etc.)
|
|
55
|
+
|
|
56
|
+
### Icon-Specific Props
|
|
57
|
+
Each icon has specific required props:
|
|
58
|
+
- `size`: Usually `"small"` | `"medium"`
|
|
59
|
+
- Additional props vary by icon (e.g., `direction`, `type`, `view`, etc.)
|
|
60
|
+
|
|
61
|
+
## Available Icons (131 total)
|
|
62
|
+
|
|
63
|
+
### Navigation & Arrows
|
|
64
|
+
- `ArrowIcon` - Directional arrows (up, down, left, right, diagonal)
|
|
65
|
+
- `ArrowRoundIcon` - Rounded arrow variations
|
|
66
|
+
- `ChevronIcon` - Chevron arrows for navigation
|
|
67
|
+
- `NavigationIcon` - Navigation-specific icons
|
|
68
|
+
|
|
69
|
+
### UI Controls
|
|
70
|
+
- `CheckIcon` - Checkmark icon
|
|
71
|
+
- `CheckRoundIcon` - Rounded checkmark
|
|
72
|
+
- `CloseIcon` - Close/X icon
|
|
73
|
+
- `CloseRoundIcon` - Rounded close icon
|
|
74
|
+
- `MenuIcon` - Menu/hamburger icon
|
|
75
|
+
- `MoreIcon` - More options (dots)
|
|
76
|
+
|
|
77
|
+
### Communication
|
|
78
|
+
- `CallIcon` - Phone/call icon
|
|
79
|
+
- `ChatIcon` - Chat bubble icon
|
|
80
|
+
- `EmailIcon` - Email envelope icon
|
|
81
|
+
- `NotificationIcon` - Notification bell icon
|
|
82
|
+
|
|
83
|
+
### Data & Documents
|
|
84
|
+
- `AttachmentIcon` - File attachment icon
|
|
85
|
+
- `DocumentIcon` - Document icon
|
|
86
|
+
- `FolderIcon` - Folder icon
|
|
87
|
+
- `FileIcon` - Generic file icon
|
|
88
|
+
- `DownloadIcon` - Download arrow icon
|
|
89
|
+
- `UploadIcon` - Upload arrow icon
|
|
90
|
+
|
|
91
|
+
### Platform & Device
|
|
92
|
+
- `DeviceIcon` - Device-specific icons
|
|
93
|
+
- `BrowserIcon` - Web browser icon
|
|
94
|
+
- `MobileIcon` - Mobile device icon
|
|
95
|
+
- `DesktopIcon` - Desktop computer icon
|
|
96
|
+
|
|
97
|
+
### Media & Content
|
|
98
|
+
- `ImageIcon` - Image/photo icon
|
|
99
|
+
- `VideoIcon` - Video/play icon
|
|
100
|
+
- `MusicIcon` - Music/audio icon
|
|
101
|
+
- `PlayIcon` - Play button icon
|
|
102
|
+
- `PauseIcon` - Pause button icon
|
|
103
|
+
|
|
104
|
+
### Status & Indicators
|
|
105
|
+
- `InfoIcon` - Information icon
|
|
106
|
+
- `WarningIcon` - Warning triangle icon
|
|
107
|
+
- `ErrorIcon` - Error/danger icon
|
|
108
|
+
- `SuccessIcon` - Success checkmark icon
|
|
109
|
+
- `LoadingIcon` - Loading spinner icon
|
|
110
|
+
|
|
111
|
+
### Actions
|
|
112
|
+
- `EditIcon` - Edit/pencil icon
|
|
113
|
+
- `DeleteIcon` - Delete/trash icon
|
|
114
|
+
- `CopyIcon` - Copy/duplicate icon
|
|
115
|
+
- `ShareIcon` - Share icon
|
|
116
|
+
- `SaveIcon` - Save/floppy disk icon
|
|
117
|
+
- `SearchIcon` - Search/magnifying glass icon
|
|
118
|
+
- `FilterIcon` - Filter/funnel icon
|
|
119
|
+
- `SettingsIcon` - Settings/gear icon
|
|
120
|
+
|
|
121
|
+
### E-commerce & Finance
|
|
122
|
+
- `CartIcon` - Shopping cart icon
|
|
123
|
+
- `BillingIcon` - Billing/invoice icon
|
|
124
|
+
- `CreditCardIcon` - Credit card icon
|
|
125
|
+
- `WalletIcon` - Wallet icon
|
|
126
|
+
|
|
127
|
+
### Social & User
|
|
128
|
+
- `UserIcon` - User/person icon
|
|
129
|
+
- `GroupIcon` - Group/team icon
|
|
130
|
+
- `HeartIcon` - Heart/favorite icon
|
|
131
|
+
- `StarIcon` - Star/rating icon
|
|
132
|
+
- `BookmarkIcon` - Bookmark icon
|
|
133
|
+
|
|
134
|
+
### Other Categories
|
|
135
|
+
- `CalendarIcon` - Calendar icon
|
|
136
|
+
- `ClockIcon` - Clock/time icon
|
|
137
|
+
- `LocationIcon` - Location/map pin icon
|
|
138
|
+
- `LockIcon` - Lock/security icon
|
|
139
|
+
- `KeyIcon` - Key/authentication icon
|
|
140
|
+
- `CloudIcon` - Cloud storage icon
|
|
141
|
+
- `DatabaseIcon` - Database icon
|
|
142
|
+
- `CodeIcon` - Code/development icon
|
|
143
|
+
- `BugIcon` - Bug/issue icon
|
|
144
|
+
- `QuestionIcon` - Question mark icon
|
|
145
|
+
- `ExclamationIcon` - Exclamation mark icon
|
|
146
|
+
- `PlusIcon` - Plus/add icon
|
|
147
|
+
- `MinusIcon` - Minus/remove icon
|
|
148
|
+
|
|
149
|
+
## Architecture Notes
|
|
150
|
+
|
|
151
|
+
### Icon Generation Process
|
|
152
|
+
1. Source SVG files are stored in `source-icons/` directory
|
|
153
|
+
2. Filename format: `name=icon-name, size=medium, [other-props].svg`
|
|
154
|
+
3. Run `npm run generate-icons` to process SVGs
|
|
155
|
+
4. Icons are optimized with SVGO and converted to React components
|
|
156
|
+
5. Components are generated in `src/icons/[icon-name]/`
|
|
157
|
+
|
|
158
|
+
### Component Structure
|
|
159
|
+
Each icon is created using the `createIconComponent` factory function which:
|
|
160
|
+
- Dynamically loads the correct SVG based on props
|
|
161
|
+
- Wraps the SVG in a styled `IconBox` component
|
|
162
|
+
- Provides TypeScript type safety
|
|
163
|
+
- Handles prop-based variations (size, direction, etc.)
|
|
164
|
+
|
|
165
|
+
### File Organization
|
|
166
|
+
```
|
|
167
|
+
src/icons/[icon-name]/
|
|
168
|
+
├── index.tsx # Main export
|
|
169
|
+
├── [icon-name].component.tsx # Component definition
|
|
170
|
+
├── [icon-name].types.tsx # TypeScript types
|
|
171
|
+
└── assets/ # SVG components for each variation
|
|
172
|
+
├── name_[icon]_size_small_[...].tsx
|
|
173
|
+
└── name_[icon]_size_medium_[...].tsx
|
|
174
|
+
```
|
|
175
|
+
|
|
176
|
+
## Development Commands
|
|
177
|
+
|
|
178
|
+
```bash
|
|
179
|
+
# Generate new icons from source SVGs
|
|
180
|
+
npm run generate-icons
|
|
181
|
+
|
|
182
|
+
# Build the library
|
|
183
|
+
npm run build
|
|
184
|
+
|
|
185
|
+
# Run development playground
|
|
186
|
+
npm start
|
|
187
|
+
|
|
188
|
+
# Run linting and type checks
|
|
189
|
+
npm run check
|
|
190
|
+
|
|
191
|
+
# Fix linting issues
|
|
192
|
+
npm run lint-fix
|
|
193
|
+
```
|
|
194
|
+
|
|
195
|
+
## Important Considerations
|
|
196
|
+
|
|
197
|
+
1. **Icon Sizing**: Icons are designed in two sizes (small, medium) that correspond to specific pixel dimensions defined in the design system
|
|
198
|
+
2. **Color Inheritance**: Icons use `currentColor` for fill, inheriting color from parent elements
|
|
199
|
+
3. **Styled Components**: The library uses styled-components for styling, ensure it's available in your project
|
|
200
|
+
4. **TypeScript**: Full TypeScript support with strict typing for all icon props
|
|
201
|
+
5. **Tree Shaking**: Icons are exported individually for optimal bundle size
|
|
202
|
+
|
|
203
|
+
## Common Issues & Solutions
|
|
204
|
+
|
|
205
|
+
### Icon Not Found Error
|
|
206
|
+
If you see `[IconName]: Icon not found!` in console:
|
|
207
|
+
- Check that you're passing valid prop combinations
|
|
208
|
+
- Verify the icon variant exists for your prop values
|
|
209
|
+
- Some icons may not have all size/direction combinations
|
|
210
|
+
|
|
211
|
+
### Styling Icons
|
|
212
|
+
```tsx
|
|
213
|
+
// Use style prop for inline styles
|
|
214
|
+
<ArrowIcon style={{ color: 'red', width: '24px' }} />
|
|
215
|
+
|
|
216
|
+
// Use className for CSS classes
|
|
217
|
+
<CheckIcon className="custom-icon" />
|
|
218
|
+
|
|
219
|
+
// Use styled-components
|
|
220
|
+
const StyledIcon = styled(CloseIcon)`
|
|
221
|
+
color: ${props => props.theme.colors.primary};
|
|
222
|
+
`;
|
|
223
|
+
```
|
|
224
|
+
|
|
225
|
+
### TypeScript Usage
|
|
226
|
+
```tsx
|
|
227
|
+
import { ArrowIconProps } from '@pushwoosh/kit-icons';
|
|
228
|
+
|
|
229
|
+
const MyComponent: FC<{ iconProps: ArrowIconProps }> = ({ iconProps }) => (
|
|
230
|
+
<ArrowIcon {...iconProps} />
|
|
231
|
+
);
|
|
232
|
+
```
|
|
233
|
+
|
|
234
|
+
## Notes for AI Agents
|
|
235
|
+
|
|
236
|
+
- This is a read-only generated library - do not modify files in `src/icons/*/assets/`
|
|
237
|
+
- To add new icons, place SVGs in `source-icons/` and run generation script
|
|
238
|
+
- The library follows Pushwoosh Design System specifications from Figma
|
|
239
|
+
- All icons are optimized for performance and accessibility
|
|
240
|
+
- Components are memoized internally for performance
|
|
241
|
+
- The library supports server-side rendering (SSR)
|
package/icons/index.d.ts
CHANGED
|
@@ -87,6 +87,7 @@ export * from './play-round-icon';
|
|
|
87
87
|
export * from './plugin-icon';
|
|
88
88
|
export * from './plus-round-icon';
|
|
89
89
|
export * from './plus-icon';
|
|
90
|
+
export * from './power-icon';
|
|
90
91
|
export * from './profile-icon';
|
|
91
92
|
export * from './pulse-icon';
|
|
92
93
|
export * from './push-icon';
|
package/icons/index.js
CHANGED
|
@@ -87,6 +87,7 @@ export * from './play-round-icon';
|
|
|
87
87
|
export * from './plugin-icon';
|
|
88
88
|
export * from './plus-round-icon';
|
|
89
89
|
export * from './plus-icon';
|
|
90
|
+
export * from './power-icon';
|
|
90
91
|
export * from './profile-icon';
|
|
91
92
|
export * from './pulse-icon';
|
|
92
93
|
export * from './push-icon';
|
|
@@ -7,7 +7,7 @@ const NamePlatformLogoSizeMediumTypeLineSvg = props => /*#__PURE__*/React.create
|
|
|
7
7
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
8
8
|
fill: "currentColor",
|
|
9
9
|
fillRule: "evenodd",
|
|
10
|
-
d: "M16.942 21H7.058A4.06 4.06 0 0 1 3 16.942V7.058A4.06 4.06 0 0 1 7.058 3h9.884A4.06 4.06 0 0 1 21 7.058v9.884A4.06 4.06 0 0 1 16.942 21M18 11.152c0-2.685-2.692-4.87-6-4.87-3.31 0-6.002 2.185-6.002 4.87 0 2.407 2.135 4.424 5.019 4.805.195.042.461.129.528.296.061.151.04.39.02.542l-.086.514-.002.013c-.029.163-.1.573.522.31.64-.27 3.456-2.035 4.715-3.484.87-.953 1.286-1.921 1.286-2.996m-7.643-1.298h.425c.063 0 .115.052.115.115v2.619a.115.115 0 0 1-.115.115h-.425a.115.115 0 0 1-.115-.115v-2.62c0-.062.051-.114.115-.114m-.59 2.849a.115.115 0 0 0 .115-.115v-.426a.115.115 0 0 0-.115-.114H8.62v-2.08a.115.115 0 0 0-.114-.114H8.08a.115.115 0 0 0-.114.115v2.619c0 .063.05.115.114.115zm6.237 0h-1.686a.115.115 0 0 1-.115-.115V9.969c0-.063.052-.115.115-.115h1.686c.063 0 .114.052.114.115v.426a.115.115 0 0 1-.114.114h-1.146v.442h1.146c.063 0 .114.052.114.115v.425a.115.115 0 0 1-.114.115h-1.146v.442h1.146c.063 0 .114.051.114.114v.426a.115.115 0 0 1-.114.
|
|
10
|
+
d: "M16.942 21H7.058A4.06 4.06 0 0 1 3 16.942V7.058A4.06 4.06 0 0 1 7.058 3h9.884A4.06 4.06 0 0 1 21 7.058v9.884A4.06 4.06 0 0 1 16.942 21M18 11.152c0-2.685-2.692-4.87-6-4.87-3.31 0-6.002 2.185-6.002 4.87 0 2.407 2.135 4.424 5.019 4.805.195.042.461.129.528.296.061.151.04.39.02.542l-.086.514-.002.013c-.029.163-.1.573.522.31.64-.27 3.456-2.035 4.715-3.484.87-.953 1.286-1.921 1.286-2.996m-7.643-1.298h.425c.063 0 .115.052.115.115v2.619a.115.115 0 0 1-.115.115h-.425a.115.115 0 0 1-.115-.115v-2.62c0-.062.051-.114.115-.114m-.59 2.849a.115.115 0 0 0 .115-.115v-.426a.115.115 0 0 0-.115-.114H8.62v-2.08a.115.115 0 0 0-.114-.114H8.08a.115.115 0 0 0-.114.115v2.619c0 .063.05.115.114.115zm6.237 0h-1.686a.115.115 0 0 1-.115-.115V9.969c0-.063.052-.115.115-.115h1.686c.063 0 .114.052.114.115v.426a.115.115 0 0 1-.114.114h-1.146v.442h1.146c.063 0 .114.052.114.115v.425a.115.115 0 0 1-.114.115h-1.146v.442h1.146c.063 0 .114.051.114.114v.426a.115.115 0 0 1-.114.115m-2.324-2.849h-.426a.115.115 0 0 0-.115.115v1.556L11.94 9.906l-.01-.012-.007-.008-.002-.002-.006-.005-.003-.002-.006-.004-.004-.002-.006-.004-.004-.002-.006-.003h-.004l-.007-.003-.004-.001-.007-.002h-.005l-.006-.001h-.433a.115.115 0 0 0-.115.114v2.619c0 .063.051.115.115.115h.425a.115.115 0 0 0 .115-.115v-1.555l1.2 1.62a.1.1 0 0 0 .038.034l.003.002.006.003.005.002.004.002.008.002h.001q.015.005.03.005h.424a.115.115 0 0 0 .114-.115v-2.62a.115.115 0 0 0-.114-.114",
|
|
11
11
|
clipRule: "evenodd"
|
|
12
12
|
}));
|
|
13
13
|
export default NamePlatformLogoSizeMediumTypeLineSvg;
|
|
@@ -6,6 +6,6 @@ const NamePlatformLogoSizeSmallTypeAppleSvg = props => /*#__PURE__*/React.create
|
|
|
6
6
|
fill: "none"
|
|
7
7
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
8
8
|
fill: "currentColor",
|
|
9
|
-
d: "M8.59 1.218C9.51.006 10.79 0 10.79 0s.19 1.14-.724 2.238c-.976 1.172-2.085.98-2.085.98s-.208-.922.61-2m-.492 2.799c.473 0 1.351-.65 2.495-.65 1.967 0 2.742 1.4 2.742 1.4s-1.
|
|
9
|
+
d: "M8.59 1.218C9.51.006 10.79 0 10.79 0s.19 1.14-.724 2.238c-.976 1.172-2.085.98-2.085.98s-.208-.922.61-2m-.492 2.799c.473 0 1.351-.65 2.495-.65 1.967 0 2.742 1.4 2.742 1.4s-1.514.774-1.514 2.652c0 2.12 1.886 2.85 1.886 2.85s-1.319 3.71-3.1 3.71c-.818 0-1.454-.55-2.315-.55-.879 0-1.75.571-2.318.571-1.626 0-3.68-3.52-3.68-6.35 0-2.784 1.738-4.244 3.37-4.244 1.06 0 1.883.611 2.434.611"
|
|
10
10
|
}));
|
|
11
11
|
export default NamePlatformLogoSizeSmallTypeAppleSvg;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CommonProps } from '../../types';
|
|
2
2
|
export type PlatformLogoIconProps = CommonProps & {
|
|
3
3
|
readonly size: 'medium' | 'small';
|
|
4
|
-
readonly type: 'amazon' | 'android' | 'apple' | 'baidu' | 'chrome' | 'edge' | 'email' | 'firefox' | 'huawei' | 'iexplorer' | 'line' | 'macos' | 'safari' | 'sms' | '
|
|
4
|
+
readonly type: 'amazon' | 'android' | 'apple' | 'baidu' | 'chrome' | 'edge' | 'email' | 'firefox' | 'huawei' | 'iexplorer' | 'line' | 'macos' | 'safari' | 'sms' | 'web' | 'whatsapp' | 'windows' | 'xiaomi';
|
|
5
5
|
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
const NamePowerSizeMediumViewLinedSvg = props => /*#__PURE__*/React.createElement("svg", Object.assign({
|
|
3
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4
|
+
width: 24,
|
|
5
|
+
height: 24,
|
|
6
|
+
fill: "none"
|
|
7
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
8
|
+
fill: "currentColor",
|
|
9
|
+
d: "M16 5.22c0-.59.618-.967 1.104-.632a9 9 0 1 1-10.207 0C7.381 4.253 8 4.63 8 5.22a.85.85 0 0 1-.363.681 7.5 7.5 0 1 0 8.727 0A.85.85 0 0 1 16 5.22m-4-3.97a.75.75 0 0 1 .75.75v8a.75.75 0 0 1-1.5 0V2a.75.75 0 0 1 .75-.75"
|
|
10
|
+
}));
|
|
11
|
+
export default NamePowerSizeMediumViewLinedSvg;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -7,7 +7,7 @@ const NameTranslateSizeMediumViewLinedSvg = props => /*#__PURE__*/React.createEl
|
|
|
7
7
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
8
8
|
fill: "currentColor",
|
|
9
9
|
fillRule: "evenodd",
|
|
10
|
-
d: "M13.347 2.513a.75.75 0
|
|
10
|
+
d: "M13.347 2.513a.75.75 0 1 1 1.14.974l-.448.525c1.516.03 2.46.14 3.23.533a5 5 0 0 1 2.186 2.185c.336.659.465 1.443.514 2.603a.737.737 0 0 1-.741.763.766.766 0 0 1-.76-.737 14 14 0 0 0-.031-.52c-.06-.742-.172-1.14-.319-1.428a3.5 3.5 0 0 0-1.53-1.53c-.287-.146-.685-.257-1.426-.318a19 19 0 0 0-1.103-.05l.428.5a.75.75 0 0 1-1.14.975l-1.461-1.71a.75.75 0 0 1 0-1.055zm-6.1 1c.292 0 .559.17.68.436l3.2 6.967a.75.75 0 1 1-1.363.626l-.712-1.55a.2.2 0 0 0-.182-.116H5.622a.2.2 0 0 0-.182.116l-.711 1.55a.75.75 0 0 1-1.364-.626l3.2-6.967a.75.75 0 0 1 .681-.437m.933 4.58a.2.2 0 0 1-.182.283H6.495a.2.2 0 0 1-.182-.284l.751-1.637a.2.2 0 0 1 .364 0zm1.177 10.376-.412-.482a.75.75 0 1 1 1.14-.974l1.462 1.71c.138.14.211.323.216.509a.75.75 0 0 1-.216.547l-1.461 1.71a.75.75 0 1 1-1.14-.975l.462-.542c-1.201-.047-2.005-.174-2.678-.517a5 5 0 0 1-2.185-2.185c-.322-.63-.453-1.377-.507-2.457a.735.735 0 0 1 .74-.765c.408 0 .738.326.76.734q.01.199.025.38c.06.74.172 1.139.318 1.427a3.5 3.5 0 0 0 1.53 1.53c.288.146.686.257 1.427.318q.242.019.519.032m7.785-7.118a.75.75 0 1 0-1.5 0v.836h-2.605a.75.75 0 0 0 0 1.5h4.632c-.458 1.002-.895 1.784-1.419 2.51a14 14 0 0 1-.67-1.125.75.75 0 0 0-1.318.716c.324.597.64 1.12.998 1.61a24 24 0 0 1-1.676 1.619.75.75 0 0 0 .998 1.119 27 27 0 0 0 1.656-1.589c.634.643 1.408 1.274 2.442 2.022a.75.75 0 1 0 .88-1.215c-1.057-.765-1.778-1.363-2.34-1.95q.085-.11.168-.223c.73-.988 1.289-2.037 1.877-3.39a1 1 0 0 0 .036-.104h.447a.75.75 0 0 0 0-1.5h-2.606z",
|
|
11
11
|
clipRule: "evenodd"
|
|
12
12
|
}));
|
|
13
13
|
export default NameTranslateSizeMediumViewLinedSvg;
|
|
@@ -7,7 +7,7 @@ const NameTranslateSizeSmallViewLinedSvg = props => /*#__PURE__*/React.createEle
|
|
|
7
7
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
8
8
|
fill: "currentColor",
|
|
9
9
|
fillRule: "evenodd",
|
|
10
|
-
d: "M4.64 1.5a.75.75 0 0 1 .684.442l2.251 5.001a.75.75 0 0 1-1.368.616l-.225-.5A.1.1 0 0 0 5.891 7H3.389a.1.1 0 0 0-.091.059l-.225.5a.75.75 0 1 1-1.368-.616l2.251-5A.75.75 0 0 1 4.64 1.5m.577 3.859a.1.1 0 0 1-.091.141h-.972a.1.1 0 0 1-.09-.141l.485-1.08a.1.1 0 0 1 .182 0zm8.032 1.085a.743.743 0 0 0 .746-.75c-.015-.98-.076-1.574-.322-2.056a3 3 0 0 0-1.311-1.311c-.478-.243-1.065-.306-2.027-.322q-.062 0-.12.008a.75.75 0 0 0-.73 1.028l.
|
|
10
|
+
d: "M4.64 1.5a.75.75 0 0 1 .684.442l2.251 5.001a.75.75 0 0 1-1.368.616l-.225-.5A.1.1 0 0 0 5.891 7H3.389a.1.1 0 0 0-.091.059l-.225.5a.75.75 0 1 1-1.368-.616l2.251-5A.75.75 0 0 1 4.64 1.5m.577 3.859a.1.1 0 0 1-.091.141h-.972a.1.1 0 0 1-.09-.141l.485-1.08a.1.1 0 0 1 .182 0zm8.032 1.085a.743.743 0 0 0 .746-.75c-.015-.98-.076-1.574-.322-2.056a3 3 0 0 0-1.311-1.311c-.478-.243-1.065-.306-2.027-.322q-.062 0-.12.008a.75.75 0 0 0-.73 1.028l.64 1.603a.75.75 0 1 0 1.394-.557l-.21-.522c.218.031.316.07.372.098a1.5 1.5 0 0 1 .655.656c.038.074.095.225.128.633.017.209.026.45.03.743a.76.76 0 0 0 .755.75m-6.833 7.092a.74.74 0 0 1-.695.46c-.995-.015-1.596-.075-2.083-.323a3 3 0 0 1-1.311-1.311c-.246-.482-.307-1.077-.322-2.056a.743.743 0 0 1 .746-.75c.414 0 .747.335.754.749.005.293.014.534.03.743.034.408.09.559.128.633a1.5 1.5 0 0 0 .656.656c.05.025.138.06.319.09l-.225-.562a.75.75 0 0 1 1.393-.557l.64 1.602a.75.75 0 0 1-.03.626m5.288-5.95a.75.75 0 0 0-1.5 0v.378h-1.54a.75.75 0 1 0 0 1.5h2.865a10 10 0 0 1-.863 1.434 10 10 0 0 1-.336-.44.75.75 0 0 0-1.216.878c.184.254.365.488.556.708-.34.338-.734.693-1.208 1.092a.75.75 0 1 0 .967 1.147 21 21 0 0 0 1.333-1.21c.541.418 1.199.82 2.073 1.296a.75.75 0 0 0 .716-1.318c-.799-.434-1.359-.779-1.796-1.106.556-.728.988-1.503 1.439-2.481h.053a.75.75 0 0 0 0-1.5h-1.542z",
|
|
11
11
|
clipRule: "evenodd"
|
|
12
12
|
}));
|
|
13
13
|
export default NameTranslateSizeSmallViewLinedSvg;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pushwoosh/kit-icons",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.8",
|
|
4
4
|
"description": "React component for build Pushwoosh products",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.js",
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"sideEffects": false,
|
|
9
9
|
"scripts": {
|
|
10
10
|
"start": "npm run playground",
|
|
11
|
-
"build": "pushwoosh-engine lib:build && node ./scripts/bundleSVG.js",
|
|
11
|
+
"build": "pushwoosh-engine lib:build && node ./scripts/bundleSVG.js && cp ./ai-documentation.mdx ./dist/ai-documentation.mdx",
|
|
12
12
|
"playground": "`pushwoosh-engine lib:command:playground`",
|
|
13
13
|
"check": "npm run check:lint && npm run check:types",
|
|
14
14
|
"check:lint": "echo \"Run check:lint\" && eslint ./src",
|