@uipath/apollo-core 5.6.1-pr188.4865fad → 5.6.2-pr193.51bd8fd
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 +27 -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,31 @@ 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
|
+
- Icons more than one folder deep are prefixed with their immediate parent folder (e.g., `navigation/chevron/down.svg` → `chevron-down.svg`)
|
|
114
|
+
- Icons only one folder deep keep their original name (e.g., `action/close.svg` → `close.svg`)
|
|
115
|
+
- Accessible via `@uipath/apollo-core/icons/svg/{icon-name}.svg`
|
|
105
116
|
|
|
106
117
|
### Naming Convention (TEMPORARY)
|
|
107
118
|
|
|
@@ -207,8 +218,8 @@ import * as Tokens from '@uipath/apollo-core/tokens';
|
|
|
207
218
|
// Icon types and names
|
|
208
219
|
import { IconName, iconNames } from '@uipath/apollo-core/icons';
|
|
209
220
|
|
|
210
|
-
// Raw SVG files
|
|
211
|
-
import iconSvg from '@uipath/apollo-core/icons/svg/
|
|
221
|
+
// Raw SVG files (from flattened distribution)
|
|
222
|
+
import iconSvg from '@uipath/apollo-core/icons/svg/add.svg';
|
|
212
223
|
|
|
213
224
|
// CSS variables
|
|
214
225
|
import '@uipath/apollo-core/tokens/css/theme-variables.css';
|
|
@@ -228,17 +239,20 @@ apollo-core/
|
|
|
228
239
|
├── src/
|
|
229
240
|
│ ├── tokens/ # Design tokens (colors, spacing, etc.)
|
|
230
241
|
│ ├── icons/
|
|
231
|
-
│ │ ├── svg/ # Raw SVG icon files
|
|
242
|
+
│ │ ├── svg/ # Raw SVG icon files (organized by category)
|
|
232
243
|
│ │ ├── index.ts # Icon exports
|
|
233
244
|
│ │ └── types.ts # Icon type definitions
|
|
234
245
|
│ └── fonts/ # Font assets
|
|
235
246
|
├── scripts/
|
|
236
|
-
│ ├── build-tokens.js
|
|
237
|
-
│ ├── generate-icons.ts
|
|
238
|
-
│
|
|
247
|
+
│ ├── build-tokens.js # Token generation
|
|
248
|
+
│ ├── generate-icons.ts # Icon export generation
|
|
249
|
+
│ ├── process-icons.ts # Icon processing and naming
|
|
250
|
+
│ └── update-colors.ts # Icon color updates
|
|
239
251
|
└── dist/ # Built output
|
|
240
|
-
├── tokens/ # Generated token files
|
|
241
|
-
├── icons/ # Icon
|
|
252
|
+
├── tokens/ # Generated token files (CSS, JSS, LESS, SCSS)
|
|
253
|
+
├── icons/ # Icon TypeScript exports and types
|
|
254
|
+
├── static/
|
|
255
|
+
│ └── svg/ # Flattened SVG files (1,317 icons)
|
|
242
256
|
└── fonts/ # Font files
|
|
243
257
|
```
|
|
244
258
|
|