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

monday-ui-style

Package Overview
Dependencies
Maintainers
1
Versions
305
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

monday-ui-style

Monday UI CSS Foundations

  • 0.0.8
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
35K
decreased by-2.74%
Maintainers
1
Weekly downloads
 
Created
Source

monday.com UI styles

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

Although we are using React this library will try to stay framework agnostic, we are exposing here the foundations of our design system so they could be used regardless the framework/environment you are using.

Installation

npm install monday-ui-style

Usage

Styles: Import the css file in order to have the css variables exposed on the root level

@import "~monday-ui-style/dist/index.min.css";

Icons: We expose each icon's SVG from the dist files so you could use them in your app.

import IconName from "monday-ui-style/src/Icons/IconName.svg";

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 currentColoras 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 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

Keywords

FAQs

Package last updated on 14 Oct 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc