@brightlayer-ui/colors 3.1.1 → 4.0.0-alpha.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.
Files changed (36) hide show
  1. package/CHANGELOG.md +11 -1
  2. package/README.md +6 -10
  3. package/dist/commonjs/branding/index.d.ts +9 -0
  4. package/dist/commonjs/branding/index.js +25 -0
  5. package/dist/commonjs/branding/palette.d.ts +29 -0
  6. package/dist/commonjs/branding/palette.js +33 -0
  7. package/dist/commonjs/colors/index.d.ts +9 -0
  8. package/dist/commonjs/colors/index.js +26 -0
  9. package/dist/commonjs/colors/palette.d.ts +16 -0
  10. package/dist/commonjs/colors/palette.js +135 -0
  11. package/dist/commonjs/index.d.ts +4 -9
  12. package/dist/commonjs/index.js +5 -10
  13. package/dist/commonjs/types/colorType.d.ts +62 -0
  14. package/dist/commonjs/types/colorType.js +9 -0
  15. package/dist/commonjs/types/index.d.ts +6 -0
  16. package/dist/commonjs/types/index.js +22 -0
  17. package/dist/es2015/branding/index.d.ts +9 -0
  18. package/dist/es2015/branding/index.js +22 -0
  19. package/dist/es2015/branding/palette.d.ts +29 -0
  20. package/dist/es2015/branding/palette.js +30 -0
  21. package/dist/es2015/colors/index.d.ts +9 -0
  22. package/dist/es2015/colors/index.js +10 -0
  23. package/dist/es2015/colors/palette.d.ts +16 -0
  24. package/dist/es2015/colors/palette.js +132 -0
  25. package/dist/es2015/index.d.ts +4 -9
  26. package/dist/es2015/index.js +5 -9
  27. package/dist/es2015/types/colorType.d.ts +62 -0
  28. package/dist/es2015/types/colorType.js +8 -0
  29. package/dist/es2015/types/index.d.ts +6 -0
  30. package/dist/es2015/types/index.js +6 -0
  31. package/package.json +5 -5
  32. package/palette.scss +124 -283
  33. package/dist/commonjs/palette.d.ts +0 -21
  34. package/dist/commonjs/palette.js +0 -163
  35. package/dist/es2015/palette.d.ts +0 -21
  36. package/dist/es2015/palette.js +0 -160
package/dist/es2015/palette.js DELETED
@@ -1,160 +0,0 @@
1
- /* Primary Colors / User Interface Colors */
2
- export var blue = {
3
- 50: '#e0eff8',
4
- 100: '#b3d7ec',
5
- 200: '#80bde0',
6
- 300: '#4da3d4',
7
- 400: '#268fca',
8
- 500: '#007bc1',
9
- 600: '#0073bb',
10
- 700: '#0068b3',
11
- 800: '#005eab',
12
- 900: '#004b9e',
13
- contrastDefaultColor: 'light',
14
- };
15
- export var white = {
16
- 50: '#ffffff',
17
- 100: '#fbfbfb',
18
- 200: '#f7f8f8',
19
- 300: '#f3f5f5',
20
- 400: '#f1f2f2',
21
- 500: '#eef0f0',
22
- 600: '#eceeee',
23
- 700: '#e9ecec',
24
- 800: '#e7e9e9',
25
- 900: '#e2e5e5',
26
- contrastDefaultColor: 'dark',
27
- };
28
- export var gray = {
29
- 50: '#eef0f0',
30
- 100: '#d5d8da',
31
- 200: '#b9bfc2',
32
- 300: '#9ca5a9',
33
- 400: '#879196',
34
- 500: '#727e84',
35
- 600: '#6a767c',
36
- 700: '#5f6b71',
37
- 800: '#556167',
38
- 900: '#424e54',
39
- contrastDefaultColor: 'light',
40
- };
41
- export var black = {
42
- 50: '#e8eaea',
43
- 100: '#c6cacc',
44
- 200: '#a1a7aa',
45
- 300: '#7b8387',
46
- 400: '#5e696e',
47
- 500: '#424e54',
48
- 600: '#3c474d',
49
- 700: '#333d43',
50
- 800: '#2b353a',
51
- 900: '#1d2529',
52
- contrastDefaultColor: 'light',
53
- };
54
- export var darkBlack = {
55
- 50: '#202224',
56
- 100: '#182022',
57
- 200: '#182022',
58
- 300: '#13181b',
59
- 400: '#101417',
60
- 500: '#0b0e10',
61
- 600: '#0b0e10',
62
- 700: '#08090a',
63
- 800: '#08090a',
64
- 900: '#000000',
65
- contrastDefaultColor: 'light',
66
- };
67
- // alias
68
- export var vantaBlack = darkBlack;
69
- /* Status Colors */
70
- export var red = {
71
- 50: '#f9e8e8',
72
- 100: '#efc5c5',
73
- 200: '#e59e9e',
74
- 300: '#da7777',
75
- 400: '#d2595a',
76
- 500: '#ca3c3d',
77
- 600: '#c53637',
78
- 700: '#bd2e2f',
79
- 800: '#b72727',
80
- 900: '#ab1a1a',
81
- contrastDefaultColor: 'light',
82
- };
83
- export var orange = {
84
- 50: '#feefe4',
85
- 100: '#fcd6bc',
86
- 200: '#fabb90',
87
- 300: '#f7a064',
88
- 400: '#f68b42',
89
- 500: '#f47721',
90
- 600: '#f36f1d',
91
- 700: '#f16418',
92
- 800: '#ef5a14',
93
- 900: '#ec470b',
94
- contrastDefaultColor: 'light',
95
- };
96
- export var gold = {
97
- 50: '#fdf5e4',
98
- 100: '#fbe6bc',
99
- 200: '#f8d58f',
100
- 300: '#f5c462',
101
- 400: '#f2b741',
102
- 500: '#f0aa1f',
103
- 600: '#eea31b',
104
- 700: '#ec9917',
105
- 800: '#e99012',
106
- 900: '#e57f0a',
107
- contrastDefaultColor: 'dark',
108
- };
109
- export var yellow = {
110
- 50: '#fdf9e6',
111
- 100: '#fbefc1',
112
- 200: '#f8e597',
113
- 300: '#f5db6d',
114
- 400: '#f2d34e',
115
- 500: '#f0cb2f',
116
- 600: '#eec62a',
117
- 700: '#ecbe23',
118
- 800: '#e9b81d',
119
- 900: '#e5ac12',
120
- contrastDefaultColor: 'dark',
121
- };
122
- export var green = {
123
- 50: '#e7f6e4',
124
- 100: '#c4e9bc',
125
- 200: '#9cdb90',
126
- 300: '#74cc63',
127
- 400: '#57c141',
128
- 500: '#39b620',
129
- 600: '#33af1c',
130
- 700: '#2ca618',
131
- 800: '#249e13',
132
- 900: '#178e0b',
133
- contrastDefaultColor: 'light',
134
- };
135
- export var lightBlue = {
136
- 50: '#e0f1fd',
137
- 100: '#b3dbfb',
138
- 200: '#80c4f9',
139
- 300: '#4dacf6',
140
- 400: '#269af4',
141
- 500: '#0088f2',
142
- 600: '#0080f0',
143
- 700: '#0075ee',
144
- 800: '#006bec',
145
- 900: '#0058e8',
146
- contrastDefaultColor: 'dark',
147
- };
148
- export var purple = {
149
- 50: '#f3e8fd',
150
- 100: '#e0c5fa',
151
- 200: '#cc9ff7',
152
- 300: '#b779f4',
153
- 400: '#a75cf1',
154
- 500: '#983fef',
155
- 600: '#9039ed',
156
- 700: '#8531eb',
157
- 800: '#7b29e8',
158
- 900: '#6a1be4',
159
- contrastDefaultColor: 'light',
160
- };