@alfalab/core-components-vars 9.13.1 → 9.15.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.
- package/border-radius.css +1 -0
- package/colors-addons.module.d.ts +125 -0
- package/colors-addons.module.js +125 -0
- package/colors-bluetint.module.d.ts +1197 -0
- package/colors-bluetint.module.js +1197 -0
- package/colors-decorative.module.d.ts +612 -0
- package/colors-decorative.module.js +612 -0
- package/colors-indigo.module.d.ts +1195 -0
- package/colors-indigo.module.js +1195 -0
- package/colors-pfm.module.d.ts +60 -0
- package/colors-pfm.module.js +60 -0
- package/colors-qualitative.module.d.ts +128 -0
- package/colors-qualitative.module.js +128 -0
- package/colors-sequential.module.d.ts +192 -0
- package/colors-sequential.module.js +192 -0
- package/colors-students.module.d.ts +2 -0
- package/colors-students.module.js +2 -0
- package/colors-transparent.module.d.ts +26 -0
- package/colors-transparent.module.js +26 -0
- package/colors-x5.module.d.ts +2 -0
- package/colors-x5.module.js +2 -0
- package/colors.module.d.ts +69 -0
- package/colors.module.js +69 -0
- package/cssm/border-radius.css +1 -0
- package/cssm/bundle/click.css +1 -0
- package/cssm/bundle/corp.css +1 -0
- package/cssm/bundle/intranet.css +1 -0
- package/cssm/bundle/mobile.css +1 -0
- package/cssm/bundle/site.css +1 -0
- package/cssm/colors-addons.module.d.ts +125 -0
- package/cssm/colors-addons.module.js +125 -0
- package/cssm/colors-bluetint.module.d.ts +1197 -0
- package/cssm/colors-bluetint.module.js +1197 -0
- package/cssm/colors-decorative.module.d.ts +612 -0
- package/cssm/colors-decorative.module.js +612 -0
- package/cssm/colors-indigo.module.d.ts +1195 -0
- package/cssm/colors-indigo.module.js +1195 -0
- package/cssm/colors-pfm.module.d.ts +60 -0
- package/cssm/colors-pfm.module.js +60 -0
- package/cssm/colors-qualitative.module.d.ts +128 -0
- package/cssm/colors-qualitative.module.js +128 -0
- package/cssm/colors-sequential.module.d.ts +192 -0
- package/cssm/colors-sequential.module.js +192 -0
- package/cssm/colors-students.module.d.ts +2 -0
- package/cssm/colors-students.module.js +2 -0
- package/cssm/colors-transparent.module.d.ts +26 -0
- package/cssm/colors-transparent.module.js +26 -0
- package/cssm/colors-x5.module.d.ts +2 -0
- package/cssm/colors-x5.module.js +2 -0
- package/cssm/colors.module.d.ts +69 -0
- package/cssm/colors.module.js +69 -0
- package/cssm/index.css +1 -0
- package/cssm/index.d.ts +1 -0
- package/cssm/index.js +1 -0
- package/cssm/shadows-bluetint.module.d.ts +20 -0
- package/cssm/shadows-bluetint.module.js +20 -0
- package/cssm/shadows-indigo.module.d.ts +20 -0
- package/cssm/shadows-indigo.module.js +20 -0
- package/esm/colors-addons.module.d.ts +125 -0
- package/esm/colors-addons.module.js +125 -0
- package/esm/colors-bluetint.module.d.ts +1197 -0
- package/esm/colors-bluetint.module.js +1197 -0
- package/esm/colors-decorative.module.d.ts +612 -0
- package/esm/colors-decorative.module.js +612 -0
- package/esm/colors-indigo.module.d.ts +1195 -0
- package/esm/colors-indigo.module.js +1195 -0
- package/esm/colors-pfm.module.d.ts +60 -0
- package/esm/colors-pfm.module.js +60 -0
- package/esm/colors-qualitative.module.d.ts +128 -0
- package/esm/colors-qualitative.module.js +128 -0
- package/esm/colors-sequential.module.d.ts +192 -0
- package/esm/colors-sequential.module.js +192 -0
- package/esm/colors-students.module.d.ts +2 -0
- package/esm/colors-students.module.js +2 -0
- package/esm/colors-transparent.module.d.ts +26 -0
- package/esm/colors-transparent.module.js +26 -0
- package/esm/colors-x5.module.d.ts +2 -0
- package/esm/colors-x5.module.js +2 -0
- package/esm/colors.module.d.ts +69 -0
- package/esm/colors.module.js +69 -0
- package/esm/index.d.ts +1 -0
- package/esm/index.js +1 -0
- package/esm/shadows-bluetint.module.d.ts +20 -0
- package/esm/shadows-bluetint.module.js +20 -0
- package/esm/shadows-indigo.module.d.ts +20 -0
- package/esm/shadows-indigo.module.js +20 -0
- package/index.d.ts +1 -0
- package/index.js +1 -0
- package/modern/colors-addons.module.d.ts +125 -0
- package/modern/colors-addons.module.js +125 -0
- package/modern/colors-bluetint.module.d.ts +1197 -0
- package/modern/colors-bluetint.module.js +1197 -0
- package/modern/colors-decorative.module.d.ts +612 -0
- package/modern/colors-decorative.module.js +612 -0
- package/modern/colors-indigo.module.d.ts +1195 -0
- package/modern/colors-indigo.module.js +1195 -0
- package/modern/colors-pfm.module.d.ts +60 -0
- package/modern/colors-pfm.module.js +60 -0
- package/modern/colors-qualitative.module.d.ts +128 -0
- package/modern/colors-qualitative.module.js +128 -0
- package/modern/colors-sequential.module.d.ts +192 -0
- package/modern/colors-sequential.module.js +192 -0
- package/modern/colors-students.module.d.ts +2 -0
- package/modern/colors-students.module.js +2 -0
- package/modern/colors-transparent.module.d.ts +26 -0
- package/modern/colors-transparent.module.js +26 -0
- package/modern/colors-x5.module.d.ts +2 -0
- package/modern/colors-x5.module.js +2 -0
- package/modern/colors.module.d.ts +69 -0
- package/modern/colors.module.js +69 -0
- package/modern/index.d.ts +1 -0
- package/modern/index.js +1 -0
- package/modern/shadows-bluetint.module.d.ts +20 -0
- package/modern/shadows-bluetint.module.js +20 -0
- package/modern/shadows-indigo.module.d.ts +20 -0
- package/modern/shadows-indigo.module.js +20 -0
- package/moderncssm/border-radius.css +1 -0
- package/moderncssm/bundle/click.css +1 -0
- package/moderncssm/bundle/corp.css +1 -0
- package/moderncssm/bundle/intranet.css +1 -0
- package/moderncssm/bundle/mobile.css +1 -0
- package/moderncssm/bundle/site.css +1 -0
- package/moderncssm/colors-addons.module.d.ts +125 -0
- package/moderncssm/colors-addons.module.js +125 -0
- package/moderncssm/colors-bluetint.module.d.ts +1197 -0
- package/moderncssm/colors-bluetint.module.js +1197 -0
- package/moderncssm/colors-decorative.module.d.ts +612 -0
- package/moderncssm/colors-decorative.module.js +612 -0
- package/moderncssm/colors-indigo.module.d.ts +1195 -0
- package/moderncssm/colors-indigo.module.js +1195 -0
- package/moderncssm/colors-pfm.module.d.ts +60 -0
- package/moderncssm/colors-pfm.module.js +60 -0
- package/moderncssm/colors-qualitative.module.d.ts +128 -0
- package/moderncssm/colors-qualitative.module.js +128 -0
- package/moderncssm/colors-sequential.module.d.ts +192 -0
- package/moderncssm/colors-sequential.module.js +192 -0
- package/moderncssm/colors-students.module.d.ts +2 -0
- package/moderncssm/colors-students.module.js +2 -0
- package/moderncssm/colors-transparent.module.d.ts +26 -0
- package/moderncssm/colors-transparent.module.js +26 -0
- package/moderncssm/colors-x5.module.d.ts +2 -0
- package/moderncssm/colors-x5.module.js +2 -0
- package/moderncssm/colors.module.d.ts +69 -0
- package/moderncssm/colors.module.js +69 -0
- package/moderncssm/index.css +1 -0
- package/moderncssm/index.d.ts +1 -0
- package/moderncssm/index.js +1 -0
- package/moderncssm/shadows-bluetint.module.d.ts +20 -0
- package/moderncssm/shadows-bluetint.module.js +20 -0
- package/moderncssm/shadows-indigo.module.d.ts +20 -0
- package/moderncssm/shadows-indigo.module.js +20 -0
- package/package.json +1 -1
- package/shadows-bluetint.module.d.ts +20 -0
- package/shadows-bluetint.module.js +20 -0
- package/shadows-indigo.module.d.ts +20 -0
- package/shadows-indigo.module.js +20 -0
- package/src/border-radius.css +1 -0
|
@@ -0,0 +1,192 @@
|
|
|
1
|
+
module.exports.colorDarkSequentialBlue1 = "#5388e0";
|
|
2
|
+
module.exports.colorDarkSequentialBlue2 = "#4d75d0";
|
|
3
|
+
module.exports.colorDarkSequentialBlue3 = "#4963b8";
|
|
4
|
+
module.exports.colorDarkSequentialBlue4 = "#3f559e";
|
|
5
|
+
module.exports.colorDarkSequentialBlue5 = "#324682";
|
|
6
|
+
module.exports.colorDarkSequentialBlue6 = "#253969";
|
|
7
|
+
module.exports.colorDarkSequentialBlue7 = "#203056";
|
|
8
|
+
module.exports.colorDarkSequentialBlue8 = "#1b2a4b";
|
|
9
|
+
module.exports.colorDarkSequentialCyan1 = "#3492b9";
|
|
10
|
+
module.exports.colorDarkSequentialCyan2 = "#2482a2";
|
|
11
|
+
module.exports.colorDarkSequentialCyan3 = "#226f8f";
|
|
12
|
+
module.exports.colorDarkSequentialCyan4 = "#215e79";
|
|
13
|
+
module.exports.colorDarkSequentialCyan5 = "#1d4d65";
|
|
14
|
+
module.exports.colorDarkSequentialCyan6 = "#173e54";
|
|
15
|
+
module.exports.colorDarkSequentialCyan7 = "#123547";
|
|
16
|
+
module.exports.colorDarkSequentialCyan8 = "#122e3f";
|
|
17
|
+
module.exports.colorDarkSequentialFuchsia1 = "#da55b4";
|
|
18
|
+
module.exports.colorDarkSequentialFuchsia2 = "#c648a0";
|
|
19
|
+
module.exports.colorDarkSequentialFuchsia3 = "#ad3b8c";
|
|
20
|
+
module.exports.colorDarkSequentialFuchsia4 = "#943379";
|
|
21
|
+
module.exports.colorDarkSequentialFuchsia5 = "#792b60";
|
|
22
|
+
module.exports.colorDarkSequentialFuchsia6 = "#61244c";
|
|
23
|
+
module.exports.colorDarkSequentialFuchsia7 = "#50213f";
|
|
24
|
+
module.exports.colorDarkSequentialFuchsia8 = "#441d35";
|
|
25
|
+
module.exports.colorDarkSequentialGreen1 = "#3b9e4d";
|
|
26
|
+
module.exports.colorDarkSequentialGreen2 = "#358d43";
|
|
27
|
+
module.exports.colorDarkSequentialGreen3 = "#31793b";
|
|
28
|
+
module.exports.colorDarkSequentialGreen4 = "#296633";
|
|
29
|
+
module.exports.colorDarkSequentialGreen5 = "#21522c";
|
|
30
|
+
module.exports.colorDarkSequentialGreen6 = "#1b4225";
|
|
31
|
+
module.exports.colorDarkSequentialGreen7 = "#1a3721";
|
|
32
|
+
module.exports.colorDarkSequentialGreen8 = "#17301e";
|
|
33
|
+
module.exports.colorDarkSequentialIndigo1 = "#8376e3";
|
|
34
|
+
module.exports.colorDarkSequentialIndigo2 = "#7b64d3";
|
|
35
|
+
module.exports.colorDarkSequentialIndigo3 = "#7054be";
|
|
36
|
+
module.exports.colorDarkSequentialIndigo4 = "#5e47a3";
|
|
37
|
+
module.exports.colorDarkSequentialIndigo5 = "#4e3c86";
|
|
38
|
+
module.exports.colorDarkSequentialIndigo6 = "#42326c";
|
|
39
|
+
module.exports.colorDarkSequentialIndigo7 = "#372b56";
|
|
40
|
+
module.exports.colorDarkSequentialIndigo8 = "#2e2547";
|
|
41
|
+
module.exports.colorDarkSequentialJungle1 = "#2a9d74";
|
|
42
|
+
module.exports.colorDarkSequentialJungle2 = "#228c68";
|
|
43
|
+
module.exports.colorDarkSequentialJungle3 = "#19785d";
|
|
44
|
+
module.exports.colorDarkSequentialJungle4 = "#156652";
|
|
45
|
+
module.exports.colorDarkSequentialJungle5 = "#0e5145";
|
|
46
|
+
module.exports.colorDarkSequentialJungle6 = "#134339";
|
|
47
|
+
module.exports.colorDarkSequentialJungle7 = "#133830";
|
|
48
|
+
module.exports.colorDarkSequentialJungle8 = "#103129";
|
|
49
|
+
module.exports.colorDarkSequentialMagenta1 = "#e35583";
|
|
50
|
+
module.exports.colorDarkSequentialMagenta2 = "#cf4773";
|
|
51
|
+
module.exports.colorDarkSequentialMagenta3 = "#b63b62";
|
|
52
|
+
module.exports.colorDarkSequentialMagenta4 = "#9b3252";
|
|
53
|
+
module.exports.colorDarkSequentialMagenta5 = "#7f2d44";
|
|
54
|
+
module.exports.colorDarkSequentialMagenta6 = "#652435";
|
|
55
|
+
module.exports.colorDarkSequentialMagenta7 = "#55202d";
|
|
56
|
+
module.exports.colorDarkSequentialMagenta8 = "#481c26";
|
|
57
|
+
module.exports.colorDarkSequentialOrange1 = "#db8127";
|
|
58
|
+
module.exports.colorDarkSequentialOrange2 = "#c97126";
|
|
59
|
+
module.exports.colorDarkSequentialOrange3 = "#ae6020";
|
|
60
|
+
module.exports.colorDarkSequentialOrange4 = "#944f1c";
|
|
61
|
+
module.exports.colorDarkSequentialOrange5 = "#764017";
|
|
62
|
+
module.exports.colorDarkSequentialOrange6 = "#5f3515";
|
|
63
|
+
module.exports.colorDarkSequentialOrange7 = "#4d2c12";
|
|
64
|
+
module.exports.colorDarkSequentialOrange8 = "#402511";
|
|
65
|
+
module.exports.colorDarkSequentialPistachio1 = "#739823";
|
|
66
|
+
module.exports.colorDarkSequentialPistachio2 = "#66881f";
|
|
67
|
+
module.exports.colorDarkSequentialPistachio3 = "#56761a";
|
|
68
|
+
module.exports.colorDarkSequentialPistachio4 = "#496117";
|
|
69
|
+
module.exports.colorDarkSequentialPistachio5 = "#3d4f13";
|
|
70
|
+
module.exports.colorDarkSequentialPistachio6 = "#314011";
|
|
71
|
+
module.exports.colorDarkSequentialPistachio7 = "#293611";
|
|
72
|
+
module.exports.colorDarkSequentialPistachio8 = "#262e10";
|
|
73
|
+
module.exports.colorDarkSequentialPurple1 = "#ba63d6";
|
|
74
|
+
module.exports.colorDarkSequentialPurple2 = "#aa52c1";
|
|
75
|
+
module.exports.colorDarkSequentialPurple3 = "#9a45ac";
|
|
76
|
+
module.exports.colorDarkSequentialPurple4 = "#823b94";
|
|
77
|
+
module.exports.colorDarkSequentialPurple5 = "#6d3177";
|
|
78
|
+
module.exports.colorDarkSequentialPurple6 = "#59275d";
|
|
79
|
+
module.exports.colorDarkSequentialPurple7 = "#4a234c";
|
|
80
|
+
module.exports.colorDarkSequentialPurple8 = "#411c42";
|
|
81
|
+
module.exports.colorDarkSequentialRed1 = "#ec5742";
|
|
82
|
+
module.exports.colorDarkSequentialRed2 = "#db4933";
|
|
83
|
+
module.exports.colorDarkSequentialRed3 = "#c23d2e";
|
|
84
|
+
module.exports.colorDarkSequentialRed4 = "#a4352b";
|
|
85
|
+
module.exports.colorDarkSequentialRed5 = "#862d26";
|
|
86
|
+
module.exports.colorDarkSequentialRed6 = "#6a2623";
|
|
87
|
+
module.exports.colorDarkSequentialRed7 = "#54211e";
|
|
88
|
+
module.exports.colorDarkSequentialRed8 = "#461d1c";
|
|
89
|
+
module.exports.colorDarkSequentialTeal1 = "#139c99";
|
|
90
|
+
module.exports.colorDarkSequentialTeal2 = "#158886";
|
|
91
|
+
module.exports.colorDarkSequentialTeal3 = "#137575";
|
|
92
|
+
module.exports.colorDarkSequentialTeal4 = "#116062";
|
|
93
|
+
module.exports.colorDarkSequentialTeal5 = "#185054";
|
|
94
|
+
module.exports.colorDarkSequentialTeal6 = "#164148";
|
|
95
|
+
module.exports.colorDarkSequentialTeal7 = "#11383e";
|
|
96
|
+
module.exports.colorDarkSequentialTeal8 = "#0e2f35";
|
|
97
|
+
module.exports.colorLightSequentialBlue1 = "#4d75d0";
|
|
98
|
+
module.exports.colorLightSequentialBlue2 = "#5388e0";
|
|
99
|
+
module.exports.colorLightSequentialBlue3 = "#71a5f2";
|
|
100
|
+
module.exports.colorLightSequentialBlue4 = "#82b5f6";
|
|
101
|
+
module.exports.colorLightSequentialBlue5 = "#abceff";
|
|
102
|
+
module.exports.colorLightSequentialBlue6 = "#c0dbff";
|
|
103
|
+
module.exports.colorLightSequentialBlue7 = "#d6e6fe";
|
|
104
|
+
module.exports.colorLightSequentialBlue8 = "#e5f0fe";
|
|
105
|
+
module.exports.colorLightSequentialCyan1 = "#2482a2";
|
|
106
|
+
module.exports.colorLightSequentialCyan2 = "#3492b9";
|
|
107
|
+
module.exports.colorLightSequentialCyan3 = "#51b1d7";
|
|
108
|
+
module.exports.colorLightSequentialCyan4 = "#5ebee1";
|
|
109
|
+
module.exports.colorLightSequentialCyan5 = "#8ad4f3";
|
|
110
|
+
module.exports.colorLightSequentialCyan6 = "#a9e1f6";
|
|
111
|
+
module.exports.colorLightSequentialCyan7 = "#c7ebfa";
|
|
112
|
+
module.exports.colorLightSequentialCyan8 = "#def5ff";
|
|
113
|
+
module.exports.colorLightSequentialFuchsia1 = "#c648a0";
|
|
114
|
+
module.exports.colorLightSequentialFuchsia2 = "#da55b4";
|
|
115
|
+
module.exports.colorLightSequentialFuchsia3 = "#f278ca";
|
|
116
|
+
module.exports.colorLightSequentialFuchsia4 = "#f68ed3";
|
|
117
|
+
module.exports.colorLightSequentialFuchsia5 = "#fdb1e4";
|
|
118
|
+
module.exports.colorLightSequentialFuchsia6 = "#fdc7f1";
|
|
119
|
+
module.exports.colorLightSequentialFuchsia7 = "#ffdafa";
|
|
120
|
+
module.exports.colorLightSequentialFuchsia8 = "#ffe9fc";
|
|
121
|
+
module.exports.colorLightSequentialGreen1 = "#358d43";
|
|
122
|
+
module.exports.colorLightSequentialGreen2 = "#3b9e4d";
|
|
123
|
+
module.exports.colorLightSequentialGreen3 = "#5abd69";
|
|
124
|
+
module.exports.colorLightSequentialGreen4 = "#6aca7a";
|
|
125
|
+
module.exports.colorLightSequentialGreen5 = "#8ee29c";
|
|
126
|
+
module.exports.colorLightSequentialGreen6 = "#a8ecb5";
|
|
127
|
+
module.exports.colorLightSequentialGreen7 = "#c2f3cc";
|
|
128
|
+
module.exports.colorLightSequentialGreen8 = "#dafae2";
|
|
129
|
+
module.exports.colorLightSequentialIndigo1 = "#7b64d3";
|
|
130
|
+
module.exports.colorLightSequentialIndigo2 = "#8376e3";
|
|
131
|
+
module.exports.colorLightSequentialIndigo3 = "#9b95f2";
|
|
132
|
+
module.exports.colorLightSequentialIndigo4 = "#a7a7f7";
|
|
133
|
+
module.exports.colorLightSequentialIndigo5 = "#bfc4fe";
|
|
134
|
+
module.exports.colorLightSequentialIndigo6 = "#ccd5ff";
|
|
135
|
+
module.exports.colorLightSequentialIndigo7 = "#e1e4ff";
|
|
136
|
+
module.exports.colorLightSequentialIndigo8 = "#eeedff";
|
|
137
|
+
module.exports.colorLightSequentialJungle1 = "#228c68";
|
|
138
|
+
module.exports.colorLightSequentialJungle2 = "#2a9d74";
|
|
139
|
+
module.exports.colorLightSequentialJungle3 = "#40ba93";
|
|
140
|
+
module.exports.colorLightSequentialJungle4 = "#53c9a4";
|
|
141
|
+
module.exports.colorLightSequentialJungle5 = "#7de1c0";
|
|
142
|
+
module.exports.colorLightSequentialJungle6 = "#9becd3";
|
|
143
|
+
module.exports.colorLightSequentialJungle7 = "#b8f3e2";
|
|
144
|
+
module.exports.colorLightSequentialJungle8 = "#d5fbee";
|
|
145
|
+
module.exports.colorLightSequentialMagenta1 = "#cf4773";
|
|
146
|
+
module.exports.colorLightSequentialMagenta2 = "#e35583";
|
|
147
|
+
module.exports.colorLightSequentialMagenta3 = "#f8789e";
|
|
148
|
+
module.exports.colorLightSequentialMagenta4 = "#fc8fb0";
|
|
149
|
+
module.exports.colorLightSequentialMagenta5 = "#fcb2c6";
|
|
150
|
+
module.exports.colorLightSequentialMagenta6 = "#ffc9dc";
|
|
151
|
+
module.exports.colorLightSequentialMagenta7 = "#ffdce5";
|
|
152
|
+
module.exports.colorLightSequentialMagenta8 = "#ffeaee";
|
|
153
|
+
module.exports.colorLightSequentialOrange1 = "#c97126";
|
|
154
|
+
module.exports.colorLightSequentialOrange2 = "#db8127";
|
|
155
|
+
module.exports.colorLightSequentialOrange3 = "#f29b3e";
|
|
156
|
+
module.exports.colorLightSequentialOrange4 = "#f6a850";
|
|
157
|
+
module.exports.colorLightSequentialOrange5 = "#fdc17a";
|
|
158
|
+
module.exports.colorLightSequentialOrange6 = "#fdd39a";
|
|
159
|
+
module.exports.colorLightSequentialOrange7 = "#ffe3bc";
|
|
160
|
+
module.exports.colorLightSequentialOrange8 = "#ffefd9";
|
|
161
|
+
module.exports.colorLightSequentialPistachio1 = "#66881f";
|
|
162
|
+
module.exports.colorLightSequentialPistachio2 = "#739823";
|
|
163
|
+
module.exports.colorLightSequentialPistachio3 = "#8eb43c";
|
|
164
|
+
module.exports.colorLightSequentialPistachio4 = "#9cc350";
|
|
165
|
+
module.exports.colorLightSequentialPistachio5 = "#b6db76";
|
|
166
|
+
module.exports.colorLightSequentialPistachio6 = "#c7e793";
|
|
167
|
+
module.exports.colorLightSequentialPistachio7 = "#d7f0b1";
|
|
168
|
+
module.exports.colorLightSequentialPistachio8 = "#e5f9ce";
|
|
169
|
+
module.exports.colorLightSequentialPurple1 = "#aa52c1";
|
|
170
|
+
module.exports.colorLightSequentialPurple2 = "#ba63d6";
|
|
171
|
+
module.exports.colorLightSequentialPurple3 = "#d086ec";
|
|
172
|
+
module.exports.colorLightSequentialPurple4 = "#d899f0";
|
|
173
|
+
module.exports.colorLightSequentialPurple5 = "#e5bcfa";
|
|
174
|
+
module.exports.colorLightSequentialPurple6 = "#e9cdfd";
|
|
175
|
+
module.exports.colorLightSequentialPurple7 = "#f1dfff";
|
|
176
|
+
module.exports.colorLightSequentialPurple8 = "#faebff";
|
|
177
|
+
module.exports.colorLightSequentialRed1 = "#db4933";
|
|
178
|
+
module.exports.colorLightSequentialRed2 = "#ec5742";
|
|
179
|
+
module.exports.colorLightSequentialRed3 = "#fe7961";
|
|
180
|
+
module.exports.colorLightSequentialRed4 = "#fc8e7b";
|
|
181
|
+
module.exports.colorLightSequentialRed5 = "#fcb1a7";
|
|
182
|
+
module.exports.colorLightSequentialRed6 = "#ffc8c4";
|
|
183
|
+
module.exports.colorLightSequentialRed7 = "#ffdad9";
|
|
184
|
+
module.exports.colorLightSequentialRed8 = "#ffebeb";
|
|
185
|
+
module.exports.colorLightSequentialTeal1 = "#158886";
|
|
186
|
+
module.exports.colorLightSequentialTeal2 = "#139c99";
|
|
187
|
+
module.exports.colorLightSequentialTeal3 = "#37b9bb";
|
|
188
|
+
module.exports.colorLightSequentialTeal4 = "#4ac5c7";
|
|
189
|
+
module.exports.colorLightSequentialTeal5 = "#75dddf";
|
|
190
|
+
module.exports.colorLightSequentialTeal6 = "#98e9e9";
|
|
191
|
+
module.exports.colorLightSequentialTeal7 = "#b9f1f3";
|
|
192
|
+
module.exports.colorLightSequentialTeal8 = "#d6f8f9";
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export const colorDynamicNulled: "rgba(0, 0, 0, 0)";
|
|
2
|
+
export const colorDynamicPrimaryDark: "rgba(0, 0, 0, 0.8)";
|
|
3
|
+
export const colorDynamicPrimaryLight: "rgba(255, 255, 255, 0.8)";
|
|
4
|
+
export const colorDynamicQuaternaryDark: "rgba(0, 0, 0, 0.32)";
|
|
5
|
+
export const colorDynamicQuaternaryLight: "rgba(255, 255, 255, 0.32)";
|
|
6
|
+
export const colorDynamicQuinaryDark: "rgba(0, 0, 0, 0.16)";
|
|
7
|
+
export const colorDynamicQuinaryLight: "rgba(255, 255, 255, 0.16)";
|
|
8
|
+
export const colorDynamicSecondaryDark: "rgba(0, 0, 0, 0.64)";
|
|
9
|
+
export const colorDynamicSecondaryLight: "rgba(255, 255, 255, 0.64)";
|
|
10
|
+
export const colorDynamicSenaryDark: "rgba(0, 0, 0, 0.12)";
|
|
11
|
+
export const colorDynamicSenaryLight: "rgba(255, 255, 255, 0.12)";
|
|
12
|
+
export const colorDynamicTertiaryDark: "rgba(0, 0, 0, 0.48)";
|
|
13
|
+
export const colorDynamicTertiaryLight: "rgba(255, 255, 255, 0.48)";
|
|
14
|
+
export const colorStaticNulled: "rgba(0, 0, 0, 0)";
|
|
15
|
+
export const colorStaticPrimaryDark: "rgba(0, 0, 0, 0.8)";
|
|
16
|
+
export const colorStaticPrimaryLight: "rgba(255, 255, 255, 0.8)";
|
|
17
|
+
export const colorStaticQuaternaryDark: "rgba(0, 0, 0, 0.32)";
|
|
18
|
+
export const colorStaticQuaternaryLight: "rgba(255, 255, 255, 0.32)";
|
|
19
|
+
export const colorStaticQuinaryDark: "rgba(0, 0, 0, 0.16)";
|
|
20
|
+
export const colorStaticQuinaryLight: "rgba(255, 255, 255, 0.16)";
|
|
21
|
+
export const colorStaticSecondaryDark: "rgba(0, 0, 0, 0.64)";
|
|
22
|
+
export const colorStaticSecondaryLight: "rgba(255, 255, 255, 0.64)";
|
|
23
|
+
export const colorStaticSenaryDark: "rgba(0, 0, 0, 0.12)";
|
|
24
|
+
export const colorStaticSenaryLight: "rgba(255, 255, 255, 0.12)";
|
|
25
|
+
export const colorStaticTertiaryDark: "rgba(0, 0, 0, 0.48)";
|
|
26
|
+
export const colorStaticTertiaryLight: "rgba(255, 255, 255, 0.48)";
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
module.exports.colorDynamicNulled = "rgba(0, 0, 0, 0)";
|
|
2
|
+
module.exports.colorDynamicPrimaryDark = "rgba(0, 0, 0, 0.8)";
|
|
3
|
+
module.exports.colorDynamicPrimaryLight = "rgba(255, 255, 255, 0.8)";
|
|
4
|
+
module.exports.colorDynamicQuaternaryDark = "rgba(0, 0, 0, 0.32)";
|
|
5
|
+
module.exports.colorDynamicQuaternaryLight = "rgba(255, 255, 255, 0.32)";
|
|
6
|
+
module.exports.colorDynamicQuinaryDark = "rgba(0, 0, 0, 0.16)";
|
|
7
|
+
module.exports.colorDynamicQuinaryLight = "rgba(255, 255, 255, 0.16)";
|
|
8
|
+
module.exports.colorDynamicSecondaryDark = "rgba(0, 0, 0, 0.64)";
|
|
9
|
+
module.exports.colorDynamicSecondaryLight = "rgba(255, 255, 255, 0.64)";
|
|
10
|
+
module.exports.colorDynamicSenaryDark = "rgba(0, 0, 0, 0.12)";
|
|
11
|
+
module.exports.colorDynamicSenaryLight = "rgba(255, 255, 255, 0.12)";
|
|
12
|
+
module.exports.colorDynamicTertiaryDark = "rgba(0, 0, 0, 0.48)";
|
|
13
|
+
module.exports.colorDynamicTertiaryLight = "rgba(255, 255, 255, 0.48)";
|
|
14
|
+
module.exports.colorStaticNulled = "rgba(0, 0, 0, 0)";
|
|
15
|
+
module.exports.colorStaticPrimaryDark = "rgba(0, 0, 0, 0.8)";
|
|
16
|
+
module.exports.colorStaticPrimaryLight = "rgba(255, 255, 255, 0.8)";
|
|
17
|
+
module.exports.colorStaticQuaternaryDark = "rgba(0, 0, 0, 0.32)";
|
|
18
|
+
module.exports.colorStaticQuaternaryLight = "rgba(255, 255, 255, 0.32)";
|
|
19
|
+
module.exports.colorStaticQuinaryDark = "rgba(0, 0, 0, 0.16)";
|
|
20
|
+
module.exports.colorStaticQuinaryLight = "rgba(255, 255, 255, 0.16)";
|
|
21
|
+
module.exports.colorStaticSecondaryDark = "rgba(0, 0, 0, 0.64)";
|
|
22
|
+
module.exports.colorStaticSecondaryLight = "rgba(255, 255, 255, 0.64)";
|
|
23
|
+
module.exports.colorStaticSenaryDark = "rgba(0, 0, 0, 0.12)";
|
|
24
|
+
module.exports.colorStaticSenaryLight = "rgba(255, 255, 255, 0.12)";
|
|
25
|
+
module.exports.colorStaticTertiaryDark = "rgba(0, 0, 0, 0.48)";
|
|
26
|
+
module.exports.colorStaticTertiaryLight = "rgba(255, 255, 255, 0.48)";
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
export const colorDarkIndigo: "#0b1f35";
|
|
2
|
+
export const colorDarkIndigo60: "rgba(11, 31, 53, 0.6)";
|
|
3
|
+
export const colorDarkIndigo30: "rgba(11, 31, 53, 0.3)";
|
|
4
|
+
export const colorDarkIndigo15: "rgba(11, 31, 53, 0.15)";
|
|
5
|
+
export const colorDarkIndigo10: "rgba(11, 31, 53, 0.1)";
|
|
6
|
+
export const colorDarkIndigo07: "rgba(11, 31, 53, 0.07)";
|
|
7
|
+
export const colorDarkIndigo05: "rgba(11, 31, 53, 0.05)";
|
|
8
|
+
export const colorDarkIndigo60Flat: "#6d7986";
|
|
9
|
+
export const colorDarkIndigo30Flat: "#b6bcc3";
|
|
10
|
+
export const colorDarkIndigo15Flat: "#dbdee1";
|
|
11
|
+
export const colorDarkIndigo10Flat: "#e7e9eb";
|
|
12
|
+
export const colorDarkIndigo07Flat: "#eeeff1";
|
|
13
|
+
export const colorDarkIndigo05Flat: "#f3f4f5";
|
|
14
|
+
export const colorRedBrand: "#ef3124";
|
|
15
|
+
export const colorRedBrand85: "rgba(239, 49, 36, 0.85)";
|
|
16
|
+
export const colorRedBrand70: "rgba(239, 49, 36, 0.7)";
|
|
17
|
+
export const colorRedBrand50: "rgba(239, 49, 36, 0.5)";
|
|
18
|
+
export const colorRedBrand30: "rgba(239, 49, 36, 0.3)";
|
|
19
|
+
export const colorRedBrand20: "rgba(239, 49, 36, 0.2)";
|
|
20
|
+
export const colorRedBrand10: "rgba(239, 49, 36, 0.1)";
|
|
21
|
+
export const colorRedBrand85Flat: "#f15045";
|
|
22
|
+
export const colorRedBrand70Flat: "#f46f66";
|
|
23
|
+
export const colorRedBrand50Flat: "#f69791";
|
|
24
|
+
export const colorRedBrand30Flat: "#fbc2bd";
|
|
25
|
+
export const colorRedBrand20Flat: "#fcd6d3";
|
|
26
|
+
export const colorRedBrand10Flat: "#feebea";
|
|
27
|
+
export const colorRedBrand05Flat: "#fef5f4";
|
|
28
|
+
export const colorRedDark: "#d91d0b";
|
|
29
|
+
export const colorRedError: "#ff5c5c";
|
|
30
|
+
export const colorGreenText: "#13a463";
|
|
31
|
+
export const colorGreenText60: "rgba(19, 164, 99, 0.6)";
|
|
32
|
+
export const colorGreenText60Flat: "#71c8a1";
|
|
33
|
+
export const colorGreenDone: "#2fc26e";
|
|
34
|
+
export const colorGreenDone20: "rgba(47, 194, 110, 0.2)";
|
|
35
|
+
export const colorGreenDone10: "rgba(47, 194, 110, 0.1)";
|
|
36
|
+
export const colorGreenDone05: "rgba(47, 194, 110, 0.05)";
|
|
37
|
+
export const colorGreenDone20Flat: "#d5f3e2";
|
|
38
|
+
export const colorGreenDone10Flat: "#ebf9f1";
|
|
39
|
+
export const colorGreenDone05Flat: "#f4fcf7";
|
|
40
|
+
export const colorBlueAction: "#0e60b9";
|
|
41
|
+
export const colorBlueSwipeA: "#2670c6";
|
|
42
|
+
export const colorBlueSwipeB: "#3781d8";
|
|
43
|
+
export const colorBlueSwipeC: "#4a90e2";
|
|
44
|
+
export const colorBlueLinkMobile: "#007aff";
|
|
45
|
+
export const colorBlueLinkMobile10: "rgba(0, 122, 255, 0.1)";
|
|
46
|
+
export const colorBlueLinkMobile10Flat: "#e6f2ff";
|
|
47
|
+
export const colorBlueLinkWeb: "#0f62fe";
|
|
48
|
+
export const colorSand: "#f6bf65";
|
|
49
|
+
export const colorLavender: "#8888ad";
|
|
50
|
+
export const colorAmethyst: "#a489aa";
|
|
51
|
+
export const colorBlack: "#000";
|
|
52
|
+
export const colorBlack60: "rgba(0, 0, 0, 0.6)";
|
|
53
|
+
export const colorBlack30: "rgba(0, 0, 0, 0.3)";
|
|
54
|
+
export const colorBlack10: "rgba(0, 0, 0, 0.1)";
|
|
55
|
+
export const colorBlack60Flat: "#666";
|
|
56
|
+
export const colorBlack30Flat: "#b3b3b3";
|
|
57
|
+
export const colorBlack10Flat: "#e6e6e6";
|
|
58
|
+
export const colorWhite: "#fff";
|
|
59
|
+
export const colorWhite60: "rgba(255, 255, 255, 0.6)";
|
|
60
|
+
export const colorWhite30: "rgba(255, 255, 255, 0.3)";
|
|
61
|
+
export const colorWhite10: "rgba(255, 255, 255, 0.1)";
|
|
62
|
+
export const colorBgCorporate: "#212a33";
|
|
63
|
+
export const colorBgCorporate90: "rgba(33, 42, 51, 0.9)";
|
|
64
|
+
export const colorBgCorporate60: "rgba(33, 42, 51, 0.6)";
|
|
65
|
+
export const colorBgCorporate30: "rgba(33, 42, 51, 0.3)";
|
|
66
|
+
export const colorBgCorporate90Flat: "#384048";
|
|
67
|
+
export const colorBgCorporate60Flat: "#7a7f85";
|
|
68
|
+
export const colorBgCorporate30Flat: "#bdc0c2";
|
|
69
|
+
export const colorLightBlue: "#f5f7f9";
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
module.exports.colorDarkIndigo = "#0b1f35";
|
|
2
|
+
module.exports.colorDarkIndigo60 = "rgba(11, 31, 53, 0.6)";
|
|
3
|
+
module.exports.colorDarkIndigo30 = "rgba(11, 31, 53, 0.3)";
|
|
4
|
+
module.exports.colorDarkIndigo15 = "rgba(11, 31, 53, 0.15)";
|
|
5
|
+
module.exports.colorDarkIndigo10 = "rgba(11, 31, 53, 0.1)";
|
|
6
|
+
module.exports.colorDarkIndigo07 = "rgba(11, 31, 53, 0.07)";
|
|
7
|
+
module.exports.colorDarkIndigo05 = "rgba(11, 31, 53, 0.05)";
|
|
8
|
+
module.exports.colorDarkIndigo60Flat = "#6d7986";
|
|
9
|
+
module.exports.colorDarkIndigo30Flat = "#b6bcc3";
|
|
10
|
+
module.exports.colorDarkIndigo15Flat = "#dbdee1";
|
|
11
|
+
module.exports.colorDarkIndigo10Flat = "#e7e9eb";
|
|
12
|
+
module.exports.colorDarkIndigo07Flat = "#eeeff1";
|
|
13
|
+
module.exports.colorDarkIndigo05Flat = "#f3f4f5";
|
|
14
|
+
module.exports.colorRedBrand = "#ef3124";
|
|
15
|
+
module.exports.colorRedBrand85 = "rgba(239, 49, 36, 0.85)";
|
|
16
|
+
module.exports.colorRedBrand70 = "rgba(239, 49, 36, 0.7)";
|
|
17
|
+
module.exports.colorRedBrand50 = "rgba(239, 49, 36, 0.5)";
|
|
18
|
+
module.exports.colorRedBrand30 = "rgba(239, 49, 36, 0.3)";
|
|
19
|
+
module.exports.colorRedBrand20 = "rgba(239, 49, 36, 0.2)";
|
|
20
|
+
module.exports.colorRedBrand10 = "rgba(239, 49, 36, 0.1)";
|
|
21
|
+
module.exports.colorRedBrand85Flat = "#f15045";
|
|
22
|
+
module.exports.colorRedBrand70Flat = "#f46f66";
|
|
23
|
+
module.exports.colorRedBrand50Flat = "#f69791";
|
|
24
|
+
module.exports.colorRedBrand30Flat = "#fbc2bd";
|
|
25
|
+
module.exports.colorRedBrand20Flat = "#fcd6d3";
|
|
26
|
+
module.exports.colorRedBrand10Flat = "#feebea";
|
|
27
|
+
module.exports.colorRedBrand05Flat = "#fef5f4";
|
|
28
|
+
module.exports.colorRedDark = "#d91d0b";
|
|
29
|
+
module.exports.colorRedError = "#ff5c5c";
|
|
30
|
+
module.exports.colorGreenText = "#13a463";
|
|
31
|
+
module.exports.colorGreenText60 = "rgba(19, 164, 99, 0.6)";
|
|
32
|
+
module.exports.colorGreenText60Flat = "#71c8a1";
|
|
33
|
+
module.exports.colorGreenDone = "#2fc26e";
|
|
34
|
+
module.exports.colorGreenDone20 = "rgba(47, 194, 110, 0.2)";
|
|
35
|
+
module.exports.colorGreenDone10 = "rgba(47, 194, 110, 0.1)";
|
|
36
|
+
module.exports.colorGreenDone05 = "rgba(47, 194, 110, 0.05)";
|
|
37
|
+
module.exports.colorGreenDone20Flat = "#d5f3e2";
|
|
38
|
+
module.exports.colorGreenDone10Flat = "#ebf9f1";
|
|
39
|
+
module.exports.colorGreenDone05Flat = "#f4fcf7";
|
|
40
|
+
module.exports.colorBlueAction = "#0e60b9";
|
|
41
|
+
module.exports.colorBlueSwipeA = "#2670c6";
|
|
42
|
+
module.exports.colorBlueSwipeB = "#3781d8";
|
|
43
|
+
module.exports.colorBlueSwipeC = "#4a90e2";
|
|
44
|
+
module.exports.colorBlueLinkMobile = "#007aff";
|
|
45
|
+
module.exports.colorBlueLinkMobile10 = "rgba(0, 122, 255, 0.1)";
|
|
46
|
+
module.exports.colorBlueLinkMobile10Flat = "#e6f2ff";
|
|
47
|
+
module.exports.colorBlueLinkWeb = "#0f62fe";
|
|
48
|
+
module.exports.colorSand = "#f6bf65";
|
|
49
|
+
module.exports.colorLavender = "#8888ad";
|
|
50
|
+
module.exports.colorAmethyst = "#a489aa";
|
|
51
|
+
module.exports.colorBlack = "#000";
|
|
52
|
+
module.exports.colorBlack60 = "rgba(0, 0, 0, 0.6)";
|
|
53
|
+
module.exports.colorBlack30 = "rgba(0, 0, 0, 0.3)";
|
|
54
|
+
module.exports.colorBlack10 = "rgba(0, 0, 0, 0.1)";
|
|
55
|
+
module.exports.colorBlack60Flat = "#666";
|
|
56
|
+
module.exports.colorBlack30Flat = "#b3b3b3";
|
|
57
|
+
module.exports.colorBlack10Flat = "#e6e6e6";
|
|
58
|
+
module.exports.colorWhite = "#fff";
|
|
59
|
+
module.exports.colorWhite60 = "rgba(255, 255, 255, 0.6)";
|
|
60
|
+
module.exports.colorWhite30 = "rgba(255, 255, 255, 0.3)";
|
|
61
|
+
module.exports.colorWhite10 = "rgba(255, 255, 255, 0.1)";
|
|
62
|
+
module.exports.colorBgCorporate = "#212a33";
|
|
63
|
+
module.exports.colorBgCorporate90 = "rgba(33, 42, 51, 0.9)";
|
|
64
|
+
module.exports.colorBgCorporate60 = "rgba(33, 42, 51, 0.6)";
|
|
65
|
+
module.exports.colorBgCorporate30 = "rgba(33, 42, 51, 0.3)";
|
|
66
|
+
module.exports.colorBgCorporate90Flat = "#384048";
|
|
67
|
+
module.exports.colorBgCorporate60Flat = "#7a7f85";
|
|
68
|
+
module.exports.colorBgCorporate30Flat = "#bdc0c2";
|
|
69
|
+
module.exports.colorLightBlue = "#f5f7f9";
|
package/cssm/index.css
CHANGED
|
@@ -1480,6 +1480,7 @@
|
|
|
1480
1480
|
--border-radius-8: var(--border-radius-m);
|
|
1481
1481
|
--border-radius-10: 10px;
|
|
1482
1482
|
--border-radius-12: var(--border-radius-l);
|
|
1483
|
+
--border-radius-14: 14px;
|
|
1483
1484
|
--border-radius-16: var(--border-radius-xl);
|
|
1484
1485
|
--border-radius-20: var(--border-radius-xxl);
|
|
1485
1486
|
--border-radius-24: var(--border-radius-3xl);
|
package/cssm/index.d.ts
CHANGED
|
@@ -1451,6 +1451,7 @@ export const borderRadius6: "6px";
|
|
|
1451
1451
|
export const borderRadius8: "var(--border-radius-m)";
|
|
1452
1452
|
export const borderRadius10: "10px";
|
|
1453
1453
|
export const borderRadius12: "var(--border-radius-l)";
|
|
1454
|
+
export const borderRadius14: "14px";
|
|
1454
1455
|
export const borderRadius16: "var(--border-radius-xl)";
|
|
1455
1456
|
export const borderRadius20: "var(--border-radius-xxl)";
|
|
1456
1457
|
export const borderRadius24: "var(--border-radius-3xl)";
|
package/cssm/index.js
CHANGED
|
@@ -1451,6 +1451,7 @@ module.exports.borderRadius6 = "6px";
|
|
|
1451
1451
|
module.exports.borderRadius8 = "var(--border-radius-m)";
|
|
1452
1452
|
module.exports.borderRadius10 = "10px";
|
|
1453
1453
|
module.exports.borderRadius12 = "var(--border-radius-l)";
|
|
1454
|
+
module.exports.borderRadius14 = "14px";
|
|
1454
1455
|
module.exports.borderRadius16 = "var(--border-radius-xl)";
|
|
1455
1456
|
module.exports.borderRadius20 = "var(--border-radius-xxl)";
|
|
1456
1457
|
module.exports.borderRadius24 = "var(--border-radius-3xl)";
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export const shadowXs: "0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
|
|
2
|
+
export const shadowS: "0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),\n 0 0 1px rgba(0, 0, 0, 0.04)";
|
|
3
|
+
export const shadowM: "0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),\n 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
|
|
4
|
+
export const shadowL: "0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),\n 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
|
|
5
|
+
export const shadowXl: "0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),\n 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),\n 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
|
|
6
|
+
export const shadowXsHard: "0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
|
|
7
|
+
export const shadowSHard: "0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),\n 0 0 1px rgba(0, 0, 0, 0.16)";
|
|
8
|
+
export const shadowMHard: "0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),\n 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
|
|
9
|
+
export const shadowLHard: "0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),\n 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
|
|
10
|
+
export const shadowXlHard: "0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),\n 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),\n 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
|
|
11
|
+
export const shadowXsUp: "0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04)";
|
|
12
|
+
export const shadowSUp: "0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08)";
|
|
13
|
+
export const shadowMUp: "0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16)";
|
|
14
|
+
export const shadowLUp: "0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24)";
|
|
15
|
+
export const shadowXlUp: "0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32)";
|
|
16
|
+
export const shadowXsHardUp: "0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04),\n 0 -2px 4px rgba(0, 0, 0, 0.16)";
|
|
17
|
+
export const shadowSHardUp: "0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08),\n 0 -4px 8px rgba(0, 0, 0, 0.16)";
|
|
18
|
+
export const shadowMHardUp: "0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),\n 0 -8px 16px rgba(0, 0, 0, 0.16)";
|
|
19
|
+
export const shadowLHardUp: "0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),\n 0 -12px 24px rgba(0, 0, 0, 0.16)";
|
|
20
|
+
export const shadowXlHardUp: "0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),\n 0 -16px 32px rgba(0, 0, 0, 0.16)";
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
module.exports.shadowXs = "0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
|
|
2
|
+
module.exports.shadowS = "0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),\n 0 0 1px rgba(0, 0, 0, 0.04)";
|
|
3
|
+
module.exports.shadowM = "0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),\n 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
|
|
4
|
+
module.exports.shadowL = "0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),\n 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
|
|
5
|
+
module.exports.shadowXl = "0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),\n 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),\n 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04)";
|
|
6
|
+
module.exports.shadowXsHard = "0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
|
|
7
|
+
module.exports.shadowSHard = "0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),\n 0 0 1px rgba(0, 0, 0, 0.16)";
|
|
8
|
+
module.exports.shadowMHard = "0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),\n 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
|
|
9
|
+
module.exports.shadowLHard = "0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),\n 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
|
|
10
|
+
module.exports.shadowXlHard = "0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),\n 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),\n 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16)";
|
|
11
|
+
module.exports.shadowXsUp = "0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04)";
|
|
12
|
+
module.exports.shadowSUp = "0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08)";
|
|
13
|
+
module.exports.shadowMUp = "0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16)";
|
|
14
|
+
module.exports.shadowLUp = "0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24)";
|
|
15
|
+
module.exports.shadowXlUp = "0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32)";
|
|
16
|
+
module.exports.shadowXsHardUp = "0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04),\n 0 -2px 4px rgba(0, 0, 0, 0.16)";
|
|
17
|
+
module.exports.shadowSHardUp = "0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08),\n 0 -4px 8px rgba(0, 0, 0, 0.16)";
|
|
18
|
+
module.exports.shadowMHardUp = "0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),\n 0 -8px 16px rgba(0, 0, 0, 0.16)";
|
|
19
|
+
module.exports.shadowLHardUp = "0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),\n 0 -12px 24px rgba(0, 0, 0, 0.16)";
|
|
20
|
+
module.exports.shadowXlHardUp = "0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),\n 0 -16px 32px rgba(0, 0, 0, 0.16)";
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export const shadowXs: "0 0 4px rgba(11, 31, 53, 0.02), 0 2px 4px rgba(11, 31, 53, 0.04)";
|
|
2
|
+
export const shadowS: "0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08)";
|
|
3
|
+
export const shadowM: "0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16)";
|
|
4
|
+
export const shadowL: "0 0 24px rgba(11, 31, 53, 0.12), 0 12px 24px rgba(11, 31, 53, 0.24)";
|
|
5
|
+
export const shadowXl: "0 0 32px rgba(11, 31, 53, 0.16), 0 16px 32px rgba(11, 31, 53, 0.32)";
|
|
6
|
+
export const shadowXsHard: "0 0 4px rgba(11, 31, 53, 0.02), 0 2px 4px rgba(11, 31, 53, 0.04),\n 0 2px 4px rgba(11, 31, 53, 0.16)";
|
|
7
|
+
export const shadowSHard: "0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08),\n 0 4px 8px rgba(11, 31, 53, 0.16)";
|
|
8
|
+
export const shadowMHard: "0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16),\n 0 8px 16px rgba(11, 31, 53, 0.16)";
|
|
9
|
+
export const shadowLHard: "0 0 24px rgba(11, 31, 53, 0.12), 0 12px 24px rgba(11, 31, 53, 0.24),\n 0 12px 24px rgba(11, 31, 53, 0.16)";
|
|
10
|
+
export const shadowXlHard: "0 0 32px rgba(11, 31, 53, 0.16), 0 16px 32px rgba(11, 31, 53, 0.32),\n 0 16px 32px rgba(11, 31, 53, 0.16)";
|
|
11
|
+
export const shadowXsUp: "0 0 4px rgba(11, 31, 53, 0.02), 0 -2px 4px rgba(11, 31, 53, 0.04)";
|
|
12
|
+
export const shadowSUp: "0 0 8px rgba(11, 31, 53, 0.04), 0 -4px 8px rgba(11, 31, 53, 0.08)";
|
|
13
|
+
export const shadowMUp: "0 0 16px rgba(11, 31, 53, 0.08), 0 -8px 16px rgba(11, 31, 53, 0.16)";
|
|
14
|
+
export const shadowLUp: "0 0 24px rgba(11, 31, 53, 0.12), 0 -12px 24px rgba(11, 31, 53, 0.24)";
|
|
15
|
+
export const shadowXlUp: "0 0 32px rgba(11, 31, 53, 0.16), 0 -16px 32px rgba(11, 31, 53, 0.32)";
|
|
16
|
+
export const shadowXsHardUp: "0 0 4px rgba(11, 31, 53, 0.02), 0 -2px 4px rgba(11, 31, 53, 0.04),\n 0 -2px 4px rgba(11, 31, 53, 0.16)";
|
|
17
|
+
export const shadowSHardUp: "0 0 8px rgba(11, 31, 53, 0.04), 0 -4px 8px rgba(11, 31, 53, 0.08),\n 0 -4px 8px rgba(11, 31, 53, 0.16)";
|
|
18
|
+
export const shadowMHardUp: "0 0 16px rgba(11, 31, 53, 0.08), 0 -8px 16px rgba(11, 31, 53, 0.16),\n 0 -8px 16px rgba(11, 31, 53, 0.16)";
|
|
19
|
+
export const shadowLHardUp: "0 0 24px rgba(11, 31, 53, 0.12), 0 -12px 24px rgba(11, 31, 53, 0.24),\n 0 -12px 24px rgba(11, 31, 53, 0.16)";
|
|
20
|
+
export const shadowXlHardUp: "0 0 32px rgba(11, 31, 53, 0.16), 0 -16px 32px rgba(11, 31, 53, 0.32),\n 0 -16px 32px rgba(11, 31, 53, 0.16)";
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
module.exports.shadowXs = "0 0 4px rgba(11, 31, 53, 0.02), 0 2px 4px rgba(11, 31, 53, 0.04)";
|
|
2
|
+
module.exports.shadowS = "0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08)";
|
|
3
|
+
module.exports.shadowM = "0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16)";
|
|
4
|
+
module.exports.shadowL = "0 0 24px rgba(11, 31, 53, 0.12), 0 12px 24px rgba(11, 31, 53, 0.24)";
|
|
5
|
+
module.exports.shadowXl = "0 0 32px rgba(11, 31, 53, 0.16), 0 16px 32px rgba(11, 31, 53, 0.32)";
|
|
6
|
+
module.exports.shadowXsHard = "0 0 4px rgba(11, 31, 53, 0.02), 0 2px 4px rgba(11, 31, 53, 0.04),\n 0 2px 4px rgba(11, 31, 53, 0.16)";
|
|
7
|
+
module.exports.shadowSHard = "0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08),\n 0 4px 8px rgba(11, 31, 53, 0.16)";
|
|
8
|
+
module.exports.shadowMHard = "0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16),\n 0 8px 16px rgba(11, 31, 53, 0.16)";
|
|
9
|
+
module.exports.shadowLHard = "0 0 24px rgba(11, 31, 53, 0.12), 0 12px 24px rgba(11, 31, 53, 0.24),\n 0 12px 24px rgba(11, 31, 53, 0.16)";
|
|
10
|
+
module.exports.shadowXlHard = "0 0 32px rgba(11, 31, 53, 0.16), 0 16px 32px rgba(11, 31, 53, 0.32),\n 0 16px 32px rgba(11, 31, 53, 0.16)";
|
|
11
|
+
module.exports.shadowXsUp = "0 0 4px rgba(11, 31, 53, 0.02), 0 -2px 4px rgba(11, 31, 53, 0.04)";
|
|
12
|
+
module.exports.shadowSUp = "0 0 8px rgba(11, 31, 53, 0.04), 0 -4px 8px rgba(11, 31, 53, 0.08)";
|
|
13
|
+
module.exports.shadowMUp = "0 0 16px rgba(11, 31, 53, 0.08), 0 -8px 16px rgba(11, 31, 53, 0.16)";
|
|
14
|
+
module.exports.shadowLUp = "0 0 24px rgba(11, 31, 53, 0.12), 0 -12px 24px rgba(11, 31, 53, 0.24)";
|
|
15
|
+
module.exports.shadowXlUp = "0 0 32px rgba(11, 31, 53, 0.16), 0 -16px 32px rgba(11, 31, 53, 0.32)";
|
|
16
|
+
module.exports.shadowXsHardUp = "0 0 4px rgba(11, 31, 53, 0.02), 0 -2px 4px rgba(11, 31, 53, 0.04),\n 0 -2px 4px rgba(11, 31, 53, 0.16)";
|
|
17
|
+
module.exports.shadowSHardUp = "0 0 8px rgba(11, 31, 53, 0.04), 0 -4px 8px rgba(11, 31, 53, 0.08),\n 0 -4px 8px rgba(11, 31, 53, 0.16)";
|
|
18
|
+
module.exports.shadowMHardUp = "0 0 16px rgba(11, 31, 53, 0.08), 0 -8px 16px rgba(11, 31, 53, 0.16),\n 0 -8px 16px rgba(11, 31, 53, 0.16)";
|
|
19
|
+
module.exports.shadowLHardUp = "0 0 24px rgba(11, 31, 53, 0.12), 0 -12px 24px rgba(11, 31, 53, 0.24),\n 0 -12px 24px rgba(11, 31, 53, 0.16)";
|
|
20
|
+
module.exports.shadowXlHardUp = "0 0 32px rgba(11, 31, 53, 0.16), 0 -16px 32px rgba(11, 31, 53, 0.32),\n 0 -16px 32px rgba(11, 31, 53, 0.16)";
|