@uipath/apollo-core 5.6.1-pr188.4865fad → 5.6.2-pr193.2d02898
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/README.md +26 -13
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -48,10 +48,12 @@ const fontFamily = ApolloCore.FontFamilyBase;
|
|
|
48
48
|
|
|
49
49
|
### Icons
|
|
50
50
|
|
|
51
|
-
Icons are available as raw SVG files:
|
|
51
|
+
Icons are available as raw SVG files (flattened in distribution):
|
|
52
52
|
|
|
53
53
|
```typescript
|
|
54
|
-
|
|
54
|
+
// Import from flat distribution structure
|
|
55
|
+
import iconSvg from '@uipath/apollo-core/icons/svg/add.svg';
|
|
56
|
+
import closeSvg from '@uipath/apollo-core/icons/svg/close.svg';
|
|
55
57
|
```
|
|
56
58
|
|
|
57
59
|
For React components, use `@uipath/apollo-react`:
|
|
@@ -86,22 +88,30 @@ All icons are exported from the official Apollo Icons Figma file:
|
|
|
86
88
|
|
|
87
89
|
**[Apollo Icons - Figma Design](https://www.figma.com/design/ejTd2JOd1BOEXTIp2TCtpr/Apollo--Icons-?node-id=2-1045&m=dev)**
|
|
88
90
|
|
|
89
|
-
###
|
|
91
|
+
### Icon Structure
|
|
90
92
|
|
|
91
|
-
The icon library contains **1,317 icons** organized into categories:
|
|
93
|
+
The icon library contains **1,317 icons** organized into categories in the source:
|
|
92
94
|
|
|
95
|
+
**Source Structure** (`src/icons/svg/`):
|
|
93
96
|
- `action/` - Action icons (add, delete, edit, etc.)
|
|
94
97
|
- `editor/` - Editor-specific icons
|
|
95
98
|
- `indicator-and-alert/` - Status and notification icons
|
|
96
99
|
- `logic/` - Workflow and logic icons
|
|
97
100
|
- `navigation/` - Navigation controls
|
|
98
101
|
- `object/` - Object representations
|
|
102
|
+
- `product-logo/` - Product logo icons
|
|
99
103
|
- `social/` - Social media icons
|
|
100
104
|
- `studio-icons/` - UiPath Studio-specific icons
|
|
105
|
+
- `studio-activities-icon-sets/` - Activity icons for automation
|
|
101
106
|
- `toggle/` - Toggle and selection controls
|
|
102
107
|
- `third-party/` - Third-party service logos
|
|
108
|
+
- `ui-agents-icons/` - UI agent icons
|
|
103
109
|
- `ui-bpmn-canvas/` - BPMN diagram elements
|
|
104
|
-
|
|
110
|
+
|
|
111
|
+
**Distribution Structure** (`dist/static/svg/`):
|
|
112
|
+
- All 1,317 icons are flattened into a single directory with unique names
|
|
113
|
+
- Nested icons are prefixed with their parent folder (e.g., `chevron-down.svg`)
|
|
114
|
+
- Accessible via `@uipath/apollo-core/icons/svg/{icon-name}.svg`
|
|
105
115
|
|
|
106
116
|
### Naming Convention (TEMPORARY)
|
|
107
117
|
|
|
@@ -207,8 +217,8 @@ import * as Tokens from '@uipath/apollo-core/tokens';
|
|
|
207
217
|
// Icon types and names
|
|
208
218
|
import { IconName, iconNames } from '@uipath/apollo-core/icons';
|
|
209
219
|
|
|
210
|
-
// Raw SVG files
|
|
211
|
-
import iconSvg from '@uipath/apollo-core/icons/svg/
|
|
220
|
+
// Raw SVG files (from flattened distribution)
|
|
221
|
+
import iconSvg from '@uipath/apollo-core/icons/svg/add.svg';
|
|
212
222
|
|
|
213
223
|
// CSS variables
|
|
214
224
|
import '@uipath/apollo-core/tokens/css/theme-variables.css';
|
|
@@ -228,17 +238,20 @@ apollo-core/
|
|
|
228
238
|
├── src/
|
|
229
239
|
│ ├── tokens/ # Design tokens (colors, spacing, etc.)
|
|
230
240
|
│ ├── icons/
|
|
231
|
-
│ │ ├── svg/ # Raw SVG icon files
|
|
241
|
+
│ │ ├── svg/ # Raw SVG icon files (organized by category)
|
|
232
242
|
│ │ ├── index.ts # Icon exports
|
|
233
243
|
│ │ └── types.ts # Icon type definitions
|
|
234
244
|
│ └── fonts/ # Font assets
|
|
235
245
|
├── scripts/
|
|
236
|
-
│ ├── build-tokens.js
|
|
237
|
-
│ ├── generate-icons.ts
|
|
238
|
-
│
|
|
246
|
+
│ ├── build-tokens.js # Token generation
|
|
247
|
+
│ ├── generate-icons.ts # Icon export generation
|
|
248
|
+
│ ├── process-icons.ts # Icon processing and naming
|
|
249
|
+
│ └── update-colors.ts # Icon color updates
|
|
239
250
|
└── dist/ # Built output
|
|
240
|
-
├── tokens/ # Generated token files
|
|
241
|
-
├── icons/ # Icon
|
|
251
|
+
├── tokens/ # Generated token files (CSS, JSS, LESS, SCSS)
|
|
252
|
+
├── icons/ # Icon TypeScript exports and types
|
|
253
|
+
├── static/
|
|
254
|
+
│ └── svg/ # Flattened SVG files (1,317 icons)
|
|
242
255
|
└── fonts/ # Font files
|
|
243
256
|
```
|
|
244
257
|
|