		{
		"name": "monday-ui-style",
		"version": "0.0.4",
		"version": "0.0.5",
		"description": "Monday UI CSS Foundations",
		@@ -11,9 +11,14 @@ "main": "dist/index.css",
		"test": "echo \"Error: no test specified\" && exit 1",
		"build-icons": "svg2react-icon --keep-colors src/Icons dist/Icons",
		"compile-styles": "node-sass --output-style expanded --precision 6 ./src/index.scss dist/index.css",
		"css-minify": "cleancss --level 1 --format breaksWith=lf --output dist/index.min.css dist/index.css",
		"build": "npm run compile-styles && npm run css-minify"
		"build": "npm run build-icons && npm run compile-styles && npm run css-minify"
		},
		"peerDependencies": {
		"react": ">=16.9.0",
		"prop-types": "^15.7.2"
		},
		"repository": {
		"type": "git",
		"url": "git+https://github.com/DaPulse/monday-ui-style.git"
		"url": "git+https://github.com/mondaycom/monday-ui-style.git"
		},
		@@ -31,10 +36,11 @@ "keywords": [
		"bugs": {
		"url": "https://github.com/DaPulse/monday-ui-foundations/issues"
		"url": "https://github.com/mondaycom/monday-ui-style/issues"
		},
		"homepage": "https://github.com/DaPulse/monday-ui-foundations#readme",
		"homepage": "https://github.com/mondaycom/monday-ui-style#readme",
		"devDependencies": {
		"clean-css-cli": "^4.3.0",
		"node-sass": "^4.14.1",
		"prettier": "^2.0.5"
		"prettier": "^2.0.5",
		"svg2react-icon": "^3.1.174"
		}
		}

README.md

		# monday.com UI styles
		This package includes all of the styling foundations of monday.com
		Theme definition, colors, shadows, dimensions, etc.
		Theme definition, colors, shadows, dimensions, icons, etc.

		## Installation
		```
		npm install monday-ui-style
		```

		## Usage
		We are building the icons using [Wix's svg2react-icon](https://github.com/wix/svg2react-icon) npm package it is generating a React component for each icon
		``` javascript
		import { IconName } from "monday-ui-style/dist/Icons"
		import IconName from "monday-ui-style/dist/Icons/IconName"
		```

		## Adding a new icon
		When adding a new icon please make sure of the following
		- We don't have a similar icon - if so either replace the icon or make sure that we need another version of it
		- Make sure to switch all fill/stroke.. colors to `currentColor`as we want to inherit the color of the font (we are not doing so automatically to leave the option to preserve svg with colors)
		- Update the [metadata file](./src/Icons/iconsMetaData.js) for that icon


		### New icon request
		If you want us to create a non existing monday.com style icon open a PR with please see the [guidelines](ICON_REQUEST.md)

src/Themes/dark-theme.scss

Sorry, the diff of this file is not supported yet

monday-ui-style - npm Package Compare versions

New alerts