Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@equinor/eds-icons

Package Overview
Dependencies
Maintainers
3
Versions
40
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@equinor/eds-icons - npm Package Compare versions

Comparing version 0.10.0 to 0.11.0

85

dist/types/src/data.d.ts

@@ -7,3 +7,2 @@ import type { IconData } from './types';

export declare const fullscreen_exit: IconData;
export declare const fullscreen: IconData;
export declare const vertical_split: IconData;

@@ -58,2 +57,3 @@ export declare const view_agenda: IconData;

export declare const miniplayer_fullscreen: IconData;
export declare const fullscreen: IconData;
export declare const select_all: IconData;

@@ -98,3 +98,2 @@ export declare const unarchive: IconData;

export declare const setting_backup_restore: IconData;
export declare const search: IconData;
export declare const searched_history: IconData;

@@ -117,8 +116,3 @@ export declare const favorite_filled: IconData;

export declare const close_circle_outlined: IconData;
export declare const close: IconData;
export declare const check_circle_outlined: IconData;
export declare const check: IconData;
export declare const checkbox: IconData;
export declare const checkbox_outline: IconData;
export declare const checkbox_indeterminate: IconData;
export declare const radio_button_selected: IconData;

@@ -130,2 +124,9 @@ export declare const radio_button_unselected: IconData;

export declare const log_in: IconData;
export declare const check_circle_outlined: IconData;
export declare const close: IconData;
export declare const search: IconData;
export declare const checkbox: IconData;
export declare const checkbox_outline: IconData;
export declare const checkbox_indeterminate: IconData;
export declare const zip_file: IconData;
export declare const calendar_event: IconData;

@@ -136,5 +137,3 @@ export declare const calendar_accept: IconData;

export declare const timer_off: IconData;
export declare const calendar: IconData;
export declare const calendar_today: IconData;
export declare const time: IconData;
export declare const calendar_date_range: IconData;

@@ -148,2 +147,4 @@ export declare const alarm: IconData;

export declare const hourglass_full: IconData;
export declare const calendar: IconData;
export declare const time: IconData;
export declare const cable: IconData;

@@ -233,13 +234,13 @@ export declare const beat: IconData;

export declare const do_not_disturb: IconData;
export declare const notifications: IconData;
export declare const notifications_active: IconData;
export declare const notifications_off: IconData;
export declare const notifications_paused: IconData;
export declare const warning_outlined: IconData;
export declare const warning_filled: IconData;
export declare const error_outlined: IconData;
export declare const error_filled: IconData;
export declare const sync: IconData;
export declare const sync_off: IconData;
export declare const sync_problem: IconData;
export declare const notifications: IconData;
export declare const notifications_active: IconData;
export declare const notifications_off: IconData;
export declare const error_filled: IconData;
export declare const warning_filled: IconData;
export declare const menu: IconData;

@@ -255,2 +256,4 @@ export declare const apps: IconData;

export declare const go_to: IconData;
export declare const subsea_drone: IconData;
export declare const onshore_drone: IconData;
export declare const van: IconData;

@@ -309,3 +312,3 @@ export declare const motorcycle: IconData;

export declare const flight_takeoff: IconData;
export declare const communte: IconData;
export declare const commute: IconData;
export declare const explore: IconData;

@@ -315,2 +318,4 @@ export declare const explore_off: IconData;

export declare const thumb_pin: IconData;
export declare const anchor: IconData;
export declare const aerial_drone: IconData;
export declare const camera: IconData;

@@ -330,3 +335,3 @@ export declare const phone: IconData;

export declare const memory: IconData;
export declare const headseat_mic: IconData;
export declare const headset_mic: IconData;
export declare const headset: IconData;

@@ -348,3 +353,3 @@ export declare const gamepad: IconData;

export declare const device_unknown: IconData;
export declare const desktop_windwos: IconData;
export declare const desktop_windows: IconData;
export declare const desktop_mac: IconData;

@@ -366,3 +371,3 @@ export declare const computer: IconData;

export declare const fridge: IconData;
export declare const breifcase: IconData;
export declare const briefcase: IconData;
export declare const dice: IconData;

@@ -387,3 +392,2 @@ export declare const toilet: IconData;

export declare const puzzle: IconData;
export declare const placeholder_icon: IconData;
export declare const smoking_off: IconData;

@@ -399,2 +403,3 @@ export declare const smoking: IconData;

export declare const gavel: IconData;
export declare const placeholder_icon: IconData;
export declare const folder_shared: IconData;

@@ -475,3 +480,3 @@ export declare const folder_add: IconData;

export declare const functions: IconData;
export declare const format_stikethrough: IconData;
export declare const format_strikethrough: IconData;
export declare const wrap_text: IconData;

@@ -555,4 +560,4 @@ export declare const vertical_align_top: IconData;

