@ds-mo/icons 0.2.1 → 0.3.0
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 +5 -1
- package/dist/icons/GaugeTemperature.d.ts +2 -0
- package/dist/icons/{GuageTemperature.mjs → GaugeTemperature.mjs} +3 -3
- package/dist/index.d.ts +1 -1
- package/dist/index.mjs +1 -1
- package/dist/meta.d.ts +14 -0
- package/dist/meta.json +3411 -0
- package/dist/meta.mjs +2 -0
- package/dist/sprite.svg +4 -4
- package/package.json +7 -1
- package/dist/icons/GuageTemperature.d.ts +0 -2
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @ds-mo/icons
|
|
2
2
|
|
|
3
|
-
IcoMo —
|
|
3
|
+
IcoMo — 377 SVG icons as tree-shakeable React components, TypeScript definitions, and SVG sprite.
|
|
4
4
|
|
|
5
5
|
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).
|
|
6
6
|
|
|
@@ -16,6 +16,10 @@ pnpm add @ds-mo/icons
|
|
|
16
16
|
|
|
17
17
|
React is a peer dependency — make sure it's installed in your project.
|
|
18
18
|
|
|
19
|
+
## Icon browser
|
|
20
|
+
|
|
21
|
+
Browse and search all icons at the [GitHub Pages icon browser](https://zainadeel.github.io/icomo/). Includes a live search, size slider, and click-to-copy import statements.
|
|
22
|
+
|
|
19
23
|
## Usage
|
|
20
24
|
|
|
21
25
|
### React components
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { createElement } from 'react';
|
|
2
2
|
import { createIcon } from '../createIcon.mjs';
|
|
3
3
|
|
|
4
|
-
const
|
|
4
|
+
const GaugeTemperature = createIcon('gauge-temperature', [
|
|
5
5
|
createElement('path', { d: 'M7.5 4H8.5V10.1338C8.7989 10.3067 9 10.6299 9 11C9 11.5523 8.55228 12 8 12C7.44772 12 7 11.5523 7 11C7 10.6299 7.2011 10.3067 7.5 10.1338V4Z', key: 'a' }),
|
|
6
6
|
createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M7 2C6.17157 2 5.5 2.67157 5.5 3.5V9.34146C5.18426 9.81659 5 10.3873 5 11C5 12.6569 6.34315 14 8 14C9.65685 14 11 12.6569 11 11C11 10.3873 10.8158 9.81644 10.5 9.3412V3.5C10.5 2.67157 9.82843 2 9 2H7ZM6.5 3.5C6.5 3.22386 6.72386 3 7 3H9C9.27614 3 9.5 3.22386 9.5 3.5V9.66666L9.60025 9.80009C9.85138 10.1343 10 10.5491 10 11C10 12.1046 9.10457 13 8 13C6.89543 13 6 12.1046 6 11C6 10.5492 6.14864 10.1346 6.39977 9.80031L6.5 9.66688V3.5Z', key: 'b' }),
|
|
7
7
|
]);
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
export {
|
|
9
|
+
GaugeTemperature.displayName = 'GaugeTemperature';
|
|
10
|
+
export { GaugeTemperature };
|
package/dist/index.d.ts
CHANGED
|
@@ -163,6 +163,7 @@ export { FuelPump } from './icons/FuelPump.mjs';
|
|
|
163
163
|
export { FullScreen } from './icons/FullScreen.mjs';
|
|
164
164
|
export { FullScreenExit } from './icons/FullScreenExit.mjs';
|
|
165
165
|
export { Gauge } from './icons/Gauge.mjs';
|
|
166
|
+
export { GaugeTemperature } from './icons/GaugeTemperature.mjs';
|
|
166
167
|
export { Gear } from './icons/Gear.mjs';
|
|
167
168
|
export { GearCheck } from './icons/GearCheck.mjs';
|
|
168
169
|
export { Geofence } from './icons/Geofence.mjs';
|
|
@@ -177,7 +178,6 @@ export { GraphBars } from './icons/GraphBars.mjs';
|
|
|
177
178
|
export { GraphDecreasing } from './icons/GraphDecreasing.mjs';
|
|
178
179
|
export { GraphIncreasing } from './icons/GraphIncreasing.mjs';
|
|
179
180
|
export { GroupBy } from './icons/GroupBy.mjs';
|
|
180
|
-
export { GuageTemperature } from './icons/GuageTemperature.mjs';
|
|
181
181
|
export { Hamburger } from './icons/Hamburger.mjs';
|
|
182
182
|
export { Headset } from './icons/Headset.mjs';
|
|
183
183
|
export { History } from './icons/History.mjs';
|
package/dist/index.mjs
CHANGED
|
@@ -162,6 +162,7 @@ export { FuelPump } from './icons/FuelPump.mjs';
|
|
|
162
162
|
export { FullScreen } from './icons/FullScreen.mjs';
|
|
163
163
|
export { FullScreenExit } from './icons/FullScreenExit.mjs';
|
|
164
164
|
export { Gauge } from './icons/Gauge.mjs';
|
|
165
|
+
export { GaugeTemperature } from './icons/GaugeTemperature.mjs';
|
|
165
166
|
export { Gear } from './icons/Gear.mjs';
|
|
166
167
|
export { GearCheck } from './icons/GearCheck.mjs';
|
|
167
168
|
export { Geofence } from './icons/Geofence.mjs';
|
|
@@ -176,7 +177,6 @@ export { GraphBars } from './icons/GraphBars.mjs';
|
|
|
176
177
|
export { GraphDecreasing } from './icons/GraphDecreasing.mjs';
|
|
177
178
|
export { GraphIncreasing } from './icons/GraphIncreasing.mjs';
|
|
178
179
|
export { GroupBy } from './icons/GroupBy.mjs';
|
|
179
|
-
export { GuageTemperature } from './icons/GuageTemperature.mjs';
|
|
180
180
|
export { Hamburger } from './icons/Hamburger.mjs';
|
|
181
181
|
export { Headset } from './icons/Headset.mjs';
|
|
182
182
|
export { History } from './icons/History.mjs';
|
package/dist/meta.d.ts
ADDED