@expo/styleguide-native 6.0.0 → 6.1.1
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/dist/styles/themes.js +35 -35
- package/package.json +1 -1
package/dist/styles/themes.js
CHANGED
|
@@ -72,10 +72,10 @@ exports.lightTheme = {
|
|
|
72
72
|
},
|
|
73
73
|
secondary: {
|
|
74
74
|
background: palette_1.palette.white,
|
|
75
|
-
border: palette_1.palette.light.
|
|
76
|
-
hover: palette_1.palette.light.
|
|
77
|
-
icon: palette_1.palette.light.
|
|
78
|
-
text: palette_1.palette.light.
|
|
75
|
+
border: palette_1.palette.light.gray8,
|
|
76
|
+
hover: palette_1.palette.light.gray3,
|
|
77
|
+
icon: palette_1.palette.light.gray11,
|
|
78
|
+
text: palette_1.palette.light.gray12,
|
|
79
79
|
disabled: {
|
|
80
80
|
background: palette_1.palette.white,
|
|
81
81
|
border: palette_1.palette.light.gray6,
|
|
@@ -103,15 +103,15 @@ exports.lightTheme = {
|
|
|
103
103
|
disabled: {
|
|
104
104
|
background: 'transparent',
|
|
105
105
|
border: 'transparent',
|
|
106
|
-
text: palette_1.palette.light.
|
|
106
|
+
text: palette_1.palette.light.blue8,
|
|
107
107
|
}
|
|
108
108
|
},
|
|
109
109
|
quaternary: {
|
|
110
110
|
background: 'transparent',
|
|
111
111
|
border: 'transparent',
|
|
112
112
|
hover: palette_1.palette.light.gray4,
|
|
113
|
-
icon: palette_1.palette.light.
|
|
114
|
-
text: palette_1.palette.light.
|
|
113
|
+
icon: palette_1.palette.light.gray11,
|
|
114
|
+
text: palette_1.palette.light.gray12,
|
|
115
115
|
disabled: {
|
|
116
116
|
background: 'transparent',
|
|
117
117
|
border: 'transparent',
|
|
@@ -123,7 +123,7 @@ exports.lightTheme = {
|
|
|
123
123
|
exports.darkTheme = {
|
|
124
124
|
background: {
|
|
125
125
|
default: palette_1.palette.dark.gray1,
|
|
126
|
-
screen:
|
|
126
|
+
screen: '#0C0D0E',
|
|
127
127
|
subtle: palette_1.palette.dark.gray2,
|
|
128
128
|
element: palette_1.palette.dark.gray3,
|
|
129
129
|
hover: palette_1.palette.dark.gray4,
|
|
@@ -165,50 +165,50 @@ exports.darkTheme = {
|
|
|
165
165
|
},
|
|
166
166
|
button: {
|
|
167
167
|
primary: {
|
|
168
|
-
background: palette_1.palette.dark.
|
|
169
|
-
border: palette_1.palette.dark.
|
|
170
|
-
hover: palette_1.palette.dark.
|
|
168
|
+
background: palette_1.palette.dark.blue8,
|
|
169
|
+
border: palette_1.palette.dark.blue8,
|
|
170
|
+
hover: palette_1.palette.dark.blue7,
|
|
171
171
|
icon: palette_1.palette.dark.blue12,
|
|
172
172
|
text: palette_1.palette.white,
|
|
173
173
|
disabled: {
|
|
174
174
|
background: palette_1.palette.dark.blue7,
|
|
175
175
|
border: palette_1.palette.dark.blue7,
|
|
176
|
-
text: palette_1.palette.
|
|
176
|
+
text: palette_1.palette.dark.gray11,
|
|
177
177
|
},
|
|
178
178
|
destructive: {
|
|
179
|
-
background: palette_1.palette.dark.
|
|
180
|
-
border: palette_1.palette.dark.
|
|
181
|
-
hover: palette_1.palette.dark.
|
|
182
|
-
icon: palette_1.palette.dark.
|
|
183
|
-
text: palette_1.palette.
|
|
179
|
+
background: palette_1.palette.dark.red8,
|
|
180
|
+
border: palette_1.palette.dark.red8,
|
|
181
|
+
hover: palette_1.palette.dark.red7,
|
|
182
|
+
icon: palette_1.palette.dark.red12,
|
|
183
|
+
text: palette_1.palette.white,
|
|
184
184
|
disabled: {
|
|
185
|
-
background: palette_1.palette.dark.
|
|
186
|
-
border: palette_1.palette.dark.
|
|
187
|
-
text: palette_1.palette.
|
|
185
|
+
background: palette_1.palette.dark.red6,
|
|
186
|
+
border: palette_1.palette.dark.red6,
|
|
187
|
+
text: palette_1.palette.dark.red11,
|
|
188
188
|
}
|
|
189
189
|
}
|
|
190
190
|
},
|
|
191
191
|
secondary: {
|
|
192
|
-
background: palette_1.palette.
|
|
193
|
-
border: palette_1.palette.dark.
|
|
194
|
-
hover: palette_1.palette.dark.
|
|
195
|
-
icon: palette_1.palette.dark.
|
|
196
|
-
text: palette_1.palette.
|
|
192
|
+
background: palette_1.palette.dark.gray3,
|
|
193
|
+
border: palette_1.palette.dark.gray8,
|
|
194
|
+
hover: palette_1.palette.dark.gray4,
|
|
195
|
+
icon: palette_1.palette.dark.gray12,
|
|
196
|
+
text: palette_1.palette.white,
|
|
197
197
|
disabled: {
|
|
198
|
-
background: palette_1.palette.
|
|
199
|
-
border: palette_1.palette.dark.
|
|
200
|
-
text: palette_1.palette.dark.
|
|
198
|
+
background: palette_1.palette.dark.gray1,
|
|
199
|
+
border: palette_1.palette.dark.gray7,
|
|
200
|
+
text: palette_1.palette.dark.gray11,
|
|
201
201
|
},
|
|
202
202
|
destructive: {
|
|
203
|
-
background: palette_1.palette.
|
|
203
|
+
background: palette_1.palette.dark.red3,
|
|
204
204
|
border: palette_1.palette.dark.red7,
|
|
205
|
-
hover: palette_1.palette.dark.
|
|
205
|
+
hover: palette_1.palette.dark.red2,
|
|
206
206
|
icon: palette_1.palette.dark.red9,
|
|
207
|
-
text: palette_1.palette.
|
|
207
|
+
text: palette_1.palette.white,
|
|
208
208
|
disabled: {
|
|
209
|
-
background: palette_1.palette.
|
|
210
|
-
border: palette_1.palette.dark.
|
|
211
|
-
text: palette_1.palette.dark.
|
|
209
|
+
background: palette_1.palette.dark.red2,
|
|
210
|
+
border: palette_1.palette.dark.red6,
|
|
211
|
+
text: palette_1.palette.dark.red10,
|
|
212
212
|
}
|
|
213
213
|
}
|
|
214
214
|
},
|
|
@@ -236,5 +236,5 @@ exports.darkTheme = {
|
|
|
236
236
|
text: palette_1.palette.dark.gray9,
|
|
237
237
|
}
|
|
238
238
|
},
|
|
239
|
-
}
|
|
239
|
+
},
|
|
240
240
|
};
|