@ds-mo/icons 8.0.0 → 8.1.1
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 +40 -12
- package/dist/agent.json +1 -1
- package/dist/agent.mjs +1 -1
- package/dist/createMapIcon.d.ts +28 -0
- package/dist/createMapIcon.mjs +22 -0
- package/dist/index.d.ts +18 -0
- package/dist/index.mjs +17 -0
- package/dist/map/MapEntityAsset.d.ts +2 -0
- package/dist/map/MapEntityAsset.mjs +9 -0
- package/dist/map/MapEntityPerson.d.ts +2 -0
- package/dist/map/MapEntityPerson.mjs +9 -0
- package/dist/map/MapEntityTravelGroup.d.ts +2 -0
- package/dist/map/MapEntityTravelGroup.mjs +10 -0
- package/dist/map/MapEntityVehicle.d.ts +2 -0
- package/dist/map/MapEntityVehicle.mjs +9 -0
- package/dist/map/MapExclamation.d.ts +2 -0
- package/dist/map/MapExclamation.mjs +10 -0
- package/dist/map/MapGatewayReconnect.d.ts +2 -0
- package/dist/map/MapGatewayReconnect.mjs +9 -0
- package/dist/map/MapGatewayStrikethrough.d.ts +2 -0
- package/dist/map/MapGatewayStrikethrough.mjs +11 -0
- package/dist/map/MapGeofence.d.ts +2 -0
- package/dist/map/MapGeofence.mjs +9 -0
- package/dist/map/MapKey.d.ts +2 -0
- package/dist/map/MapKey.mjs +9 -0
- package/dist/map/MapLightning.d.ts +2 -0
- package/dist/map/MapLightning.mjs +9 -0
- package/dist/map/MapLockClosed.d.ts +2 -0
- package/dist/map/MapLockClosed.mjs +10 -0
- package/dist/map/MapPencil.d.ts +2 -0
- package/dist/map/MapPencil.mjs +10 -0
- package/dist/map/MapPlus.d.ts +2 -0
- package/dist/map/MapPlus.mjs +9 -0
- package/dist/map/MapRewind.d.ts +2 -0
- package/dist/map/MapRewind.mjs +9 -0
- package/dist/map/MapShieldCircle.d.ts +2 -0
- package/dist/map/MapShieldCircle.mjs +10 -0
- package/dist/map/MapTarget.d.ts +2 -0
- package/dist/map/MapTarget.mjs +9 -0
- package/dist/map/index.d.ts +16 -0
- package/dist/map/index.mjs +16 -0
- package/dist/meta.json +184 -2
- package/dist/sprite.svg +48 -0
- package/dist/svg/index.d.ts +16 -0
- package/dist/svg/index.mjs +16 -0
- package/dist/svg/map/MapEntityAsset.d.ts +1 -0
- package/dist/svg/map/MapEntityAsset.mjs +1 -0
- package/dist/svg/map/MapEntityPerson.d.ts +1 -0
- package/dist/svg/map/MapEntityPerson.mjs +1 -0
- package/dist/svg/map/MapEntityTravelGroup.d.ts +1 -0
- package/dist/svg/map/MapEntityTravelGroup.mjs +1 -0
- package/dist/svg/map/MapEntityVehicle.d.ts +1 -0
- package/dist/svg/map/MapEntityVehicle.mjs +1 -0
- package/dist/svg/map/MapExclamation.d.ts +1 -0
- package/dist/svg/map/MapExclamation.mjs +1 -0
- package/dist/svg/map/MapGatewayReconnect.d.ts +1 -0
- package/dist/svg/map/MapGatewayReconnect.mjs +1 -0
- package/dist/svg/map/MapGatewayStrikethrough.d.ts +1 -0
- package/dist/svg/map/MapGatewayStrikethrough.mjs +1 -0
- package/dist/svg/map/MapGeofence.d.ts +1 -0
- package/dist/svg/map/MapGeofence.mjs +1 -0
- package/dist/svg/map/MapKey.d.ts +1 -0
- package/dist/svg/map/MapKey.mjs +1 -0
- package/dist/svg/map/MapLightning.d.ts +1 -0
- package/dist/svg/map/MapLightning.mjs +1 -0
- package/dist/svg/map/MapLockClosed.d.ts +1 -0
- package/dist/svg/map/MapLockClosed.mjs +1 -0
- package/dist/svg/map/MapPencil.d.ts +1 -0
- package/dist/svg/map/MapPencil.mjs +1 -0
- package/dist/svg/map/MapPlus.d.ts +1 -0
- package/dist/svg/map/MapPlus.mjs +1 -0
- package/dist/svg/map/MapRewind.d.ts +1 -0
- package/dist/svg/map/MapRewind.mjs +1 -0
- package/dist/svg/map/MapShieldCircle.d.ts +1 -0
- package/dist/svg/map/MapShieldCircle.mjs +1 -0
- package/dist/svg/map/MapTarget.d.ts +1 -0
- package/dist/svg/map/MapTarget.mjs +1 -0
- package/dist/svg/map/index.d.ts +16 -0
- package/dist/svg/map/index.mjs +16 -0
- package/dist/svg-files/MapEntityAsset.svg +1 -0
- package/dist/svg-files/MapEntityPerson.svg +1 -0
- package/dist/svg-files/MapEntityTravelGroup.svg +1 -0
- package/dist/svg-files/MapEntityVehicle.svg +1 -0
- package/dist/svg-files/MapExclamation.svg +1 -0
- package/dist/svg-files/MapGatewayReconnect.svg +1 -0
- package/dist/svg-files/MapGatewayStrikethrough.svg +1 -0
- package/dist/svg-files/MapGeofence.svg +1 -0
- package/dist/svg-files/MapKey.svg +1 -0
- package/dist/svg-files/MapLightning.svg +1 -0
- package/dist/svg-files/MapLockClosed.svg +1 -0
- package/dist/svg-files/MapPencil.svg +1 -0
- package/dist/svg-files/MapPlus.svg +1 -0
- package/dist/svg-files/MapRewind.svg +1 -0
- package/dist/svg-files/MapShieldCircle.svg +1 -0
- package/dist/svg-files/MapTarget.svg +1 -0
- package/package.json +24 -2
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/package/@ds-mo/icons)
|
|
4
4
|
|
|
5
|
-
IcoMo — **
|
|
5
|
+
IcoMo — **448 SVG icons** (400 system icons + 32 country flags + 16 map icons) as tree-shakeable React components, framework-agnostic SVG strings, TypeScript definitions, and an SVG sprite.
|
|
6
6
|
|
|
7
7
|
Part of the **ds-mo design system trilogy**: [@ds-mo/tokens](https://www.npmjs.com/package/@ds-mo/tokens) → **@ds-mo/icons** → [@ds-mo/ui](https://www.npmjs.com/package/@ds-mo/ui) (CompoMo).
|
|
8
8
|
|
|
@@ -58,8 +58,26 @@ Icons are grouped into **categories** so the pipeline can treat them differently
|
|
|
58
58
|
|---|---|---|---|
|
|
59
59
|
| `system` | 400 | ✅ `currentColor` | Monochrome UI icons — respond to CSS `color` and the `color` prop |
|
|
60
60
|
| `flag` | 32 | ❌ preserved | Multi-color country flags — hex + P3 wide-gamut colors kept verbatim |
|
|
61
|
+
| `map` | 16 | ✅ `currentColor` | Monochrome glyphs drawn for use inside a map marker shape |
|
|
61
62
|
|
|
62
|
-
Flag component names are prefixed with `Flag` (e.g. `FlagFrance`, `
|
|
63
|
+
Flag and map component names are prefixed with `Flag` / `Map` (e.g. `FlagFrance`, `MapEntityVehicle`) so every export is globally unique.
|
|
64
|
+
|
|
65
|
+
### Map icons
|
|
66
|
+
|
|
67
|
+
Map icons are themeable exactly like system icons — same `size` / `color` props — but they're drawn to sit inside a marker shape (pin, circle, cluster bubble). The shape is the consumer's (or CompoMo's); IcoMo ships only the glyph.
|
|
68
|
+
|
|
69
|
+
They're also fine to render standalone, e.g. in a map legend. What sets them apart is a type-level brand, so a marker component can require one:
|
|
70
|
+
|
|
71
|
+
```tsx
|
|
72
|
+
import type { MapIconComponent } from '@ds-mo/icons';
|
|
73
|
+
|
|
74
|
+
type MarkerProps = { icon: MapIconComponent };
|
|
75
|
+
|
|
76
|
+
<MapMarker icon={MapEntityVehicle} /> // ok
|
|
77
|
+
<MapMarker icon={ArrowRight} /> // type error — not a map icon
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
The brand is additive: a `MapIconComponent` still satisfies every generic icon slot, so nothing is restricted. Each map component also renders `data-category="map"` for styling and tooling.
|
|
63
81
|
|
|
64
82
|
## Usage
|
|
65
83
|
|
|
@@ -81,11 +99,11 @@ import { ArrowRight, CheckCircle, FlagFrance, FlagUnitedStates } from '@ds-mo/ic
|
|
|
81
99
|
|
|
82
100
|
All standard SVG attributes are forwarded. Category-specific props:
|
|
83
101
|
|
|
84
|
-
| Prop | System | Flag | Default | Description |
|
|
85
|
-
|
|
86
|
-
| `size` | ✅ | ✅ | `20` | Width and height |
|
|
87
|
-
| `color` | ✅ | — | `'currentColor'` | Fill color (
|
|
88
|
-
| `className` | ✅ | ✅ | — | CSS class |
|
|
102
|
+
| Prop | System | Flag | Map | Default | Description |
|
|
103
|
+
|---|---|---|---|---|---|
|
|
104
|
+
| `size` | ✅ | ✅ | ✅ | `20` | Width and height |
|
|
105
|
+
| `color` | ✅ | — | ✅ | `'currentColor'` | Fill color (monochrome categories only) |
|
|
106
|
+
| `className` | ✅ | ✅ | ✅ | — | CSS class |
|
|
89
107
|
|
|
90
108
|
### Direct / subpath imports
|
|
91
109
|
|
|
@@ -100,6 +118,10 @@ import { FlagFrance } from '@ds-mo/icons/flags/FlagFrance';
|
|
|
100
118
|
|
|
101
119
|
// Flag-only barrel
|
|
102
120
|
import { FlagFrance, FlagGermany } from '@ds-mo/icons/flags';
|
|
121
|
+
|
|
122
|
+
// Single map icon, or the map-only barrel
|
|
123
|
+
import { MapEntityVehicle } from '@ds-mo/icons/map/MapEntityVehicle';
|
|
124
|
+
import { MapGeofence, MapLockClosed } from '@ds-mo/icons/map';
|
|
103
125
|
```
|
|
104
126
|
|
|
105
127
|
### Framework-agnostic SVG strings
|
|
@@ -135,7 +157,7 @@ Xcode 12+ supports SVG directly in asset catalogs, so iOS consumes the same vect
|
|
|
135
157
|
The build emits a flat folder of standalone `.svg` files — one per icon, ready to drag into Xcode:
|
|
136
158
|
|
|
137
159
|
```bash
|
|
138
|
-
npm run build # generates dist/svg-files/<Name>.svg (
|
|
160
|
+
npm run build # generates dist/svg-files/<Name>.svg (448 files)
|
|
139
161
|
```
|
|
140
162
|
|
|
141
163
|
These ship with the package, so an iOS project can pull them straight out of `node_modules/@ds-mo/icons/dist/svg-files/` (or the `./svg-files/*` subpath export) without cloning this repo. Flags are prefixed (`FlagFrance.svg`) so the folder stays collision-free and flat.
|
|
@@ -172,8 +194,8 @@ Machine-readable icon list (for docs, agents, search indexes):
|
|
|
172
194
|
import meta from '@ds-mo/icons/meta';
|
|
173
195
|
|
|
174
196
|
meta.version // matches package version (e.g. "6.0.1")
|
|
175
|
-
meta.count //
|
|
176
|
-
meta.categories // { system: {count:400,themeable:true}, flag: {count:32,themeable:false} }
|
|
197
|
+
meta.count // 448
|
|
198
|
+
meta.categories // { system: {count:400,themeable:true}, flag: {count:32,themeable:false}, map: {count:16,themeable:true} }
|
|
177
199
|
meta.icons // [{ name, category, kebab, aliases }, ...]
|
|
178
200
|
```
|
|
179
201
|
|
|
@@ -185,7 +207,7 @@ IcoMo icons work with [CompoMo (@ds-mo/ui)](https://www.npmjs.com/package/@ds-mo
|
|
|
185
207
|
icon?: React.ComponentType<{ size?: number | string }>
|
|
186
208
|
```
|
|
187
209
|
|
|
188
|
-
|
|
210
|
+
System, flag, and map components all satisfy this interface:
|
|
189
211
|
|
|
190
212
|
```tsx
|
|
191
213
|
import { Button } from '@ds-mo/ui';
|
|
@@ -230,9 +252,15 @@ The build preserves **both**: modern browsers use the P3 style; older browsers f
|
|
|
230
252
|
2. Drop into `src/flags/` — filename is the country name in PascalCase (e.g. `NewZealand.svg` → exports as `FlagNewZealand`)
|
|
231
253
|
3. Run the build
|
|
232
254
|
|
|
255
|
+
### Map icons
|
|
256
|
+
|
|
257
|
+
1. Export SVG from Figma as 16×16 with `fill="black"` (same contract as a system icon)
|
|
258
|
+
2. Drop into `src/map/` **without** the `Map` prefix (e.g. `Geofence.svg` → exports as `MapGeofence`)
|
|
259
|
+
3. Run the build
|
|
260
|
+
|
|
233
261
|
### Adding a new category
|
|
234
262
|
|
|
235
|
-
Add a config entry to `scripts/utils/categories.mjs` with its own `dir`, `prefix`, and `normalize` rules. Drop SVGs into `src/<dir>/`.
|
|
263
|
+
Add a config entry to `scripts/utils/categories.mjs` with its own `dir`, `prefix`, `factory`, and `normalize` rules. Drop SVGs into `src/<dir>/`.
|
|
236
264
|
|
|
237
265
|
## Dev
|
|
238
266
|
|
package/dist/agent.json
CHANGED
package/dist/agent.mjs
CHANGED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { ForwardRefExoticComponent, RefAttributes, SVGAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface MapIconProps extends SVGAttributes<SVGSVGElement> {
|
|
4
|
+
/** Icon size in pixels. Defaults to 20. */
|
|
5
|
+
size?: number | string;
|
|
6
|
+
/** Icon color. Defaults to 'currentColor'. */
|
|
7
|
+
color?: string;
|
|
8
|
+
/** Additional CSS class name. */
|
|
9
|
+
className?: string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* A map glyph. Themeable like a system icon, but intended only for composition
|
|
14
|
+
* inside a marker shape (pin, circle, cluster bubble) — never inline in UI.
|
|
15
|
+
*
|
|
16
|
+
* The `iconCategory` brand enforces that: a component prop typed as
|
|
17
|
+
* MapIconComponent rejects system and flag icons at compile time.
|
|
18
|
+
*
|
|
19
|
+
* type MarkerProps = { icon: MapIconComponent };
|
|
20
|
+
* <MapMarker icon={MapTruck} /> // ok
|
|
21
|
+
* <MapMarker icon={ArrowRight} /> // type error
|
|
22
|
+
*/
|
|
23
|
+
export type MapIconComponent =
|
|
24
|
+
ForwardRefExoticComponent<MapIconProps & RefAttributes<SVGSVGElement>> & {
|
|
25
|
+
readonly iconCategory: 'map';
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
export declare function createMapIcon(name: string, children: React.ReactNode[]): MapIconComponent;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { forwardRef, createElement } from 'react';
|
|
2
|
+
|
|
3
|
+
const createMapIcon = (name, children) => {
|
|
4
|
+
const Icon = forwardRef(({ size = 20, color = 'currentColor', className, ...rest }, ref) =>
|
|
5
|
+
createElement('svg', {
|
|
6
|
+
ref,
|
|
7
|
+
xmlns: 'http://www.w3.org/2000/svg',
|
|
8
|
+
width: size,
|
|
9
|
+
height: size,
|
|
10
|
+
viewBox: '0 0 16 16',
|
|
11
|
+
fill: color,
|
|
12
|
+
className,
|
|
13
|
+
'data-icon': name,
|
|
14
|
+
'data-category': 'map',
|
|
15
|
+
...rest,
|
|
16
|
+
}, ...children)
|
|
17
|
+
);
|
|
18
|
+
Icon.iconCategory = 'map';
|
|
19
|
+
return Icon;
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
export { createMapIcon };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
export type { IconProps, IconComponent } from './createIcon.mjs';
|
|
2
2
|
export type { FlagIconProps, FlagIconComponent } from './createFlagIcon.mjs';
|
|
3
|
+
export type { MapIconProps, MapIconComponent } from './createMapIcon.mjs';
|
|
3
4
|
export { createIcon } from './createIcon.mjs';
|
|
4
5
|
export { createFlagIcon } from './createFlagIcon.mjs';
|
|
6
|
+
export { createMapIcon } from './createMapIcon.mjs';
|
|
5
7
|
|
|
6
8
|
export { AIAsterisk } from './icons/AIAsterisk.mjs';
|
|
7
9
|
export { AIChip } from './icons/AIChip.mjs';
|
|
@@ -435,3 +437,19 @@ export { FlagSpain } from './flags/FlagSpain.mjs';
|
|
|
435
437
|
export { FlagSweden } from './flags/FlagSweden.mjs';
|
|
436
438
|
export { FlagUnitedKingdom } from './flags/FlagUnitedKingdom.mjs';
|
|
437
439
|
export { FlagUnitedStates } from './flags/FlagUnitedStates.mjs';
|
|
440
|
+
export { MapEntityAsset } from './map/MapEntityAsset.mjs';
|
|
441
|
+
export { MapEntityPerson } from './map/MapEntityPerson.mjs';
|
|
442
|
+
export { MapEntityTravelGroup } from './map/MapEntityTravelGroup.mjs';
|
|
443
|
+
export { MapEntityVehicle } from './map/MapEntityVehicle.mjs';
|
|
444
|
+
export { MapExclamation } from './map/MapExclamation.mjs';
|
|
445
|
+
export { MapGatewayReconnect } from './map/MapGatewayReconnect.mjs';
|
|
446
|
+
export { MapGatewayStrikethrough } from './map/MapGatewayStrikethrough.mjs';
|
|
447
|
+
export { MapGeofence } from './map/MapGeofence.mjs';
|
|
448
|
+
export { MapKey } from './map/MapKey.mjs';
|
|
449
|
+
export { MapLightning } from './map/MapLightning.mjs';
|
|
450
|
+
export { MapLockClosed } from './map/MapLockClosed.mjs';
|
|
451
|
+
export { MapPencil } from './map/MapPencil.mjs';
|
|
452
|
+
export { MapPlus } from './map/MapPlus.mjs';
|
|
453
|
+
export { MapRewind } from './map/MapRewind.mjs';
|
|
454
|
+
export { MapShieldCircle } from './map/MapShieldCircle.mjs';
|
|
455
|
+
export { MapTarget } from './map/MapTarget.mjs';
|
package/dist/index.mjs
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { createIcon } from './createIcon.mjs';
|
|
2
2
|
export { createFlagIcon } from './createFlagIcon.mjs';
|
|
3
|
+
export { createMapIcon } from './createMapIcon.mjs';
|
|
3
4
|
|
|
4
5
|
export { AIAsterisk } from './icons/AIAsterisk.mjs';
|
|
5
6
|
export { AIChip } from './icons/AIChip.mjs';
|
|
@@ -433,3 +434,19 @@ export { FlagSpain } from './flags/FlagSpain.mjs';
|
|
|
433
434
|
export { FlagSweden } from './flags/FlagSweden.mjs';
|
|
434
435
|
export { FlagUnitedKingdom } from './flags/FlagUnitedKingdom.mjs';
|
|
435
436
|
export { FlagUnitedStates } from './flags/FlagUnitedStates.mjs';
|
|
437
|
+
export { MapEntityAsset } from './map/MapEntityAsset.mjs';
|
|
438
|
+
export { MapEntityPerson } from './map/MapEntityPerson.mjs';
|
|
439
|
+
export { MapEntityTravelGroup } from './map/MapEntityTravelGroup.mjs';
|
|
440
|
+
export { MapEntityVehicle } from './map/MapEntityVehicle.mjs';
|
|
441
|
+
export { MapExclamation } from './map/MapExclamation.mjs';
|
|
442
|
+
export { MapGatewayReconnect } from './map/MapGatewayReconnect.mjs';
|
|
443
|
+
export { MapGatewayStrikethrough } from './map/MapGatewayStrikethrough.mjs';
|
|
444
|
+
export { MapGeofence } from './map/MapGeofence.mjs';
|
|
445
|
+
export { MapKey } from './map/MapKey.mjs';
|
|
446
|
+
export { MapLightning } from './map/MapLightning.mjs';
|
|
447
|
+
export { MapLockClosed } from './map/MapLockClosed.mjs';
|
|
448
|
+
export { MapPencil } from './map/MapPencil.mjs';
|
|
449
|
+
export { MapPlus } from './map/MapPlus.mjs';
|
|
450
|
+
export { MapRewind } from './map/MapRewind.mjs';
|
|
451
|
+
export { MapShieldCircle } from './map/MapShieldCircle.mjs';
|
|
452
|
+
export { MapTarget } from './map/MapTarget.mjs';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { createElement } from 'react';
|
|
2
|
+
import { createMapIcon } from '../createMapIcon.mjs';
|
|
3
|
+
|
|
4
|
+
const MapEntityAsset = createMapIcon('map-entity-asset', [
|
|
5
|
+
createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M3 8C3 5.23858 5.23858 3 8 3C10.7614 3 13 5.23858 13 8C13 10.7614 10.7614 13 8 13C5.23858 13 3 10.7614 3 8Z", key: "a" }),
|
|
6
|
+
]);
|
|
7
|
+
|
|
8
|
+
MapEntityAsset.displayName = 'MapEntityAsset';
|
|
9
|
+
export { MapEntityAsset };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { createElement } from 'react';
|
|
2
|
+
import { createMapIcon } from '../createMapIcon.mjs';
|
|
3
|
+
|
|
4
|
+
const MapEntityPerson = createMapIcon('map-entity-person', [
|
|
5
|
+
createElement('path', { d: "M5 9.25C3.48122 9.25 2.25 10.4812 2.25 12V13L3 13.75H13L13.75 13V12C13.75 10.4812 12.5188 9.25 11 9.25H5ZM8 1.75C6.34315 1.75 5 3.09315 5 4.75C5 6.40685 6.34315 7.75 8 7.75C9.65685 7.75 11 6.40685 11 4.75C11 3.09315 9.65685 1.75 8 1.75Z", key: "a" }),
|
|
6
|
+
]);
|
|
7
|
+
|
|
8
|
+
MapEntityPerson.displayName = 'MapEntityPerson';
|
|
9
|
+
export { MapEntityPerson };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { createElement } from 'react';
|
|
2
|
+
import { createMapIcon } from '../createMapIcon.mjs';
|
|
3
|
+
|
|
4
|
+
const MapEntityTravelGroup = createMapIcon('map-entity-travel-group', [
|
|
5
|
+
createElement('path', { d: "M7.3291 1.66479L3.3291 9.66479L4.39742 10.6362L7.99992 8.38464L11.6024 10.6362L12.6707 9.66479L8.67074 1.66479H7.3291Z", key: "a" }),
|
|
6
|
+
createElement('path', { d: "M12.3975 12.8639L8.00004 10.1155L3.60254 12.8639L4.39754 14.1359L8.00004 11.8843L11.6025 14.1359L12.3975 12.8639Z", key: "b" }),
|
|
7
|
+
]);
|
|
8
|
+
|
|
9
|
+
MapEntityTravelGroup.displayName = 'MapEntityTravelGroup';
|
|
10
|
+
export { MapEntityTravelGroup };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { createElement } from 'react';
|
|
2
|
+
import { createMapIcon } from '../createMapIcon.mjs';
|
|
3
|
+
|
|
4
|
+
const MapEntityVehicle = createMapIcon('map-entity-vehicle', [
|
|
5
|
+
createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M2.3291 12.16L7.3291 2.16H8.67074L13.6707 12.16L12.614 13.1385L7.99992 10.3701L3.38579 13.1385L2.3291 12.16Z", key: "a" }),
|
|
6
|
+
]);
|
|
7
|
+
|
|
8
|
+
MapEntityVehicle.displayName = 'MapEntityVehicle';
|
|
9
|
+
export { MapEntityVehicle };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { createElement } from 'react';
|
|
2
|
+
import { createMapIcon } from '../createMapIcon.mjs';
|
|
3
|
+
|
|
4
|
+
const MapExclamation = createMapIcon('map-exclamation', [
|
|
5
|
+
createElement('path', { d: "M9.49336 2H6.50684L7.08969 10.16H8.9105L9.49336 2Z", key: "a" }),
|
|
6
|
+
createElement('path', { d: "M9.2001 11.6H6.8001V14H9.2001V11.6Z", key: "b" }),
|
|
7
|
+
]);
|
|
8
|
+
|
|
9
|
+
MapExclamation.displayName = 'MapExclamation';
|
|
10
|
+
export { MapExclamation };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { createElement } from 'react';
|
|
2
|
+
import { createMapIcon } from '../createMapIcon.mjs';
|
|
3
|
+
|
|
4
|
+
const MapGatewayReconnect = createMapIcon('map-gateway-reconnect', [
|
|
5
|
+
createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M4.24268 8.85355L2.29813 10.7981L3.35879 11.8588L3.98555 11.232L4.6123 11.8588C6.42914 13.6756 9.27299 13.8395 11.2751 12.3505L12.1976 13.273L13.2583 12.2123L12.3358 11.2898C13.8248 9.28767 13.6609 6.44382 11.8441 4.62698L11.2173 4.00023L11.8441 3.37347L10.7834 2.31281L8.83887 4.25736L6.54077 1.95926L5.48011 3.01992L7.77821 5.31802L5.30334 7.79289L3.00524 5.49479L1.94458 6.55545L4.24268 8.85355Z", key: "a" }),
|
|
6
|
+
]);
|
|
7
|
+
|
|
8
|
+
MapGatewayReconnect.displayName = 'MapGatewayReconnect';
|
|
9
|
+
export { MapGatewayReconnect };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { createElement } from 'react';
|
|
2
|
+
import { createMapIcon } from '../createMapIcon.mjs';
|
|
3
|
+
|
|
4
|
+
const MapGatewayStrikethrough = createMapIcon('map-gateway-strikethrough', [
|
|
5
|
+
createElement('path', { d: "M4.24805 8.85425L2.3035 10.7988L3.18729 11.6826L11.6726 3.1973L10.7888 2.31351L8.84424 4.25806L6.54614 1.95996L5.48549 3.02062L7.78358 5.31872L5.30871 7.79359L3.01061 5.49549L1.94995 6.55615L4.24805 8.85425Z", key: "a" }),
|
|
6
|
+
createElement('path', { d: "M11.2805 12.3512C9.79073 13.4591 7.83493 13.6519 6.18297 12.9295L12.9195 6.19298C13.6419 7.84494 13.4491 9.80074 12.3412 11.2905L13.2637 12.213L12.203 13.2737L11.2805 12.3512Z", key: "b" }),
|
|
7
|
+
createElement('path', { d: "M13.6171 2.31348L2.30336 13.6272L3.36402 14.6878L14.6777 3.37414L13.6171 2.31348Z", key: "c" }),
|
|
8
|
+
]);
|
|
9
|
+
|
|
10
|
+
MapGatewayStrikethrough.displayName = 'MapGatewayStrikethrough';
|
|
11
|
+
export { MapGatewayStrikethrough };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { createElement } from 'react';
|
|
2
|
+
import { createMapIcon } from '../createMapIcon.mjs';
|
|
3
|
+
|
|
4
|
+
const MapGeofence = createMapIcon('map-geofence', [
|
|
5
|
+
createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M4.5 2.5C3.67157 2.5 3 3.17157 3 4C3 4.42329 3.17533 4.80563 3.45734 5.07836L2.08758 10.5574C1.45969 10.7366 1 11.3146 1 12C1 12.8284 1.67157 13.5 2.5 13.5C3.05521 13.5 3.53997 13.1984 3.79933 12.75H12.2007C12.46 13.1984 12.9448 13.5 13.5 13.5C14.3284 13.5 15 12.8284 15 12C15 11.3146 14.5403 10.7366 13.9124 10.5574L12.5427 5.07834C12.8247 4.80562 13 4.42328 13 4C13 3.17157 12.3284 2.5 11.5 2.5C10.9448 2.5 10.46 2.80165 10.2007 3.25H5.79933C5.53997 2.80165 5.05521 2.5 4.5 2.5ZM10.2007 4.75H5.79933C5.60679 5.08284 5.29003 5.33483 4.91245 5.44258L3.54268 10.9217C3.64266 11.0183 3.72922 11.1288 3.79933 11.25H12.2007C12.2708 11.1288 12.3574 11.0183 12.4573 10.9216L11.0876 5.44259C10.71 5.33484 10.3932 5.08285 10.2007 4.75Z", key: "a" }),
|
|
6
|
+
]);
|
|
7
|
+
|
|
8
|
+
MapGeofence.displayName = 'MapGeofence';
|
|
9
|
+
export { MapGeofence };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { createElement } from 'react';
|
|
2
|
+
import { createMapIcon } from '../createMapIcon.mjs';
|
|
3
|
+
|
|
4
|
+
const MapKey = createMapIcon('map-key', [
|
|
5
|
+
createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M9.99992 2.25C12.071 2.25 13.7499 3.92893 13.7499 6C13.7499 8.07107 12.071 9.75 9.99992 9.75C9.23472 9.75 8.52306 9.52082 7.92983 9.12735L6.80995 10.2494L8.03014 11.4696L6.26779 13.232L5.04812 12.0123L3.03014 14.0303L1.96948 12.9696L6.86952 8.06548C6.47791 7.47317 6.24992 6.76321 6.24992 6C6.24991 3.92893 7.92885 2.25 9.99992 2.25ZM12.2499 6C12.2499 4.75736 11.2426 3.75 9.99992 3.75C8.75727 3.75 7.74991 4.75736 7.74992 6C7.74992 7.24264 8.75727 8.25 9.99992 8.25C11.2426 8.25 12.2499 7.24264 12.2499 6Z", key: "a" }),
|
|
6
|
+
]);
|
|
7
|
+
|
|
8
|
+
MapKey.displayName = 'MapKey';
|
|
9
|
+
export { MapKey };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { createElement } from 'react';
|
|
2
|
+
import { createMapIcon } from '../createMapIcon.mjs';
|
|
3
|
+
|
|
4
|
+
const MapLightning = createMapIcon('map-lightning', [
|
|
5
|
+
createElement('path', { d: "M9.77827 1.5H10.773L9.65353 5.97804L12.75 6.86269V8.0605L6.3105 14.5H5.28511L6.37892 9.03098L3.25 8.137V6.94023L9.77827 1.5Z", key: "a" }),
|
|
6
|
+
]);
|
|
7
|
+
|
|
8
|
+
MapLightning.displayName = 'MapLightning';
|
|
9
|
+
export { MapLightning };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { createElement } from 'react';
|
|
2
|
+
import { createMapIcon } from '../createMapIcon.mjs';
|
|
3
|
+
|
|
4
|
+
const MapLockClosed = createMapIcon('map-lock-closed', [
|
|
5
|
+
createElement('path', { d: "M8 8.25C7.30964 8.25 6.75 8.80964 6.75 9.5C6.75 10.1904 7.30964 10.75 8 10.75C8.69036 10.75 9.25 10.1904 9.25 9.5C9.25 8.80964 8.69036 8.25 8 8.25Z", key: "a" }),
|
|
6
|
+
createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M11.25 4V5.25H11.5C12.4665 5.25 13.25 6.0335 13.25 7V13.75H2.75V7C2.75 6.0335 3.5335 5.25 4.5 5.25H4.75V4C4.75 2.48122 5.98122 1.25 7.5 1.25H8.5C10.0188 1.25 11.25 2.48122 11.25 4ZM6.25 4C6.25 3.30964 6.80964 2.75 7.5 2.75H8.5C9.19036 2.75 9.75 3.30964 9.75 4V5.25H6.25V4ZM8 6.75C6.48122 6.75 5.25 7.98122 5.25 9.5C5.25 11.0188 6.48122 12.25 8 12.25C9.51878 12.25 10.75 11.0188 10.75 9.5C10.75 7.98122 9.51878 6.75 8 6.75Z", key: "b" }),
|
|
7
|
+
]);
|
|
8
|
+
|
|
9
|
+
MapLockClosed.displayName = 'MapLockClosed';
|
|
10
|
+
export { MapLockClosed };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { createElement } from 'react';
|
|
2
|
+
import { createMapIcon } from '../createMapIcon.mjs';
|
|
3
|
+
|
|
4
|
+
const MapPencil = createMapIcon('map-pencil', [
|
|
5
|
+
createElement('path', { d: "M7.06445 12.125L6.83789 12.3525L2.81055 14.1826L1.81738 13.1895L3.64844 9.16211L3.875 8.93555L7.06445 12.125Z", key: "a" }),
|
|
6
|
+
createElement('path', { d: "M14.5605 4.62891L8.125 11.0645L4.93555 7.875L11.3711 1.43945L14.5605 4.62891Z", key: "b" }),
|
|
7
|
+
]);
|
|
8
|
+
|
|
9
|
+
MapPencil.displayName = 'MapPencil';
|
|
10
|
+
export { MapPencil };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { createElement } from 'react';
|
|
2
|
+
import { createMapIcon } from '../createMapIcon.mjs';
|
|
3
|
+
|
|
4
|
+
const MapPlus = createMapIcon('map-plus', [
|
|
5
|
+
createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M8.75 1.75V7.25H14.25V8.75H8.75V14.25H7.25V8.75H1.75V7.25H7.25V1.75H8.75Z", key: "a" }),
|
|
6
|
+
]);
|
|
7
|
+
|
|
8
|
+
MapPlus.displayName = 'MapPlus';
|
|
9
|
+
export { MapPlus };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { createElement } from 'react';
|
|
2
|
+
import { createMapIcon } from '../createMapIcon.mjs';
|
|
3
|
+
|
|
4
|
+
const MapRewind = createMapIcon('map-rewind', [
|
|
5
|
+
createElement('path', { d: "M1.5 8.59653L7.27739 11.2226L8.25002 10.25V8.93745L13.2774 11.2226L14.25 10.25V5.75003L13.2773 4.77734L8.25002 7.06249V5.75003L7.27733 4.77734L1.5 7.4034V8.59653Z", key: "a" }),
|
|
6
|
+
]);
|
|
7
|
+
|
|
8
|
+
MapRewind.displayName = 'MapRewind';
|
|
9
|
+
export { MapRewind };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { createElement } from 'react';
|
|
2
|
+
import { createMapIcon } from '../createMapIcon.mjs';
|
|
3
|
+
|
|
4
|
+
const MapShieldCircle = createMapIcon('map-shield-circle', [
|
|
5
|
+
createElement('path', { d: "M6.75 7.57739C6.75 6.88704 7.30964 6.32739 8 6.32739C8.69036 6.32739 9.25 6.88704 9.25 7.57739C9.25 8.26775 8.69036 8.82739 8 8.82739C7.30964 8.82739 6.75 8.26775 6.75 7.57739Z", key: "a" }),
|
|
6
|
+
createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M8 1.2876L14.25 2.42396V7.04989C14.25 11.3365 10.8339 13.7035 8.72825 14.7122H7.27175C5.1661 13.7035 1.75 11.3365 1.75 7.04989V2.42396L8 1.2876ZM8 4.82739C6.48122 4.82739 5.25 6.05861 5.25 7.57739C5.25 9.09618 6.48122 10.3274 8 10.3274C9.51878 10.3274 10.75 9.09618 10.75 7.57739C10.75 6.05861 9.51878 4.82739 8 4.82739Z", key: "b" }),
|
|
7
|
+
]);
|
|
8
|
+
|
|
9
|
+
MapShieldCircle.displayName = 'MapShieldCircle';
|
|
10
|
+
export { MapShieldCircle };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { createElement } from 'react';
|
|
2
|
+
import { createMapIcon } from '../createMapIcon.mjs';
|
|
3
|
+
|
|
4
|
+
const MapTarget = createMapIcon('map-target', [
|
|
5
|
+
createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M8.75 2.29847C11.3258 2.634 13.366 4.67421 13.7015 7.25H15.25V8.75H13.7015C13.366 11.3258 11.3258 13.366 8.75 13.7015V15.25H7.25V13.7015C4.67421 13.366 2.634 11.3258 2.29847 8.75H0.75V7.25H2.29847C2.634 4.67421 4.67421 2.634 7.25 2.29847V0.75H8.75V2.29847ZM8.75 3.81597V5.25H7.25V3.81597C5.50395 4.12685 4.12685 5.50395 3.81597 7.25H5.25V8.75H3.81597C4.12685 10.4961 5.50395 11.8731 7.25 12.184V10.75H8.75V12.184C10.4961 11.8731 11.8731 10.4961 12.184 8.75H10.75V7.25H12.184C11.8731 5.50395 10.4961 4.12685 8.75 3.81597Z", key: "a" }),
|
|
6
|
+
]);
|
|
7
|
+
|
|
8
|
+
MapTarget.displayName = 'MapTarget';
|
|
9
|
+
export { MapTarget };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export { MapEntityAsset } from './MapEntityAsset.mjs';
|
|
2
|
+
export { MapEntityPerson } from './MapEntityPerson.mjs';
|
|
3
|
+
export { MapEntityTravelGroup } from './MapEntityTravelGroup.mjs';
|
|
4
|
+
export { MapEntityVehicle } from './MapEntityVehicle.mjs';
|
|
5
|
+
export { MapExclamation } from './MapExclamation.mjs';
|
|
6
|
+
export { MapGatewayReconnect } from './MapGatewayReconnect.mjs';
|
|
7
|
+
export { MapGatewayStrikethrough } from './MapGatewayStrikethrough.mjs';
|
|
8
|
+
export { MapGeofence } from './MapGeofence.mjs';
|
|
9
|
+
export { MapKey } from './MapKey.mjs';
|
|
10
|
+
export { MapLightning } from './MapLightning.mjs';
|
|
11
|
+
export { MapLockClosed } from './MapLockClosed.mjs';
|
|
12
|
+
export { MapPencil } from './MapPencil.mjs';
|
|
13
|
+
export { MapPlus } from './MapPlus.mjs';
|
|
14
|
+
export { MapRewind } from './MapRewind.mjs';
|
|
15
|
+
export { MapShieldCircle } from './MapShieldCircle.mjs';
|
|
16
|
+
export { MapTarget } from './MapTarget.mjs';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export { MapEntityAsset } from './MapEntityAsset.mjs';
|
|
2
|
+
export { MapEntityPerson } from './MapEntityPerson.mjs';
|
|
3
|
+
export { MapEntityTravelGroup } from './MapEntityTravelGroup.mjs';
|
|
4
|
+
export { MapEntityVehicle } from './MapEntityVehicle.mjs';
|
|
5
|
+
export { MapExclamation } from './MapExclamation.mjs';
|
|
6
|
+
export { MapGatewayReconnect } from './MapGatewayReconnect.mjs';
|
|
7
|
+
export { MapGatewayStrikethrough } from './MapGatewayStrikethrough.mjs';
|
|
8
|
+
export { MapGeofence } from './MapGeofence.mjs';
|
|
9
|
+
export { MapKey } from './MapKey.mjs';
|
|
10
|
+
export { MapLightning } from './MapLightning.mjs';
|
|
11
|
+
export { MapLockClosed } from './MapLockClosed.mjs';
|
|
12
|
+
export { MapPencil } from './MapPencil.mjs';
|
|
13
|
+
export { MapPlus } from './MapPlus.mjs';
|
|
14
|
+
export { MapRewind } from './MapRewind.mjs';
|
|
15
|
+
export { MapShieldCircle } from './MapShieldCircle.mjs';
|
|
16
|
+
export { MapTarget } from './MapTarget.mjs';
|