@razorpay/blade 8.1.0 → 8.2.3
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/build/components/index.d.ts +61 -41
- package/build/components/index.native.d.ts +61 -41
- package/build/components/index.native.js +33 -35
- package/build/components/index.native.js.map +1 -1
- package/build/components/index.web.js +226 -233
- package/build/components/index.web.js.map +1 -1
- package/build/css/bankingThemeDarkDesktop.css +5 -26
- package/build/css/bankingThemeDarkMobile.css +5 -26
- package/build/css/bankingThemeLightDesktop.css +5 -26
- package/build/css/bankingThemeLightMobile.css +5 -26
- package/build/css/paymentThemeDarkDesktop.css +5 -26
- package/build/css/paymentThemeDarkMobile.css +5 -26
- package/build/css/paymentThemeLightDesktop.css +5 -26
- package/build/css/paymentThemeLightMobile.css +5 -26
- package/build/tokens/index.d.ts +180 -150
- package/build/tokens/index.native.d.ts +180 -150
- package/build/tokens/index.native.js +12 -10
- package/build/tokens/index.native.js.map +1 -1
- package/build/tokens/index.web.js +382 -409
- package/build/tokens/index.web.js.map +1 -1
- package/build/utils/index.native.js +0 -6
- package/build/utils/index.native.js.map +1 -1
- package/build/utils/index.web.js +16 -98
- package/build/utils/index.web.js.map +1 -1
- package/package.json +5 -5
- package/CHANGELOG.md +0 -1648
|
@@ -3,7 +3,33 @@ import 'react';
|
|
|
3
3
|
import _typeof from '@babel/runtime/helpers/typeof';
|
|
4
4
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var border = {
|
|
7
|
+
radius: {
|
|
8
|
+
none: 0,
|
|
9
|
+
small: 2,
|
|
10
|
+
medium: 4,
|
|
11
|
+
large: 8,
|
|
12
|
+
max: 9999,
|
|
13
|
+
round: '50%' // this needs to be in % but need to figure out how will we store unitless things
|
|
14
|
+
|
|
15
|
+
},
|
|
16
|
+
width: {
|
|
17
|
+
none: 0,
|
|
18
|
+
thin: 1,
|
|
19
|
+
thick: 1.5
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
var breakpoints = {
|
|
24
|
+
base: 0,
|
|
25
|
+
xs: 320,
|
|
26
|
+
s: 480,
|
|
27
|
+
m: 768,
|
|
28
|
+
l: 1024,
|
|
29
|
+
xl: 1200
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
var opacity = {
|
|
7
33
|
0: 0,
|
|
8
34
|
1: 0.09,
|
|
9
35
|
2: 0.18,
|
|
@@ -19,319 +45,273 @@ var opacities = {
|
|
|
19
45
|
var colors$2 = {
|
|
20
46
|
chromatic: {
|
|
21
47
|
azure: {
|
|
22
|
-
50: "hsla(222, 100%, 96%, ".concat(
|
|
23
|
-
100: "hsla(218, 93%, 88%, ".concat(
|
|
24
|
-
200: "hsla(216, 92%, 81%, ".concat(
|
|
25
|
-
300: "hsla(215, 91%, 74%, ".concat(
|
|
26
|
-
400: "hsla(213, 91%, 66%, ".concat(
|
|
27
|
-
500: "hsla(213, 89%, 56%, ".concat(
|
|
28
|
-
600: "hsla(218, 89%, 51%, ".concat(
|
|
29
|
-
700: "hsla(223, 95%, 48%, ".concat(
|
|
30
|
-
800: "hsla(227, 100%, 45%, ".concat(
|
|
31
|
-
900: "hsla(230, 100%, 42%, ".concat(
|
|
32
|
-
950: "hsla(234, 100%, 34%, ".concat(
|
|
33
|
-
a00: "hsla(218, 89%, 51%, ".concat(
|
|
34
|
-
a50: "hsla(218, 89%, 51%, ".concat(
|
|
35
|
-
a100: "hsla(218, 89%, 51%, ".concat(
|
|
36
|
-
a200: "hsla(218, 89%, 51%, ".concat(
|
|
48
|
+
50: "hsla(222, 100%, 96%, ".concat(opacity[9], ")"),
|
|
49
|
+
100: "hsla(218, 93%, 88%, ".concat(opacity[9], ")"),
|
|
50
|
+
200: "hsla(216, 92%, 81%, ".concat(opacity[9], ")"),
|
|
51
|
+
300: "hsla(215, 91%, 74%, ".concat(opacity[9], ")"),
|
|
52
|
+
400: "hsla(213, 91%, 66%, ".concat(opacity[9], ")"),
|
|
53
|
+
500: "hsla(213, 89%, 56%, ".concat(opacity[9], ")"),
|
|
54
|
+
600: "hsla(218, 89%, 51%, ".concat(opacity[9], ")"),
|
|
55
|
+
700: "hsla(223, 95%, 48%, ".concat(opacity[9], ")"),
|
|
56
|
+
800: "hsla(227, 100%, 45%, ".concat(opacity[9], ")"),
|
|
57
|
+
900: "hsla(230, 100%, 42%, ".concat(opacity[9], ")"),
|
|
58
|
+
950: "hsla(234, 100%, 34%, ".concat(opacity[9], ")"),
|
|
59
|
+
a00: "hsla(218, 89%, 51%, ".concat(opacity[0], ")"),
|
|
60
|
+
a50: "hsla(218, 89%, 51%, ".concat(opacity[1], ")"),
|
|
61
|
+
a100: "hsla(218, 89%, 51%, ".concat(opacity[2], ")"),
|
|
62
|
+
a200: "hsla(218, 89%, 51%, ".concat(opacity[3], ")")
|
|
37
63
|
},
|
|
38
64
|
emerald: {
|
|
39
|
-
50: "hsla(107, 100%, 96%, ".concat(
|
|
40
|
-
100: "hsla(113, 69%, 83%, ".concat(
|
|
41
|
-
200: "hsla(121, 65%, 71%, ".concat(
|
|
42
|
-
300: "hsla(130, 62%, 60%, ".concat(
|
|
43
|
-
400: "hsla(137, 60%, 50%, ".concat(
|
|
44
|
-
500: "hsla(149, 99%, 35%, ".concat(
|
|
45
|
-
600: "hsla(155, 100%, 31%, ".concat(
|
|
46
|
-
700: "hsla(160, 100%, 26%, ".concat(
|
|
47
|
-
800: "hsla(163, 100%, 22%, ".concat(
|
|
48
|
-
900: "hsla(164, 100%, 17%, ".concat(
|
|
49
|
-
950: "hsla(165, 100%, 13%, ".concat(
|
|
50
|
-
a00: "hsla(155, 100%, 31%, ".concat(
|
|
51
|
-
a50: "hsla(155, 100%, 31%, ".concat(
|
|
52
|
-
a100: "hsla(155, 100%, 31%, ".concat(
|
|
53
|
-
a200: "hsla(155, 100%, 31%, ".concat(
|
|
65
|
+
50: "hsla(107, 100%, 96%, ".concat(opacity[9], ")"),
|
|
66
|
+
100: "hsla(113, 69%, 83%, ".concat(opacity[9], ")"),
|
|
67
|
+
200: "hsla(121, 65%, 71%, ".concat(opacity[9], ")"),
|
|
68
|
+
300: "hsla(130, 62%, 60%, ".concat(opacity[9], ")"),
|
|
69
|
+
400: "hsla(137, 60%, 50%, ".concat(opacity[9], ")"),
|
|
70
|
+
500: "hsla(149, 99%, 35%, ".concat(opacity[9], ")"),
|
|
71
|
+
600: "hsla(155, 100%, 31%, ".concat(opacity[9], ")"),
|
|
72
|
+
700: "hsla(160, 100%, 26%, ".concat(opacity[9], ")"),
|
|
73
|
+
800: "hsla(163, 100%, 22%, ".concat(opacity[9], ")"),
|
|
74
|
+
900: "hsla(164, 100%, 17%, ".concat(opacity[9], ")"),
|
|
75
|
+
950: "hsla(165, 100%, 13%, ".concat(opacity[9], ")"),
|
|
76
|
+
a00: "hsla(155, 100%, 31%, ".concat(opacity[0], ")"),
|
|
77
|
+
a50: "hsla(155, 100%, 31%, ".concat(opacity[1], ")"),
|
|
78
|
+
a100: "hsla(155, 100%, 31%, ".concat(opacity[2], ")"),
|
|
79
|
+
a200: "hsla(155, 100%, 31%, ".concat(opacity[3], ")")
|
|
54
80
|
},
|
|
55
81
|
crimson: {
|
|
56
|
-
50: "hsla(0, 100%, 97%, ".concat(
|
|
57
|
-
100: "hsla(0, 100%, 92%, ".concat(
|
|
58
|
-
200: "hsla(3, 100%, 86%, ".concat(
|
|
59
|
-
300: "hsla(5, 100%, 80%, ".concat(
|
|
60
|
-
400: "hsla(6, 100%, 75%, ".concat(
|
|
61
|
-
500: "hsla(8, 99%, 65%, ".concat(
|
|
62
|
-
600: "hsla(9, 91%, 56%, ".concat(
|
|
63
|
-
700: "hsla(8, 73%, 47%, ".concat(
|
|
64
|
-
800: "hsla(7, 72%, 40%, ".concat(
|
|
65
|
-
900: "hsla(5, 69%, 32%, ".concat(
|
|
66
|
-
950: "hsla(3, 66%, 24%, ".concat(
|
|
67
|
-
a00: "hsla(9, 91%, 56%, ".concat(
|
|
68
|
-
a50: "hsla(9, 91%, 56%, ".concat(
|
|
69
|
-
a100: "hsla(9, 91%, 56%, ".concat(
|
|
70
|
-
a200: "hsla(9, 91%, 56%, ".concat(
|
|
82
|
+
50: "hsla(0, 100%, 97%, ".concat(opacity[9], ")"),
|
|
83
|
+
100: "hsla(0, 100%, 92%, ".concat(opacity[9], ")"),
|
|
84
|
+
200: "hsla(3, 100%, 86%, ".concat(opacity[9], ")"),
|
|
85
|
+
300: "hsla(5, 100%, 80%, ".concat(opacity[9], ")"),
|
|
86
|
+
400: "hsla(6, 100%, 75%, ".concat(opacity[9], ")"),
|
|
87
|
+
500: "hsla(8, 99%, 65%, ".concat(opacity[9], ")"),
|
|
88
|
+
600: "hsla(9, 91%, 56%, ".concat(opacity[9], ")"),
|
|
89
|
+
700: "hsla(8, 73%, 47%, ".concat(opacity[9], ")"),
|
|
90
|
+
800: "hsla(7, 72%, 40%, ".concat(opacity[9], ")"),
|
|
91
|
+
900: "hsla(5, 69%, 32%, ".concat(opacity[9], ")"),
|
|
92
|
+
950: "hsla(3, 66%, 24%, ".concat(opacity[9], ")"),
|
|
93
|
+
a00: "hsla(9, 91%, 56%, ".concat(opacity[0], ")"),
|
|
94
|
+
a50: "hsla(9, 91%, 56%, ".concat(opacity[1], ")"),
|
|
95
|
+
a100: "hsla(9, 91%, 56%, ".concat(opacity[2], ")"),
|
|
96
|
+
a200: "hsla(9, 91%, 56%, ".concat(opacity[3], ")")
|
|
71
97
|
},
|
|
72
98
|
cider: {
|
|
73
|
-
50: "hsla(32, 100%, 94%, ".concat(
|
|
74
|
-
100: "hsla(32, 97%, 86%, ".concat(
|
|
75
|
-
200: "hsla(33, 94%, 79%, ".concat(
|
|
76
|
-
300: "hsla(33, 94%, 72%, ".concat(
|
|
77
|
-
400: "hsla(34, 93%, 65%, ".concat(
|
|
78
|
-
500: "hsla(35, 84%, 54%, ".concat(
|
|
79
|
-
600: "hsla(36, 100%, 44%, ".concat(
|
|
80
|
-
700: "hsla(38, 97%, 38%, ".concat(
|
|
81
|
-
800: "hsla(40, 90%, 32%, ".concat(
|
|
82
|
-
900: "hsla(41, 82%, 26%, ".concat(
|
|
83
|
-
950: "hsla(42, 74%, 20%, ".concat(
|
|
84
|
-
a00: "hsla(36, 100%, 44%, ".concat(
|
|
85
|
-
a50: "hsla(36, 100%, 44%, ".concat(
|
|
86
|
-
a100: "hsla(36, 100%, 44%, ".concat(
|
|
87
|
-
a200: "hsla(36, 100%, 44%, ".concat(
|
|
99
|
+
50: "hsla(32, 100%, 94%, ".concat(opacity[9], ")"),
|
|
100
|
+
100: "hsla(32, 97%, 86%, ".concat(opacity[9], ")"),
|
|
101
|
+
200: "hsla(33, 94%, 79%, ".concat(opacity[9], ")"),
|
|
102
|
+
300: "hsla(33, 94%, 72%, ".concat(opacity[9], ")"),
|
|
103
|
+
400: "hsla(34, 93%, 65%, ".concat(opacity[9], ")"),
|
|
104
|
+
500: "hsla(35, 84%, 54%, ".concat(opacity[9], ")"),
|
|
105
|
+
600: "hsla(36, 100%, 44%, ".concat(opacity[9], ")"),
|
|
106
|
+
700: "hsla(38, 97%, 38%, ".concat(opacity[9], ")"),
|
|
107
|
+
800: "hsla(40, 90%, 32%, ".concat(opacity[9], ")"),
|
|
108
|
+
900: "hsla(41, 82%, 26%, ".concat(opacity[9], ")"),
|
|
109
|
+
950: "hsla(42, 74%, 20%, ".concat(opacity[9], ")"),
|
|
110
|
+
a00: "hsla(36, 100%, 44%, ".concat(opacity[0], ")"),
|
|
111
|
+
a50: "hsla(36, 100%, 44%, ".concat(opacity[1], ")"),
|
|
112
|
+
a100: "hsla(36, 100%, 44%, ".concat(opacity[2], ")"),
|
|
113
|
+
a200: "hsla(36, 100%, 44%, ".concat(opacity[3], ")")
|
|
88
114
|
},
|
|
89
115
|
orchid: {
|
|
90
|
-
50: "hsla(258, 100%, 96%, ".concat(
|
|
91
|
-
100: "hsla(263, 100%, 92%, ".concat(
|
|
92
|
-
200: "hsla(264, 100%, 87%, ".concat(
|
|
93
|
-
300: "hsla(267, 100%, 83%, ".concat(
|
|
94
|
-
400: "hsla(268, 100%, 79%, ".concat(
|
|
95
|
-
500: "hsla(269, 100%, 69%, ".concat(
|
|
96
|
-
600: "hsla(271, 96%, 61%, ".concat(
|
|
97
|
-
700: "hsla(276, 79%, 47%, ".concat(
|
|
98
|
-
800: "hsla(280, 95%, 36%, ".concat(
|
|
99
|
-
900: "hsla(283, 96%, 29%, ".concat(
|
|
100
|
-
950: "hsla(286, 96%, 22%, ".concat(
|
|
101
|
-
a00: "hsla(271, 96%, 61%, ".concat(
|
|
102
|
-
a50: "hsla(271, 96%, 61%, ".concat(
|
|
103
|
-
a100: "hsla(271, 96%, 61%, ".concat(
|
|
104
|
-
a200: "hsla(271, 96%, 61%, ".concat(
|
|
116
|
+
50: "hsla(258, 100%, 96%, ".concat(opacity[9], ")"),
|
|
117
|
+
100: "hsla(263, 100%, 92%, ".concat(opacity[9], ")"),
|
|
118
|
+
200: "hsla(264, 100%, 87%, ".concat(opacity[9], ")"),
|
|
119
|
+
300: "hsla(267, 100%, 83%, ".concat(opacity[9], ")"),
|
|
120
|
+
400: "hsla(268, 100%, 79%, ".concat(opacity[9], ")"),
|
|
121
|
+
500: "hsla(269, 100%, 69%, ".concat(opacity[9], ")"),
|
|
122
|
+
600: "hsla(271, 96%, 61%, ".concat(opacity[9], ")"),
|
|
123
|
+
700: "hsla(276, 79%, 47%, ".concat(opacity[9], ")"),
|
|
124
|
+
800: "hsla(280, 95%, 36%, ".concat(opacity[9], ")"),
|
|
125
|
+
900: "hsla(283, 96%, 29%, ".concat(opacity[9], ")"),
|
|
126
|
+
950: "hsla(286, 96%, 22%, ".concat(opacity[9], ")"),
|
|
127
|
+
a00: "hsla(271, 96%, 61%, ".concat(opacity[0], ")"),
|
|
128
|
+
a50: "hsla(271, 96%, 61%, ".concat(opacity[1], ")"),
|
|
129
|
+
a100: "hsla(271, 96%, 61%, ".concat(opacity[2], ")"),
|
|
130
|
+
a200: "hsla(271, 96%, 61%, ".concat(opacity[3], ")")
|
|
105
131
|
},
|
|
106
132
|
magenta: {
|
|
107
|
-
50: "hsla(309, 100%, 96%, ".concat(
|
|
108
|
-
100: "hsla(307, 100%, 91%, ".concat(
|
|
109
|
-
200: "hsla(303, 100%, 85%, ".concat(
|
|
110
|
-
300: "hsla(301, 100%, 80%, ".concat(
|
|
111
|
-
400: "hsla(300, 100%, 75%, ".concat(
|
|
112
|
-
500: "hsla(303, 100%, 65%, ".concat(
|
|
113
|
-
600: "hsla(308, 75%, 51%, ".concat(
|
|
114
|
-
700: "hsla(313, 88%, 40%, ".concat(
|
|
115
|
-
800: "hsla(317, 100%, 32%, ".concat(
|
|
116
|
-
900: "hsla(321, 100%, 26%, ".concat(
|
|
117
|
-
950: "hsla(324, 100%, 20%, ".concat(
|
|
118
|
-
a00: "hsla(308, 75%, 51%, ".concat(
|
|
119
|
-
a50: "hsla(308, 75%, 51%, ".concat(
|
|
120
|
-
a100: "hsla(308, 75%, 51%, ".concat(
|
|
121
|
-
a200: "hsla(308, 75%, 51%, ".concat(
|
|
133
|
+
50: "hsla(309, 100%, 96%, ".concat(opacity[9], ")"),
|
|
134
|
+
100: "hsla(307, 100%, 91%, ".concat(opacity[9], ")"),
|
|
135
|
+
200: "hsla(303, 100%, 85%, ".concat(opacity[9], ")"),
|
|
136
|
+
300: "hsla(301, 100%, 80%, ".concat(opacity[9], ")"),
|
|
137
|
+
400: "hsla(300, 100%, 75%, ".concat(opacity[9], ")"),
|
|
138
|
+
500: "hsla(303, 100%, 65%, ".concat(opacity[9], ")"),
|
|
139
|
+
600: "hsla(308, 75%, 51%, ".concat(opacity[9], ")"),
|
|
140
|
+
700: "hsla(313, 88%, 40%, ".concat(opacity[9], ")"),
|
|
141
|
+
800: "hsla(317, 100%, 32%, ".concat(opacity[9], ")"),
|
|
142
|
+
900: "hsla(321, 100%, 26%, ".concat(opacity[9], ")"),
|
|
143
|
+
950: "hsla(324, 100%, 20%, ".concat(opacity[9], ")"),
|
|
144
|
+
a00: "hsla(308, 75%, 51%, ".concat(opacity[0], ")"),
|
|
145
|
+
a50: "hsla(308, 75%, 51%, ".concat(opacity[1], ")"),
|
|
146
|
+
a100: "hsla(308, 75%, 51%, ".concat(opacity[2], ")"),
|
|
147
|
+
a200: "hsla(308, 75%, 51%, ".concat(opacity[3], ")")
|
|
122
148
|
},
|
|
123
149
|
sapphire: {
|
|
124
|
-
50: "hsla(180, 100%, 97%, ".concat(
|
|
125
|
-
100: "hsla(181, 75%, 85%, ".concat(
|
|
126
|
-
200: "hsla(184, 72%, 73%, ".concat(
|
|
127
|
-
300: "hsla(185, 70%, 62%, ".concat(
|
|
128
|
-
400: "hsla(187, 68%, 52%, ".concat(
|
|
129
|
-
500: "hsla(190, 100%, 39%, ".concat(
|
|
130
|
-
600: "hsla(193, 100%, 35%, ".concat(
|
|
131
|
-
700: "hsla(195, 100%, 31%, ".concat(
|
|
132
|
-
800: "hsla(196, 100%, 27%, ".concat(
|
|
133
|
-
900: "hsla(197, 100%, 23%, ".concat(
|
|
134
|
-
950: "hsla(198, 100%, 20%, ".concat(
|
|
135
|
-
a00: "hsla(193, 100%, 35%, ".concat(
|
|
136
|
-
a50: "hsla(193, 100%, 35%, ".concat(
|
|
137
|
-
a100: "hsla(193, 100%, 35%, ".concat(
|
|
138
|
-
a200: "hsla(193, 100%, 35%, ".concat(
|
|
150
|
+
50: "hsla(180, 100%, 97%, ".concat(opacity[9], ")"),
|
|
151
|
+
100: "hsla(181, 75%, 85%, ".concat(opacity[9], ")"),
|
|
152
|
+
200: "hsla(184, 72%, 73%, ".concat(opacity[9], ")"),
|
|
153
|
+
300: "hsla(185, 70%, 62%, ".concat(opacity[9], ")"),
|
|
154
|
+
400: "hsla(187, 68%, 52%, ".concat(opacity[9], ")"),
|
|
155
|
+
500: "hsla(190, 100%, 39%, ".concat(opacity[9], ")"),
|
|
156
|
+
600: "hsla(193, 100%, 35%, ".concat(opacity[9], ")"),
|
|
157
|
+
700: "hsla(195, 100%, 31%, ".concat(opacity[9], ")"),
|
|
158
|
+
800: "hsla(196, 100%, 27%, ".concat(opacity[9], ")"),
|
|
159
|
+
900: "hsla(197, 100%, 23%, ".concat(opacity[9], ")"),
|
|
160
|
+
950: "hsla(198, 100%, 20%, ".concat(opacity[9], ")"),
|
|
161
|
+
a00: "hsla(193, 100%, 35%, ".concat(opacity[0], ")"),
|
|
162
|
+
a50: "hsla(193, 100%, 35%, ".concat(opacity[1], ")"),
|
|
163
|
+
a100: "hsla(193, 100%, 35%, ".concat(opacity[2], ")"),
|
|
164
|
+
a200: "hsla(193, 100%, 35%, ".concat(opacity[3], ")")
|
|
139
165
|
}
|
|
140
166
|
},
|
|
141
167
|
neutral: {
|
|
142
168
|
blueGrayLight: {
|
|
143
|
-
0: "hsla(0, 0%, 100%, ".concat(
|
|
144
|
-
50: "hsla(220, 27%, 98%, ".concat(
|
|
145
|
-
100: "hsla(220, 30%, 96%, ".concat(
|
|
146
|
-
200: "hsla(214, 21%, 94%, ".concat(
|
|
147
|
-
300: "hsla(216, 19%, 89%, ".concat(
|
|
148
|
-
400: "hsla(218, 19%, 81%, ".concat(
|
|
149
|
-
500: "hsla(214, 18%, 69%, ".concat(
|
|
150
|
-
600: "hsla(216, 16%, 60%, ".concat(
|
|
151
|
-
700: "hsla(216, 15%, 54%, ".concat(
|
|
152
|
-
800: "hsla(217, 18%, 45%, ".concat(
|
|
153
|
-
900: "hsla(216, 27%, 36%, ".concat(
|
|
154
|
-
1000: "hsla(216, 33%, 29%, ".concat(
|
|
155
|
-
1100: "hsla(216, 44%, 23%, ".concat(
|
|
156
|
-
1200: "hsla(217, 56%, 17%, ".concat(
|
|
157
|
-
1300: "hsla(215, 70%, 13%, ".concat(
|
|
158
|
-
a00: "hsla(216, 44%, 23%, ".concat(
|
|
159
|
-
a50: "hsla(216, 15%, 54%, ".concat(
|
|
160
|
-
a100: "hsla(216, 15%, 54%, ".concat(
|
|
161
|
-
a200: "hsla(216, 15%, 54%, ".concat(
|
|
162
|
-
a300: "hsla(214, 21%, 94%, ".concat(
|
|
163
|
-
a400: "hsla(214, 21%, 94%, ".concat(
|
|
164
|
-
a500: "hsla(214, 21%, 94%, ".concat(
|
|
169
|
+
0: "hsla(0, 0%, 100%, ".concat(opacity[9], ")"),
|
|
170
|
+
50: "hsla(220, 27%, 98%, ".concat(opacity[9], ")"),
|
|
171
|
+
100: "hsla(220, 30%, 96%, ".concat(opacity[9], ")"),
|
|
172
|
+
200: "hsla(214, 21%, 94%, ".concat(opacity[9], ")"),
|
|
173
|
+
300: "hsla(216, 19%, 89%, ".concat(opacity[9], ")"),
|
|
174
|
+
400: "hsla(218, 19%, 81%, ".concat(opacity[9], ")"),
|
|
175
|
+
500: "hsla(214, 18%, 69%, ".concat(opacity[9], ")"),
|
|
176
|
+
600: "hsla(216, 16%, 60%, ".concat(opacity[9], ")"),
|
|
177
|
+
700: "hsla(216, 15%, 54%, ".concat(opacity[9], ")"),
|
|
178
|
+
800: "hsla(217, 18%, 45%, ".concat(opacity[9], ")"),
|
|
179
|
+
900: "hsla(216, 27%, 36%, ".concat(opacity[9], ")"),
|
|
180
|
+
1000: "hsla(216, 33%, 29%, ".concat(opacity[9], ")"),
|
|
181
|
+
1100: "hsla(216, 44%, 23%, ".concat(opacity[9], ")"),
|
|
182
|
+
1200: "hsla(217, 56%, 17%, ".concat(opacity[9], ")"),
|
|
183
|
+
1300: "hsla(215, 70%, 13%, ".concat(opacity[9], ")"),
|
|
184
|
+
a00: "hsla(216, 44%, 23%, ".concat(opacity[0], ")"),
|
|
185
|
+
a50: "hsla(216, 15%, 54%, ".concat(opacity[1], ")"),
|
|
186
|
+
a100: "hsla(216, 15%, 54%, ".concat(opacity[2], ")"),
|
|
187
|
+
a200: "hsla(216, 15%, 54%, ".concat(opacity[3], ")"),
|
|
188
|
+
a300: "hsla(214, 21%, 94%, ".concat(opacity[1], ")"),
|
|
189
|
+
a400: "hsla(214, 21%, 94%, ".concat(opacity[2], ")"),
|
|
190
|
+
a500: "hsla(214, 21%, 94%, ".concat(opacity[3], ")")
|
|
165
191
|
},
|
|
166
192
|
blueGrayDark: {
|
|
167
|
-
0: "hsla(0, 0%, 99%, ".concat(
|
|
168
|
-
50: "hsla(215, 12%, 92%, ".concat(
|
|
169
|
-
100: "hsla(218, 11%, 84%, ".concat(
|
|
170
|
-
200: "hsla(218, 11%, 76%, ".concat(
|
|
171
|
-
300: "hsla(219, 10%, 60%, ".concat(
|
|
172
|
-
400: "hsla(219, 12%, 45%, ".concat(
|
|
173
|
-
500: "hsla(220, 16%, 37%, ".concat(
|
|
174
|
-
600: "hsla(220, 23%, 29%, ".concat(
|
|
175
|
-
700: "hsla(220, 35%, 22%, ".concat(
|
|
176
|
-
800: "hsla(219, 41%, 19%, ".concat(
|
|
177
|
-
900: "hsla(218, 49%, 17%, ".concat(
|
|
178
|
-
1000: "hsla(218, 52%, 16%, ".concat(
|
|
179
|
-
1100: "hsla(218, 54%, 15%, ".concat(
|
|
180
|
-
1200: "hsla(218, 59%, 13%, ".concat(
|
|
181
|
-
1300: "hsla(218, 67%, 10%, ".concat(
|
|
182
|
-
a00: "hsla(220, 11%, 84%, ".concat(
|
|
183
|
-
a50: "hsla(220, 11%, 84%, ".concat(
|
|
184
|
-
a100: "hsla(220, 11%, 84%, ".concat(
|
|
185
|
-
a200: "hsla(220, 11%, 84%, ".concat(
|
|
186
|
-
a300: "hsla(217, 11%, 76%, ".concat(
|
|
187
|
-
a400: "hsla(217, 11%, 76%, ".concat(
|
|
188
|
-
a500: "hsla(217, 11%, 76%, ".concat(
|
|
193
|
+
0: "hsla(0, 0%, 99%, ".concat(opacity[9], ")"),
|
|
194
|
+
50: "hsla(215, 12%, 92%, ".concat(opacity[9], ")"),
|
|
195
|
+
100: "hsla(218, 11%, 84%, ".concat(opacity[9], ")"),
|
|
196
|
+
200: "hsla(218, 11%, 76%, ".concat(opacity[9], ")"),
|
|
197
|
+
300: "hsla(219, 10%, 60%, ".concat(opacity[9], ")"),
|
|
198
|
+
400: "hsla(219, 12%, 45%, ".concat(opacity[9], ")"),
|
|
199
|
+
500: "hsla(220, 16%, 37%, ".concat(opacity[9], ")"),
|
|
200
|
+
600: "hsla(220, 23%, 29%, ".concat(opacity[9], ")"),
|
|
201
|
+
700: "hsla(220, 35%, 22%, ".concat(opacity[9], ")"),
|
|
202
|
+
800: "hsla(219, 41%, 19%, ".concat(opacity[9], ")"),
|
|
203
|
+
900: "hsla(218, 49%, 17%, ".concat(opacity[9], ")"),
|
|
204
|
+
1000: "hsla(218, 52%, 16%, ".concat(opacity[9], ")"),
|
|
205
|
+
1100: "hsla(218, 54%, 15%, ".concat(opacity[9], ")"),
|
|
206
|
+
1200: "hsla(218, 59%, 13%, ".concat(opacity[9], ")"),
|
|
207
|
+
1300: "hsla(218, 67%, 10%, ".concat(opacity[9], ")"),
|
|
208
|
+
a00: "hsla(220, 11%, 84%, ".concat(opacity[0], ")"),
|
|
209
|
+
a50: "hsla(220, 11%, 84%, ".concat(opacity[1], ")"),
|
|
210
|
+
a100: "hsla(220, 11%, 84%, ".concat(opacity[2], ")"),
|
|
211
|
+
a200: "hsla(220, 11%, 84%, ".concat(opacity[3], ")"),
|
|
212
|
+
a300: "hsla(217, 11%, 76%, ".concat(opacity[1], ")"),
|
|
213
|
+
a400: "hsla(217, 11%, 76%, ".concat(opacity[2], ")"),
|
|
214
|
+
a500: "hsla(217, 11%, 76%, ".concat(opacity[3], ")")
|
|
189
215
|
},
|
|
190
216
|
navyGrayLight: {
|
|
191
|
-
0: "hsla(0, 0%, 100%, ".concat(
|
|
192
|
-
50: "hsla(230, 27%, 98%, ".concat(
|
|
193
|
-
100: "hsla(230, 30%, 96%, ".concat(
|
|
194
|
-
200: "hsla(224, 21%, 94%, ".concat(
|
|
195
|
-
300: "hsla(226, 19%, 89%, ".concat(
|
|
196
|
-
400: "hsla(228, 19%, 81%, ".concat(
|
|
197
|
-
500: "hsla(225, 18%, 69%, ".concat(
|
|
198
|
-
600: "hsla(226, 16%, 60%, ".concat(
|
|
199
|
-
700: "hsla(226, 15%, 54%, ".concat(
|
|
200
|
-
800: "hsla(227, 18%, 45%, ".concat(
|
|
201
|
-
900: "hsla(226, 27%, 36%, ".concat(
|
|
202
|
-
1000: "hsla(226, 33%, 29%, ".concat(
|
|
203
|
-
1100: "hsla(226, 44%, 23%, ".concat(
|
|
204
|
-
1200: "hsla(228, 56%, 17%, ".concat(
|
|
205
|
-
1300: "hsla(226, 70%, 13%, ".concat(
|
|
206
|
-
a00: "hsla(226, 44%, 23%, ".concat(
|
|
207
|
-
a50: "hsla(226, 15%, 54%, ".concat(
|
|
208
|
-
a100: "hsla(226, 15%, 54%, ".concat(
|
|
209
|
-
a200: "hsla(226, 15%, 54%, ".concat(
|
|
210
|
-
a300: "hsla(223, 21%, 94%, ".concat(
|
|
211
|
-
a400: "hsla(223, 21%, 94%, ".concat(
|
|
212
|
-
a500: "hsla(223, 21%, 94%, ".concat(
|
|
217
|
+
0: "hsla(0, 0%, 100%, ".concat(opacity[9], ")"),
|
|
218
|
+
50: "hsla(230, 27%, 98%, ".concat(opacity[9], ")"),
|
|
219
|
+
100: "hsla(230, 30%, 96%, ".concat(opacity[9], ")"),
|
|
220
|
+
200: "hsla(224, 21%, 94%, ".concat(opacity[9], ")"),
|
|
221
|
+
300: "hsla(226, 19%, 89%, ".concat(opacity[9], ")"),
|
|
222
|
+
400: "hsla(228, 19%, 81%, ".concat(opacity[9], ")"),
|
|
223
|
+
500: "hsla(225, 18%, 69%, ".concat(opacity[9], ")"),
|
|
224
|
+
600: "hsla(226, 16%, 60%, ".concat(opacity[9], ")"),
|
|
225
|
+
700: "hsla(226, 15%, 54%, ".concat(opacity[9], ")"),
|
|
226
|
+
800: "hsla(227, 18%, 45%, ".concat(opacity[9], ")"),
|
|
227
|
+
900: "hsla(226, 27%, 36%, ".concat(opacity[9], ")"),
|
|
228
|
+
1000: "hsla(226, 33%, 29%, ".concat(opacity[9], ")"),
|
|
229
|
+
1100: "hsla(226, 44%, 23%, ".concat(opacity[9], ")"),
|
|
230
|
+
1200: "hsla(228, 56%, 17%, ".concat(opacity[9], ")"),
|
|
231
|
+
1300: "hsla(226, 70%, 13%, ".concat(opacity[9], ")"),
|
|
232
|
+
a00: "hsla(226, 44%, 23%, ".concat(opacity[0], ")"),
|
|
233
|
+
a50: "hsla(226, 15%, 54%, ".concat(opacity[1], ")"),
|
|
234
|
+
a100: "hsla(226, 15%, 54%, ".concat(opacity[2], ")"),
|
|
235
|
+
a200: "hsla(226, 15%, 54%, ".concat(opacity[3], ")"),
|
|
236
|
+
a300: "hsla(223, 21%, 94%, ".concat(opacity[1], ")"),
|
|
237
|
+
a400: "hsla(223, 21%, 94%, ".concat(opacity[2], ")"),
|
|
238
|
+
a500: "hsla(223, 21%, 94%, ".concat(opacity[3], ")")
|
|
213
239
|
},
|
|
214
240
|
navyGrayDark: {
|
|
215
|
-
0: "hsla(0, 0%, 99%, ".concat(
|
|
216
|
-
50: "hsla(228, 12%, 92%, ".concat(
|
|
217
|
-
100: "hsla(233, 11%, 84%, ".concat(
|
|
218
|
-
200: "hsla(231, 11%, 76%, ".concat(
|
|
219
|
-
300: "hsla(229, 10%, 60%, ".concat(
|
|
220
|
-
400: "hsla(229, 12%, 45%, ".concat(
|
|
221
|
-
500: "hsla(230, 16%, 37%, ".concat(
|
|
222
|
-
600: "hsla(230, 23%, 29%, ".concat(
|
|
223
|
-
700: "hsla(231, 35%, 22%, ".concat(
|
|
224
|
-
800: "hsla(231, 41%, 19%, ".concat(
|
|
225
|
-
900: "hsla(230, 49%, 17%, ".concat(
|
|
226
|
-
1000: "hsla(230, 52%, 16%, ".concat(
|
|
227
|
-
1100: "hsla(231, 54%, 15%, ".concat(
|
|
228
|
-
1200: "hsla(231, 59%, 13%, ".concat(
|
|
229
|
-
1300: "hsla(231, 67%, 10%, ".concat(
|
|
230
|
-
a00: "hsla(233, 11%, 84%, ".concat(
|
|
231
|
-
a50: "hsla(233, 11%, 84%, ".concat(
|
|
232
|
-
a100: "hsla(233, 11%, 84%, ".concat(
|
|
233
|
-
a200: "hsla(233, 11%, 84%, ".concat(
|
|
234
|
-
a300: "hsla(231, 11%, 76%, ".concat(
|
|
235
|
-
a400: "hsla(231, 11%, 76%, ".concat(
|
|
236
|
-
a500: "hsla(231, 11%, 76%, ".concat(
|
|
241
|
+
0: "hsla(0, 0%, 99%, ".concat(opacity[9], ")"),
|
|
242
|
+
50: "hsla(228, 12%, 92%, ".concat(opacity[9], ")"),
|
|
243
|
+
100: "hsla(233, 11%, 84%, ".concat(opacity[9], ")"),
|
|
244
|
+
200: "hsla(231, 11%, 76%, ".concat(opacity[9], ")"),
|
|
245
|
+
300: "hsla(229, 10%, 60%, ".concat(opacity[9], ")"),
|
|
246
|
+
400: "hsla(229, 12%, 45%, ".concat(opacity[9], ")"),
|
|
247
|
+
500: "hsla(230, 16%, 37%, ".concat(opacity[9], ")"),
|
|
248
|
+
600: "hsla(230, 23%, 29%, ".concat(opacity[9], ")"),
|
|
249
|
+
700: "hsla(231, 35%, 22%, ".concat(opacity[9], ")"),
|
|
250
|
+
800: "hsla(231, 41%, 19%, ".concat(opacity[9], ")"),
|
|
251
|
+
900: "hsla(230, 49%, 17%, ".concat(opacity[9], ")"),
|
|
252
|
+
1000: "hsla(230, 52%, 16%, ".concat(opacity[9], ")"),
|
|
253
|
+
1100: "hsla(231, 54%, 15%, ".concat(opacity[9], ")"),
|
|
254
|
+
1200: "hsla(231, 59%, 13%, ".concat(opacity[9], ")"),
|
|
255
|
+
1300: "hsla(231, 67%, 10%, ".concat(opacity[9], ")"),
|
|
256
|
+
a00: "hsla(233, 11%, 84%, ".concat(opacity[0], ")"),
|
|
257
|
+
a50: "hsla(233, 11%, 84%, ".concat(opacity[1], ")"),
|
|
258
|
+
a100: "hsla(233, 11%, 84%, ".concat(opacity[2], ")"),
|
|
259
|
+
a200: "hsla(233, 11%, 84%, ".concat(opacity[3], ")"),
|
|
260
|
+
a300: "hsla(231, 11%, 76%, ".concat(opacity[1], ")"),
|
|
261
|
+
a400: "hsla(231, 11%, 76%, ".concat(opacity[2], ")"),
|
|
262
|
+
a500: "hsla(231, 11%, 76%, ".concat(opacity[3], ")")
|
|
237
263
|
},
|
|
238
264
|
ashGrayLight: {
|
|
239
|
-
0: "hsla(0, 0%, 100%, ".concat(
|
|
240
|
-
50: "hsla(216, 9%, 98%, ".concat(
|
|
241
|
-
100: "hsla(216, 9%, 96%, ".concat(
|
|
242
|
-
200: "hsla(216, 6%, 94%, ".concat(
|
|
243
|
-
300: "hsla(216, 4%, 89%, ".concat(
|
|
244
|
-
400: "hsla(214, 7%, 81%, ".concat(
|
|
245
|
-
500: "hsla(216, 6%, 69%, ".concat(
|
|
246
|
-
600: "hsla(215, 6%, 60%, ".concat(
|
|
247
|
-
700: "hsla(214, 6%, 55%, ".concat(
|
|
248
|
-
800: "hsla(216, 7%, 45%, ".concat(
|
|
249
|
-
900: "hsla(218, 9%, 36%, ".concat(
|
|
250
|
-
1000: "hsla(219, 12%, 28%, ".concat(
|
|
251
|
-
1100: "hsla(214, 15%, 18%, ".concat(
|
|
252
|
-
1200: "hsla(216, 15%, 13%, ".concat(
|
|
253
|
-
1300: "hsla(214, 24%, 6%, ".concat(
|
|
254
|
-
a00: "hsla(214, 15%, 18%, ".concat(
|
|
255
|
-
a50: "hsla(214, 15%, 18%, ".concat(
|
|
256
|
-
a100: "hsla(214, 15%, 18%, ".concat(
|
|
257
|
-
a200: "hsla(214, 15%, 18%, ".concat(
|
|
258
|
-
a300: "hsla(210, 6%, 94%, ".concat(
|
|
259
|
-
a400: "hsla(210, 6%, 94%, ".concat(
|
|
260
|
-
a500: "hsla(210, 6%, 94%, ".concat(
|
|
265
|
+
0: "hsla(0, 0%, 100%, ".concat(opacity[9], ")"),
|
|
266
|
+
50: "hsla(216, 9%, 98%, ".concat(opacity[9], ")"),
|
|
267
|
+
100: "hsla(216, 9%, 96%, ".concat(opacity[9], ")"),
|
|
268
|
+
200: "hsla(216, 6%, 94%, ".concat(opacity[9], ")"),
|
|
269
|
+
300: "hsla(216, 4%, 89%, ".concat(opacity[9], ")"),
|
|
270
|
+
400: "hsla(214, 7%, 81%, ".concat(opacity[9], ")"),
|
|
271
|
+
500: "hsla(216, 6%, 69%, ".concat(opacity[9], ")"),
|
|
272
|
+
600: "hsla(215, 6%, 60%, ".concat(opacity[9], ")"),
|
|
273
|
+
700: "hsla(214, 6%, 55%, ".concat(opacity[9], ")"),
|
|
274
|
+
800: "hsla(216, 7%, 45%, ".concat(opacity[9], ")"),
|
|
275
|
+
900: "hsla(218, 9%, 36%, ".concat(opacity[9], ")"),
|
|
276
|
+
1000: "hsla(219, 12%, 28%, ".concat(opacity[9], ")"),
|
|
277
|
+
1100: "hsla(214, 15%, 18%, ".concat(opacity[9], ")"),
|
|
278
|
+
1200: "hsla(216, 15%, 13%, ".concat(opacity[9], ")"),
|
|
279
|
+
1300: "hsla(214, 24%, 6%, ".concat(opacity[9], ")"),
|
|
280
|
+
a00: "hsla(214, 15%, 18%, ".concat(opacity[0], ")"),
|
|
281
|
+
a50: "hsla(214, 15%, 18%, ".concat(opacity[1], ")"),
|
|
282
|
+
a100: "hsla(214, 15%, 18%, ".concat(opacity[2], ")"),
|
|
283
|
+
a200: "hsla(214, 15%, 18%, ".concat(opacity[3], ")"),
|
|
284
|
+
a300: "hsla(210, 6%, 94%, ".concat(opacity[1], ")"),
|
|
285
|
+
a400: "hsla(210, 6%, 94%, ".concat(opacity[2], ")"),
|
|
286
|
+
a500: "hsla(210, 6%, 94%, ".concat(opacity[3], ")")
|
|
261
287
|
},
|
|
262
288
|
ashGrayDark: {
|
|
263
|
-
0: "hsla(0, 0%, 99%, ".concat(
|
|
264
|
-
50: "hsla(240, 2%, 92%, ".concat(
|
|
265
|
-
100: "hsla(240, 1%, 84%, ".concat(
|
|
266
|
-
200: "hsla(228, 4%, 76%, ".concat(
|
|
267
|
-
300: "hsla(227, 4%, 60%, ".concat(
|
|
268
|
-
400: "hsla(229, 4%, 50%, ".concat(
|
|
269
|
-
500: "hsla(232, 4%, 40%, ".concat(
|
|
270
|
-
600: "hsla(232, 5%, 32%, ".concat(
|
|
271
|
-
700: "hsla(230, 5%, 22%, ".concat(
|
|
272
|
-
800: "hsla(230, 6%, 19%, ".concat(
|
|
273
|
-
900: "hsla(230, 7%, 17%, ".concat(
|
|
274
|
-
1000: "hsla(230, 8%, 15%, ".concat(
|
|
275
|
-
1100: "hsla(231, 11%, 12%, ".concat(
|
|
276
|
-
1200: "hsla(231, 17%, 8%, ".concat(
|
|
277
|
-
1300: "hsla(228, 5%, 4%, ".concat(
|
|
278
|
-
a00: "hsla(240, 1%, 84%, ".concat(
|
|
279
|
-
a50: "hsla(240, 1%, 84%, ".concat(
|
|
280
|
-
a100: "hsla(240, 1%, 84%, ".concat(
|
|
281
|
-
a200: "hsla(240, 1%, 84%, ".concat(
|
|
282
|
-
a300: "hsla(228, 4%, 76%, ".concat(
|
|
283
|
-
a400: "hsla(228, 4%, 76%, ".concat(
|
|
284
|
-
a500: "hsla(228, 4%, 76%, ".concat(
|
|
289
|
+
0: "hsla(0, 0%, 99%, ".concat(opacity[9], ")"),
|
|
290
|
+
50: "hsla(240, 2%, 92%, ".concat(opacity[9], ")"),
|
|
291
|
+
100: "hsla(240, 1%, 84%, ".concat(opacity[9], ")"),
|
|
292
|
+
200: "hsla(228, 4%, 76%, ".concat(opacity[9], ")"),
|
|
293
|
+
300: "hsla(227, 4%, 60%, ".concat(opacity[9], ")"),
|
|
294
|
+
400: "hsla(229, 4%, 50%, ".concat(opacity[9], ")"),
|
|
295
|
+
500: "hsla(232, 4%, 40%, ".concat(opacity[9], ")"),
|
|
296
|
+
600: "hsla(232, 5%, 32%, ".concat(opacity[9], ")"),
|
|
297
|
+
700: "hsla(230, 5%, 22%, ".concat(opacity[9], ")"),
|
|
298
|
+
800: "hsla(230, 6%, 19%, ".concat(opacity[9], ")"),
|
|
299
|
+
900: "hsla(230, 7%, 17%, ".concat(opacity[9], ")"),
|
|
300
|
+
1000: "hsla(230, 8%, 15%, ".concat(opacity[9], ")"),
|
|
301
|
+
1100: "hsla(231, 11%, 12%, ".concat(opacity[9], ")"),
|
|
302
|
+
1200: "hsla(231, 17%, 8%, ".concat(opacity[9], ")"),
|
|
303
|
+
1300: "hsla(228, 5%, 4%, ".concat(opacity[9], ")"),
|
|
304
|
+
a00: "hsla(240, 1%, 84%, ".concat(opacity[0], ")"),
|
|
305
|
+
a50: "hsla(240, 1%, 84%, ".concat(opacity[1], ")"),
|
|
306
|
+
a100: "hsla(240, 1%, 84%, ".concat(opacity[2], ")"),
|
|
307
|
+
a200: "hsla(240, 1%, 84%, ".concat(opacity[3], ")"),
|
|
308
|
+
a300: "hsla(228, 4%, 76%, ".concat(opacity[1], ")"),
|
|
309
|
+
a400: "hsla(228, 4%, 76%, ".concat(opacity[2], ")"),
|
|
310
|
+
a500: "hsla(228, 4%, 76%, ".concat(opacity[3], ")")
|
|
285
311
|
}
|
|
286
312
|
}
|
|
287
313
|
};
|
|
288
314
|
|
|
289
|
-
var border = {
|
|
290
|
-
radius: {
|
|
291
|
-
none: 0,
|
|
292
|
-
small: 2,
|
|
293
|
-
medium: 4,
|
|
294
|
-
large: 8,
|
|
295
|
-
max: 9999,
|
|
296
|
-
round: '50%' // this needs to be in % but need to figure out how will we store unitless things
|
|
297
|
-
|
|
298
|
-
},
|
|
299
|
-
width: {
|
|
300
|
-
none: 0,
|
|
301
|
-
thin: 1,
|
|
302
|
-
thick: 1.5
|
|
303
|
-
}
|
|
304
|
-
};
|
|
305
|
-
|
|
306
|
-
var breakpoints = {
|
|
307
|
-
base: 0,
|
|
308
|
-
xs: 320,
|
|
309
|
-
s: 480,
|
|
310
|
-
m: 768,
|
|
311
|
-
l: 1024,
|
|
312
|
-
xl: 1200
|
|
313
|
-
};
|
|
314
|
-
|
|
315
|
-
/**
|
|
316
|
-
* When any of the values are changed here, do change the jsdoc comments in BaseBox/types/spacingTypes.ts as well
|
|
317
|
-
*
|
|
318
|
-
* {@link ../../components/Box/BaseBox/types/spacingTypes.ts}
|
|
319
|
-
*/
|
|
320
|
-
var spacing = {
|
|
321
|
-
0: 0,
|
|
322
|
-
1: 2,
|
|
323
|
-
2: 4,
|
|
324
|
-
3: 8,
|
|
325
|
-
4: 12,
|
|
326
|
-
5: 16,
|
|
327
|
-
6: 20,
|
|
328
|
-
7: 24,
|
|
329
|
-
8: 32,
|
|
330
|
-
9: 40,
|
|
331
|
-
10: 48,
|
|
332
|
-
11: 56
|
|
333
|
-
};
|
|
334
|
-
|
|
335
315
|
var fontFamily = {
|
|
336
316
|
text: 'Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
|
|
337
317
|
code: 'monospace'
|
|
@@ -421,6 +401,26 @@ var typography = {
|
|
|
421
401
|
}
|
|
422
402
|
};
|
|
423
403
|
|
|
404
|
+
/**
|
|
405
|
+
* When any of the values are changed here, do change the jsdoc comments in BaseBox/types/spacingTypes.ts as well
|
|
406
|
+
*
|
|
407
|
+
* {@link ../../components/Box/BaseBox/types/spacingTypes.ts}
|
|
408
|
+
*/
|
|
409
|
+
var spacing = {
|
|
410
|
+
0: 0,
|
|
411
|
+
1: 2,
|
|
412
|
+
2: 4,
|
|
413
|
+
3: 8,
|
|
414
|
+
4: 12,
|
|
415
|
+
5: 16,
|
|
416
|
+
6: 20,
|
|
417
|
+
7: 24,
|
|
418
|
+
8: 32,
|
|
419
|
+
9: 40,
|
|
420
|
+
10: 48,
|
|
421
|
+
11: 56
|
|
422
|
+
};
|
|
423
|
+
|
|
424
424
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
425
425
|
|
|
426
426
|
/**
|
|
@@ -4752,6 +4752,101 @@ var motion = {
|
|
|
4752
4752
|
easing: easing
|
|
4753
4753
|
};
|
|
4754
4754
|
|
|
4755
|
+
/**
|
|
4756
|
+
* Size tokens are currently not exposed for users (therefore not available in theme)
|
|
4757
|
+
*/
|
|
4758
|
+
var size = {
|
|
4759
|
+
/** 0 px */
|
|
4760
|
+
0: 0,
|
|
4761
|
+
|
|
4762
|
+
/** 1 px */
|
|
4763
|
+
1: 1,
|
|
4764
|
+
|
|
4765
|
+
/** 2 px */
|
|
4766
|
+
2: 2,
|
|
4767
|
+
|
|
4768
|
+
/** 3 px */
|
|
4769
|
+
3: 3,
|
|
4770
|
+
|
|
4771
|
+
/** 4 px */
|
|
4772
|
+
4: 4,
|
|
4773
|
+
|
|
4774
|
+
/** 5 px */
|
|
4775
|
+
5: 5,
|
|
4776
|
+
|
|
4777
|
+
/** 6 px */
|
|
4778
|
+
6: 6,
|
|
4779
|
+
|
|
4780
|
+
/** 8 px */
|
|
4781
|
+
8: 8,
|
|
4782
|
+
|
|
4783
|
+
/** 10 px */
|
|
4784
|
+
10: 10,
|
|
4785
|
+
|
|
4786
|
+
/** 12 px */
|
|
4787
|
+
12: 12,
|
|
4788
|
+
|
|
4789
|
+
/** 16 px */
|
|
4790
|
+
16: 16,
|
|
4791
|
+
|
|
4792
|
+
/** 18 px */
|
|
4793
|
+
18: 18,
|
|
4794
|
+
|
|
4795
|
+
/** 20 px */
|
|
4796
|
+
20: 20,
|
|
4797
|
+
|
|
4798
|
+
/** 24 px */
|
|
4799
|
+
24: 24,
|
|
4800
|
+
|
|
4801
|
+
/** 28 px */
|
|
4802
|
+
28: 28,
|
|
4803
|
+
|
|
4804
|
+
/** 32 px */
|
|
4805
|
+
32: 32,
|
|
4806
|
+
|
|
4807
|
+
/** 36 px */
|
|
4808
|
+
36: 36,
|
|
4809
|
+
|
|
4810
|
+
/** 40 px */
|
|
4811
|
+
40: 40,
|
|
4812
|
+
|
|
4813
|
+
/** 48 px */
|
|
4814
|
+
48: 48,
|
|
4815
|
+
|
|
4816
|
+
/** 60 px */
|
|
4817
|
+
56: 56,
|
|
4818
|
+
|
|
4819
|
+
/** 100 px */
|
|
4820
|
+
100: 100,
|
|
4821
|
+
|
|
4822
|
+
/** 120 px */
|
|
4823
|
+
120: 120,
|
|
4824
|
+
|
|
4825
|
+
/** 300 px */
|
|
4826
|
+
300: 300,
|
|
4827
|
+
|
|
4828
|
+
/** 584 px */
|
|
4829
|
+
584: 584
|
|
4830
|
+
};
|
|
4831
|
+
|
|
4832
|
+
var elevation = {
|
|
4833
|
+
onLight: {
|
|
4834
|
+
none: 'none',
|
|
4835
|
+
|
|
4836
|
+
/** offset-x | offset-y | blur-radius | spread-radius | color, offset-x | offset-y | blur-radius | spread-radius | color */
|
|
4837
|
+
lowRaised: "0 4px 8px -2px hsla(217, 56%, 17%, 0.1), 0 2px 4px -2px hsla(217, 56%, 17%, 0.06)",
|
|
4838
|
+
midRaised: "0 12px 16px -4px hsla(217, 56%, 17%, 0.08), 0 4px 6px -2px hsla(217, 56%, 17%, 0.03)",
|
|
4839
|
+
highRaised: "0 24px 48px -12px hsla(217, 56%, 17%, 0.18)"
|
|
4840
|
+
},
|
|
4841
|
+
onDark: {
|
|
4842
|
+
none: 'none',
|
|
4843
|
+
// @TODO: replace the values with correct dark mode values
|
|
4844
|
+
lowRaised: "0 4px 8px -2px hsla(231, 67%, 10%, 0.10), 0 2px 4px -2px hsla(231, 67%, 10%, 0.06)",
|
|
4845
|
+
midRaised: "0 12px 16px -4px hsla(231, 67%, 10%, 0.08), 0 4px 6px -2px hsla(231, 67%, 10%, 0.03)",
|
|
4846
|
+
highRaised: "0 24px 48px -12px hsla(231, 67%, 10%, 0.18)"
|
|
4847
|
+
}
|
|
4848
|
+
};
|
|
4849
|
+
|
|
4755
4850
|
var colors$1 = {
|
|
4756
4851
|
onLight: {
|
|
4757
4852
|
surface: {
|
|
@@ -6894,66 +6989,6 @@ var colors$1 = {
|
|
|
6894
6989
|
}
|
|
6895
6990
|
}
|
|
6896
6991
|
};
|
|
6897
|
-
var shadows$1 = {
|
|
6898
|
-
offsetX: {
|
|
6899
|
-
level: {
|
|
6900
|
-
1: 0,
|
|
6901
|
-
2: 0,
|
|
6902
|
-
3: 0,
|
|
6903
|
-
4: 0,
|
|
6904
|
-
5: 0
|
|
6905
|
-
}
|
|
6906
|
-
},
|
|
6907
|
-
offsetY: {
|
|
6908
|
-
level: {
|
|
6909
|
-
1: 1,
|
|
6910
|
-
2: 3,
|
|
6911
|
-
3: 8,
|
|
6912
|
-
4: 10,
|
|
6913
|
-
5: 18
|
|
6914
|
-
}
|
|
6915
|
-
},
|
|
6916
|
-
blurRadius: {
|
|
6917
|
-
level: {
|
|
6918
|
-
1: 2,
|
|
6919
|
-
2: 8,
|
|
6920
|
-
3: 12,
|
|
6921
|
-
4: 18,
|
|
6922
|
-
5: 28
|
|
6923
|
-
}
|
|
6924
|
-
},
|
|
6925
|
-
color: {
|
|
6926
|
-
onLight: {
|
|
6927
|
-
level: {
|
|
6928
|
-
1: colors$2.neutral.blueGrayLight.a100,
|
|
6929
|
-
2: colors$2.neutral.blueGrayLight.a100,
|
|
6930
|
-
3: colors$2.neutral.blueGrayLight.a100,
|
|
6931
|
-
4: colors$2.neutral.blueGrayLight.a100,
|
|
6932
|
-
5: colors$2.neutral.blueGrayLight.a100
|
|
6933
|
-
}
|
|
6934
|
-
},
|
|
6935
|
-
onDark: {
|
|
6936
|
-
level: {
|
|
6937
|
-
1: colors$2.neutral.blueGrayDark.a100,
|
|
6938
|
-
2: colors$2.neutral.blueGrayDark.a100,
|
|
6939
|
-
3: colors$2.neutral.blueGrayDark.a100,
|
|
6940
|
-
4: colors$2.neutral.blueGrayDark.a100,
|
|
6941
|
-
5: colors$2.neutral.blueGrayDark.a100
|
|
6942
|
-
}
|
|
6943
|
-
}
|
|
6944
|
-
},
|
|
6945
|
-
androidElevation: {
|
|
6946
|
-
// this is required for android
|
|
6947
|
-
level: {
|
|
6948
|
-
1: 5,
|
|
6949
|
-
2: 5,
|
|
6950
|
-
3: 5,
|
|
6951
|
-
4: 5,
|
|
6952
|
-
5: 5
|
|
6953
|
-
}
|
|
6954
|
-
} // shadowOpacity: 1, // this is required for iOS
|
|
6955
|
-
|
|
6956
|
-
};
|
|
6957
6992
|
var paymentTheme = {
|
|
6958
6993
|
name: 'paymentTheme',
|
|
6959
6994
|
border: border,
|
|
@@ -6961,7 +6996,7 @@ var paymentTheme = {
|
|
|
6961
6996
|
colors: colors$1,
|
|
6962
6997
|
motion: motion,
|
|
6963
6998
|
spacing: spacing,
|
|
6964
|
-
|
|
6999
|
+
elevation: elevation,
|
|
6965
7000
|
typography: typography
|
|
6966
7001
|
};
|
|
6967
7002
|
|
|
@@ -9107,66 +9142,6 @@ var colors = {
|
|
|
9107
9142
|
}
|
|
9108
9143
|
}
|
|
9109
9144
|
};
|
|
9110
|
-
var shadows = {
|
|
9111
|
-
offsetX: {
|
|
9112
|
-
level: {
|
|
9113
|
-
1: 0,
|
|
9114
|
-
2: 0,
|
|
9115
|
-
3: 0,
|
|
9116
|
-
4: 0,
|
|
9117
|
-
5: 0
|
|
9118
|
-
}
|
|
9119
|
-
},
|
|
9120
|
-
offsetY: {
|
|
9121
|
-
level: {
|
|
9122
|
-
1: 1,
|
|
9123
|
-
2: 3,
|
|
9124
|
-
3: 8,
|
|
9125
|
-
4: 10,
|
|
9126
|
-
5: 18
|
|
9127
|
-
}
|
|
9128
|
-
},
|
|
9129
|
-
blurRadius: {
|
|
9130
|
-
level: {
|
|
9131
|
-
1: 2,
|
|
9132
|
-
2: 8,
|
|
9133
|
-
3: 12,
|
|
9134
|
-
4: 18,
|
|
9135
|
-
5: 28
|
|
9136
|
-
}
|
|
9137
|
-
},
|
|
9138
|
-
color: {
|
|
9139
|
-
onLight: {
|
|
9140
|
-
level: {
|
|
9141
|
-
1: colors$2.neutral.navyGrayLight.a100,
|
|
9142
|
-
2: colors$2.neutral.navyGrayLight.a100,
|
|
9143
|
-
3: colors$2.neutral.navyGrayLight.a100,
|
|
9144
|
-
4: colors$2.neutral.navyGrayLight.a100,
|
|
9145
|
-
5: colors$2.neutral.navyGrayLight.a100
|
|
9146
|
-
}
|
|
9147
|
-
},
|
|
9148
|
-
onDark: {
|
|
9149
|
-
level: {
|
|
9150
|
-
1: colors$2.neutral.navyGrayDark.a100,
|
|
9151
|
-
2: colors$2.neutral.navyGrayDark.a100,
|
|
9152
|
-
3: colors$2.neutral.navyGrayDark.a100,
|
|
9153
|
-
4: colors$2.neutral.navyGrayDark.a100,
|
|
9154
|
-
5: colors$2.neutral.navyGrayDark.a100
|
|
9155
|
-
}
|
|
9156
|
-
}
|
|
9157
|
-
},
|
|
9158
|
-
androidElevation: {
|
|
9159
|
-
// this is required for android
|
|
9160
|
-
level: {
|
|
9161
|
-
1: 5,
|
|
9162
|
-
2: 5,
|
|
9163
|
-
3: 5,
|
|
9164
|
-
4: 5,
|
|
9165
|
-
5: 5
|
|
9166
|
-
}
|
|
9167
|
-
} // shadowOpacity: 1, // this is required for iOS
|
|
9168
|
-
|
|
9169
|
-
};
|
|
9170
9145
|
var bankingTheme = {
|
|
9171
9146
|
name: 'bankingTheme',
|
|
9172
9147
|
border: border,
|
|
@@ -9174,7 +9149,7 @@ var bankingTheme = {
|
|
|
9174
9149
|
colors: colors,
|
|
9175
9150
|
motion: motion,
|
|
9176
9151
|
spacing: spacing,
|
|
9177
|
-
|
|
9152
|
+
elevation: elevation,
|
|
9178
9153
|
typography: typography
|
|
9179
9154
|
};
|
|
9180
9155
|
|
|
@@ -9224,7 +9199,5 @@ var overrideTheme = function overrideTheme(_ref) {
|
|
|
9224
9199
|
return merge_1(cloneDeep_1(baseThemeTokens), overrides);
|
|
9225
9200
|
};
|
|
9226
9201
|
|
|
9227
|
-
|
|
9228
|
-
|
|
9229
|
-
export { bankingTheme, colorSchemeNamesInput, colors$2 as colors, overrideTheme, paymentTheme };
|
|
9202
|
+
export { bankingTheme, border, breakpoints, colors$2 as colors, elevation, motion, opacity, overrideTheme, paymentTheme, size, spacing, typography };
|
|
9230
9203
|
//# sourceMappingURL=index.web.js.map
|