0.22.0 • Published 6 months ago

monday-ui-style v0.22.0

Weekly downloads
1,259
License
MIT
Repository
github
Last release
6 months ago

monday.com UI styles

Vibe Design System's styling foundations: Theme definition, colors, shadows, dimensions, etc.

Installation

npm install monday-ui-style
# or
yarn add 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";

or if you want to import it in your JS files

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

Mixins and functions: We export multiple SCSS mixins and function helpers that can be used in your application if you use SASS. All helpers can be imported as demonstrated below.

@import "~monday-ui-style/dist/mixins";
@import "~monday-ui-style/dist/functions";

Stylelint rules

It is recommended to extend our Stylelint config in order to ensure proper usage of this library.
To use the supplied config, add monday-ui-style/stylelint-config as a Stylelint config extension:

// Your .stylelintrc
{
  ...
  "extends": "monday-ui-style/stylelint-config",
  ...
}

Functions

The following SCSS functions are exported:

  • camelize: camelcase string
  • capitalize: capitalize string
  • contain: returns whether $value is contained in $list as a Boolean
  • map-collect: merges maps from different scopes into one
  • extract-rgb: returns a comma separated list of rgb values from a color

Mixins

The following SCSS mixins are exported:

  • Common:
    • hidden-element
    • grid-auto-fit($grid-gap, $grid-column-gap, $grid-row-gap. $grid-cell-min-width, $grid-cell-array-calc, $important)
    • scroller($width, $height, $color)
  • States:
    • disabled
    • reset-button
    • focus-style($focus-radius)
  • Typography:
    • vibe-text($type, $weight)
    • vibe-heading($type, $weight)
    • line-clamp($lines)
    • ellipsis
0.20.1

10 months ago

0.20.0

10 months ago

0.17.0

10 months ago

0.21.1

7 months ago

0.21.0

10 months ago

0.18.1

10 months ago

0.18.0

10 months ago

0.22.0

6 months ago

0.16.0

10 months ago

0.19.0

10 months ago

0.15.0

10 months ago

0.13.0

12 months ago

0.14.0

11 months ago

0.14.1

11 months ago

0.12.0

12 months ago

0.7.1

1 year ago

0.7.0

1 year ago

0.10.0

1 year ago

0.8.0

1 year ago

0.11.0

1 year ago

0.11.1

1 year ago

0.9.0

1 year ago

0.6.1

1 year ago

0.6.0

1 year ago

0.5.1

1 year ago

0.5.0

1 year ago

0.4.2

1 year ago

0.4.1

1 year ago

0.4.0

1 year ago

0.3.0

1 year ago

0.2.1

1 year ago

0.3.0-layers.0

2 years ago

0.2.0

2 years ago

0.1.215

2 years ago

0.1.214

2 years ago

0.1.213

2 years ago

0.1.212

2 years ago

0.1.211

2 years ago

0.1.210

2 years ago

0.1.209

2 years ago

0.1.208

2 years ago

0.1.207

2 years ago

0.1.206

2 years ago

0.1.205

2 years ago

0.1.202

2 years ago

0.1.201

2 years ago

0.1.204

2 years ago

0.1.203

2 years ago

0.1.200

2 years ago

0.1.198

2 years ago

0.1.197

2 years ago

0.1.199

2 years ago

0.1.196

2 years ago

0.1.195

2 years ago

0.1.190

2 years ago

0.1.192

2 years ago

0.1.191

2 years ago

0.1.194

2 years ago

0.1.193

2 years ago

0.1.187

2 years ago

0.1.186

2 years ago

0.1.189

2 years ago

0.1.188

2 years ago

0.1.185

2 years ago

0.1.184

2 years ago

0.1.158

2 years ago

0.1.157

2 years ago

0.1.159

2 years ago

0.1.156

2 years ago

0.1.155

2 years ago

0.1.169

2 years ago

0.1.168

2 years ago

0.1.165

2 years ago

0.1.164

2 years ago

0.1.167

2 years ago

0.1.166

2 years ago

0.1.161

2 years ago

0.1.160

2 years ago

0.1.163

2 years ago

0.1.162

2 years ago

0.1.170

2 years ago

0.1.179

2 years ago

0.1.176

2 years ago

0.1.175

2 years ago

0.1.178

2 years ago

0.1.177

2 years ago

0.1.172

2 years ago

0.1.171

2 years ago

0.1.174

2 years ago

0.1.173

2 years ago

0.1.181

2 years ago

0.1.180

2 years ago

0.1.183

2 years ago

0.1.182

2 years ago

0.1.154

2 years ago

0.1.153

2 years ago

0.1.150

2 years ago

0.1.152

2 years ago

0.1.151

2 years ago

0.1.149

3 years ago

0.1.147

3 years ago

0.1.146

3 years ago

0.1.148

3 years ago

0.1.143

3 years ago

0.1.142

3 years ago

0.1.145

3 years ago

0.1.144

3 years ago

0.1.141

3 years ago

0.1.139

3 years ago

0.1.136

3 years ago

0.1.135

3 years ago

0.1.138

3 years ago

0.1.137

3 years ago

0.1.140

3 years ago

0.1.118

3 years ago

0.1.117

3 years ago

0.1.119

3 years ago

0.1.114

3 years ago

0.1.113

3 years ago

0.1.116

3 years ago

0.1.115

3 years ago

0.1.110

3 years ago

0.1.112

3 years ago

0.1.111

3 years ago

0.1.129

3 years ago

0.1.128

3 years ago

0.1.125

3 years ago

0.1.124

3 years ago

0.1.127

3 years ago

0.1.126

3 years ago

0.1.121

3 years ago

0.1.120

3 years ago

0.1.123

3 years ago

0.1.122

3 years ago

0.1.132

3 years ago

0.1.131

3 years ago

0.1.134

3 years ago

0.1.133

3 years ago

0.1.130

3 years ago

0.1.107

3 years ago

0.1.109

3 years ago

0.1.108

3 years ago

0.1.106

3 years ago

0.1.103

3 years ago

0.1.102

3 years ago

0.1.105

3 years ago

0.1.104

3 years ago

0.1.101

3 years ago

0.1.100

3 years ago

0.1.97

3 years ago

0.1.98

3 years ago

0.1.99

3 years ago

0.1.90

3 years ago

0.1.92

3 years ago

0.1.93

3 years ago

0.1.94

3 years ago

0.1.88

3 years ago

0.1.89

3 years ago

0.1.86

4 years ago

0.1.87

4 years ago

0.1.56

4 years ago

0.1.57

4 years ago

0.1.58

4 years ago

0.1.59

4 years ago

0.1.85

4 years ago

0.1.80

4 years ago

0.1.81

4 years ago

0.1.82

4 years ago

0.1.83

4 years ago

0.1.84

4 years ago

0.1.74

4 years ago

0.1.75

4 years ago

0.1.76

4 years ago

0.1.77

4 years ago

0.1.78

4 years ago

0.1.79

4 years ago

0.1.70

4 years ago

0.1.71

4 years ago

0.1.72

4 years ago

0.1.73

4 years ago

0.1.63

4 years ago

0.1.64

4 years ago

0.1.65

4 years ago

0.1.66

4 years ago

0.1.67

4 years ago

0.1.68

4 years ago

0.1.69

4 years ago

0.1.60

4 years ago

0.1.61

4 years ago

0.1.62

4 years ago

0.1.52

4 years ago

0.1.53

4 years ago

0.1.54

4 years ago

0.1.55

4 years ago

0.1.50

4 years ago

0.1.51

4 years ago

0.1.49

4 years ago

0.1.44

4 years ago

0.1.45

4 years ago

0.1.46

4 years ago

0.1.47

4 years ago

0.1.48

4 years ago

0.1.41

4 years ago

0.1.42

4 years ago

0.1.43

4 years ago

0.1.40

4 years ago

0.1.38

4 years ago

0.1.39

4 years ago

0.1.37

4 years ago

0.1.36

4 years ago

0.1.35

4 years ago

0.1.31

4 years ago

0.1.32

4 years ago

0.1.33

4 years ago

0.1.34

4 years ago

0.1.30

4 years ago

0.1.28

4 years ago

0.1.29

4 years ago

0.1.27

4 years ago

0.1.24

4 years ago

0.1.25

4 years ago

0.1.26

4 years ago

0.1.22

4 years ago

0.1.23

4 years ago

0.1.21

4 years ago

0.1.20

4 years ago

0.1.19

4 years ago

0.1.18

4 years ago

0.1.16

4 years ago

0.1.17

4 years ago

0.1.15

4 years ago

0.1.10

4 years ago

0.1.11

4 years ago

0.1.12

4 years ago

0.1.13

4 years ago

0.1.14

4 years ago

0.1.0

4 years ago

0.1.2

4 years ago

0.1.1

4 years ago

0.1.8

4 years ago

0.1.7

4 years ago

0.1.9

4 years ago

0.1.4

4 years ago

0.1.3

4 years ago

0.1.6

4 years ago

0.1.5

4 years ago

0.0.51

4 years ago

0.0.52

4 years ago

0.0.50

4 years ago

0.0.49

4 years ago

0.0.48

4 years ago

0.0.46

4 years ago

0.0.47

4 years ago

0.0.45

4 years ago

0.0.44

4 years ago

0.0.43

4 years ago

0.0.42

4 years ago

0.0.40

4 years ago

0.0.41

4 years ago

0.0.39

5 years ago

0.0.37

5 years ago

0.0.38

5 years ago

0.0.36

5 years ago

0.0.35

5 years ago

0.0.34

5 years ago

0.0.33

5 years ago

0.0.32

5 years ago

0.0.31

5 years ago

0.0.30

5 years ago

0.0.29

5 years ago

0.0.28

5 years ago

0.0.27

5 years ago

0.0.25

5 years ago

0.0.26

5 years ago

0.0.24

5 years ago

0.0.23

5 years ago

0.0.21

5 years ago

0.0.22

5 years ago

0.0.20

5 years ago

0.0.19

5 years ago

0.0.16

5 years ago

0.0.17

5 years ago

0.0.18

5 years ago

0.0.15

5 years ago

0.0.14

5 years ago

0.0.13

5 years ago

0.0.11

5 years ago

0.0.12

5 years ago

0.0.10

5 years ago

0.0.9

5 years ago

0.0.8

5 years ago

0.0.7

5 years ago

0.0.5

5 years ago

0.0.6

5 years ago

0.0.4

5 years ago

0.0.1

5 years ago