export declare const mood_happy: IconData;
export declare const mood_extreamly_sad: IconData;
export declare const mood_extreamly_happy: IconData;
export declare const mood_extremely_sad: IconData;
export declare const mood_extremely_happy: IconData;
export declare const comment_add: IconData;

@@ -563,3 +568,2 @@ export declare const comment_chat_off: IconData;

export declare const thumbs_down: IconData;
export declare const thumbs_up: IconData;
export declare const thumbs_up_down: IconData;

@@ -570,2 +574,3 @@ export declare const support: IconData;

export declare const info_circle: IconData;
export declare const thumbs_up: IconData;
export declare const donut_large: IconData;

@@ -638,4 +643,2 @@ export declare const donut_outlined: IconData;

export declare const record_voice_off: IconData;
export declare const subdirectory_arrow_right: IconData;
export declare const subdirectory_arrow_left: IconData;
export declare const last_page: IconData;

@@ -645,12 +648,6 @@ export declare const first_page: IconData;

export declare const unfold_less: IconData;
export declare const arrow_drop_left: IconData;
export declare const arrow_drop_right: IconData;
export declare const arrow_drop_up: IconData;
export declare const arrow_drop_down: IconData;
export declare const arrow_forward_ios: IconData;
export declare const arrow_back_ios: IconData;
export declare const arrow_up: IconData;
export declare const arrow_forward: IconData;
export declare const arrow_down: IconData;
export declare const arrow_back: IconData;
export declare const swap_horizontal: IconData;
export declare const swap_horizontal_circle: IconData;
export declare const swap_vertical: IconData;
export declare const swap_vertical_circle: IconData;
export declare const chevron_down: IconData;

@@ -660,6 +657,14 @@ export declare const chevron_left: IconData;

export declare const chevron_up: IconData;
export declare const swap_horizontal: IconData;
export declare const swap_horizontal_circle: IconData;
export declare const swap_vertical: IconData;
export declare const swap_vertical_circle: IconData;
export declare const arrow_back: IconData;
export declare const arrow_down: IconData;
export declare const arrow_forward: IconData;
export declare const arrow_up: IconData;
export declare const arrow_back_ios: IconData;
export declare const arrow_forward_ios: IconData;
export declare const arrow_drop_down: IconData;
export declare const arrow_drop_up: IconData;
export declare const arrow_drop_right: IconData;
export declare const arrow_drop_left: IconData;
export declare const subdirectory_arrow_left: IconData;
export declare const subdirectory_arrow_right: IconData;
export declare const label: IconData;

@@ -678,3 +683,2 @@ export declare const label_off: IconData;

export declare const pregnant_woman: IconData;
export declare const accessible: IconData;
export declare const wheelchair: IconData;

@@ -686,1 +690,2 @@ export declare const accessible_forward: IconData;

export declare const translate: IconData;
export declare const accessible: IconData;

3

dist/types/src/types.d.ts

@@ -9,2 +9,5 @@ import * as icons from './data';

svgPathData: string;
sizes?: {
small: Omit<IconData, 'sizes'>;
};
};

16

package.json
{
"name": "@equinor/eds-icons",
"version": "0.10.0",
"version": "0.11.0",
"description": "Icons from the Equinor Design System",

@@ -17,3 +17,3 @@ "main": "dist/icons.cjs.js",

"url": "https://github.com/equinor/design-system",
"directory": "libraries/icons"
"directory": "packages/eds-icons"
},

@@ -35,8 +35,8 @@ "bugs": {

"@rollup/plugin-node-resolve": "^10.0.0",
"rollup": "^2.34.0",
"rollup": "^2.72.0",
"rollup-plugin-delete": "^2.0.0",
"rollup-plugin-size-snapshot": "^0.12.0",
"rollup-plugin-typescript2": "^0.29.0",
"tslib": "^2.0.3",
"typescript": "^4.1.2"
"tslib": "^2.4.0",
"typescript": "^4.6.4"
},

@@ -49,5 +49,5 @@ "engines": {

"build": "rollup -c",
"dev": "rollup -c -w"
},
"readme": "# @equinor/eds-icons\n\nThis package is a collection of the `system icons` from the Equinor Design System as javascript objects.\n\n## Installation\n\n```sh\nnpm install @equinor/eds-icons \n```\nIf you use Typescript, make sure you have typescript >= 3.8 as a devDependency:\n```sh\nnpm install typescript --save-dev\n```\n\n## Usage\n\nImport svg data:\n\n```javascript\nimport { save } from \"@equinor/eds-icons\"\n```\n\n### React\n\nWe have developed a react component to simplify use of the EDS icons library within react.\n\n```javascript\nimport { Icon } from '@equinor/eds-core-react'\nimport { save } from '@equinor/eds-icons'\n\n// Use library approach \nIcon.add({ save }) // (this needs only be done once)\n<Icon name=\"save\" />\n\n// OR \n\n// Use directly via data prop:\n<Icon data={save} />\n\n```\n\n### FAQ\n\n* If you are using NodeJS 13+ for module loading, it now has native ES modules support. Add `\"type\":\"module\"` to your apps `package.json` to enable this.\n\n* If you get a syntax error trying to import ES module, try importing the CJS module as not all loaders have support for ES modules yet\n\n#### Rendering icons\n\nYou can render it using plain [svg](https://developer.mozilla.org/en-US/docs/Web/SVG) or use our provided [React Icon component](#React) in [@equinor/eds-core-react](https://www.npmjs.com/package/@equinor/eds-core-react)\n\n⚠️ Due to how Figma parses and exports svg icons the following attributes must be added to your `<path></path>` element; `fill-rule=\"evenodd\" clip-rule=\"evenodd\"`\n\nUse [EDS Assets in Figma](https://www.figma.com/file/BQjYMxdSdgRkdhKTDDU7L4KU/Assets?node-id=2%3A3)(Equinor Figma account needed🔒) or [storefront](https://eds.equinor.com/assets/system-icons/library/) for icon names. Spaces in icon names are replaced with underscores. \n\n`star-filled -> star_filled`.\n\n### Example of javascript object data\n\n```javascript\n{\n name: 'star_filled',\n prefix: 'eds',\n height: '24',\n width: '24',\n svgPathData: 'M12 16.067l4.947 3.6-1.894-5.814L20 10.334h-6.067l-1.933-6-1.933 6H4l4.947 3.52-1.894 5.814 4.947-3.6z',\n}\n```\n\n## Credits\n\nThe EDS system icons are built on a copy of the [Outlined Material Design](https://material.io/resources/icons/?style=outline) icons provided open-source by Google. The icons have been customised and renamed for Equinor’s use.\n"
"dev": "rollup -c -w",
"types": "tsc"
}
}

28

README.md

@@ -42,19 +42,25 @@ # @equinor/eds-icons

### FAQ
### Other web frameworks
* If you are using NodeJS 13+ for module loading, it now has native ES modules support. Add `"type":"module"` to your apps `package.json` to enable this.
You can render the EDS icons using plain [svg](https://developer.mozilla.org/en-US/docs/Web/SVG).
* If you get a syntax error trying to import ES module, try importing the CJS module as not all loaders have support for ES modules yet
⚠️ Due to how Figma parses and exports svg icons the following attributes must be added to your `<path>` element; `fill-rule="evenodd" clip-rule="evenodd"`.
#### Rendering icons
These are not included to reduce bundle size as they are needed for every icon.
You can render it using plain [svg](https://developer.mozilla.org/en-US/docs/Web/SVG) or use our provided [React Icon component](#React) in [@equinor/eds-core-react](https://www.npmjs.com/package/@equinor/eds-core-react)
```javascript
import { save } from '@equinor/eds-icons'
⚠️ Due to how Figma parses and exports svg icons the following attributes must be added to your `<path></path>` element; `fill-rule="evenodd" clip-rule="evenodd"`
<svg viewBox={`0 0 ${save.width} ${save.height}`}>
<path d={save.svgPathData} fill-rule="evenodd" clip-rule="evenodd">
</svg>
```
Use [EDS Assets in Figma](https://www.figma.com/file/BQjYMxdSdgRkdhKTDDU7L4KU/Assets?node-id=2%3A3)(Equinor Figma account needed🔒) or [storefront](https://eds.equinor.com/assets/system-icons/library/) for icon names. Spaces in icon names are replaced with underscores.
#### Icon names
Use [EDS Assets in Figma](https://www.figma.com/file/BQjYMxdSdgRkdhKTDDU7L4KU/Assets?node-id=2%3A3)(Equinor Figma account needed🔒) or our [icon preview in Storybook](https://eds-storybook-react.azurewebsites.net/?path=/story/icons--preview) for icon names. Spaces in icon names are replaced with underscores.
`star-filled -> star_filled`.
### Example of javascript object data
### Example of icon data

@@ -71,4 +77,10 @@ ```javascript

### FAQ
* If you are using NodeJS 13+ for module loading, it now has native ES modules support. Add `"type":"module"` to your apps `package.json` to enable this.
* If you get a syntax error trying to import ES module, try importing the CJS module as not all loaders have support for ES modules yet
## Credits
The EDS system icons are built on a copy of the [Outlined Material Design](https://material.io/resources/icons/?style=outline) icons provided open-source by Google. The icons have been customised and renamed for Equinor’s use.
dist/icons.cjs.js

Sorry, the diff of this file is too big to display

dist/icons.esm.js

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc