sapo-components-ui-rn 1.0.21 → 1.0.23
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/index.esm.js +37 -25
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +37 -25
- package/dist/index.js.map +1 -1
- package/dist/styles/themes/tokens.d.ts +28 -0
- package/dist/types.d.ts +11 -12
- package/package.json +1 -1
- package/src/styles/themes/DarkTheme.tsx +7 -8
- package/src/styles/themes/LightTheme.tsx +7 -8
- package/src/styles/themes/tokens.tsx +23 -9
- package/src/types.ts +23 -13
package/dist/index.esm.js
CHANGED
|
@@ -219,12 +219,12 @@ var ref = {
|
|
|
219
219
|
dark: {
|
|
220
220
|
colors: {
|
|
221
221
|
primary: blue.BLUE100,
|
|
222
|
-
background:
|
|
223
|
-
card:
|
|
224
|
-
text:
|
|
225
|
-
border: ink.
|
|
222
|
+
background: white.WHITE100,
|
|
223
|
+
card: ink.INK100,
|
|
224
|
+
text: ink.INK100,
|
|
225
|
+
border: ink.INK40,
|
|
226
226
|
gray: ink.INK60,
|
|
227
|
-
backgroundLight: ink.
|
|
227
|
+
backgroundLight: ink.INK10,
|
|
228
228
|
//new theme colors
|
|
229
229
|
backgroundPrimary: ink.INK5,
|
|
230
230
|
backgroundSecondary: white.WHITE100,
|
|
@@ -238,7 +238,7 @@ var ref = {
|
|
|
238
238
|
borderPrimaryDisabled: ink.INK10,
|
|
239
239
|
borderPrimaryHovered: ink.INK20,
|
|
240
240
|
borderPrimaryInverseDefault: blue.BLUE100,
|
|
241
|
-
borderPrimaryPressed:
|
|
241
|
+
borderPrimaryPressed: ink.INK20,
|
|
242
242
|
borderSuccessDefault: green.GREEN100,
|
|
243
243
|
borderWarningDefault: yellow.YELLOW100,
|
|
244
244
|
iconBrandDefault: blue.BLUE100,
|
|
@@ -283,14 +283,14 @@ var ref = {
|
|
|
283
283
|
surfaceInfoInversePressed: blue.BLUE40,
|
|
284
284
|
surfaceInfoPressed: blue.BLUE120,
|
|
285
285
|
surfacePrimaryDefault: white.WHITE100,
|
|
286
|
-
surfacePrimaryDisabled: ink.
|
|
286
|
+
surfacePrimaryDisabled: ink.INK5,
|
|
287
287
|
surfacePrimaryHover: ink.INK5,
|
|
288
288
|
surfacePrimaryInverseDefault: ink.INK80,
|
|
289
289
|
surfacePrimaryInverseHover: ink.INK60,
|
|
290
290
|
surfacePrimaryInversePressed: ink.INK40,
|
|
291
291
|
surfacePrimaryPressed: ink.INK10,
|
|
292
292
|
surfaceSecondaryDefault: ink.INK5,
|
|
293
|
-
surfaceSecondaryDisabled: ink.
|
|
293
|
+
surfaceSecondaryDisabled: ink.INK5,
|
|
294
294
|
surfaceSecondaryHover: ink.INK10,
|
|
295
295
|
surfaceSecondaryPressed: ink.INK20,
|
|
296
296
|
surfaceSuccessDefault: green.GREEN100,
|
|
@@ -349,6 +349,13 @@ var ref = {
|
|
|
349
349
|
textWarningPressed: yellow.YELLOW_STATUS,
|
|
350
350
|
selectBackgroundDisabled: white.WHITE40,
|
|
351
351
|
selectIconDisabled: white.WHITE40,
|
|
352
|
+
borderCriticalInverseDefault: red.RED40,
|
|
353
|
+
borderCriticalInverseHover: red.RED20,
|
|
354
|
+
borderCriticalInversePressed: red.RED60,
|
|
355
|
+
borderErrorInverseDefault: red.RED40,
|
|
356
|
+
borderPrimaryFocused: blue.BLUE100,
|
|
357
|
+
borderWarningInverseDefault: yellow.YELLOW40,
|
|
358
|
+
borderSuccessInverseDefault: green.GREEN40,
|
|
352
359
|
},
|
|
353
360
|
},
|
|
354
361
|
light: {
|
|
@@ -373,7 +380,7 @@ var ref = {
|
|
|
373
380
|
borderPrimaryDisabled: ink.INK10,
|
|
374
381
|
borderPrimaryHovered: ink.INK20,
|
|
375
382
|
borderPrimaryInverseDefault: blue.BLUE100,
|
|
376
|
-
borderPrimaryPressed:
|
|
383
|
+
borderPrimaryPressed: ink.INK20,
|
|
377
384
|
borderSuccessDefault: green.GREEN100,
|
|
378
385
|
borderWarningDefault: yellow.YELLOW100,
|
|
379
386
|
iconBrandDefault: blue.BLUE100,
|
|
@@ -484,6 +491,13 @@ var ref = {
|
|
|
484
491
|
textWarningPressed: yellow.YELLOW_STATUS,
|
|
485
492
|
selectBackgroundDisabled: white.WHITE40,
|
|
486
493
|
selectIconDisabled: white.WHITE40,
|
|
494
|
+
borderCriticalInverseDefault: red.RED40,
|
|
495
|
+
borderCriticalInverseHover: red.RED20,
|
|
496
|
+
borderCriticalInversePressed: red.RED60,
|
|
497
|
+
borderErrorInverseDefault: red.RED40,
|
|
498
|
+
borderPrimaryFocused: blue.BLUE100,
|
|
499
|
+
borderWarningInverseDefault: yellow.YELLOW40,
|
|
500
|
+
borderSuccessInverseDefault: green.GREEN40,
|
|
487
501
|
},
|
|
488
502
|
},
|
|
489
503
|
},
|
|
@@ -1112,14 +1126,13 @@ var LightTheme = {
|
|
|
1112
1126
|
roundness: 8,
|
|
1113
1127
|
version: 3,
|
|
1114
1128
|
colors: {
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
|
|
1122
|
-
},
|
|
1129
|
+
primary: blue.BLUE100,
|
|
1130
|
+
background: white.WHITE100,
|
|
1131
|
+
card: ink.INK100,
|
|
1132
|
+
text: ink.INK100,
|
|
1133
|
+
border: ink.INK40,
|
|
1134
|
+
gray: ink.INK60,
|
|
1135
|
+
backgroundLight: ink.INK10,
|
|
1123
1136
|
//new theme colors
|
|
1124
1137
|
backgroundPrimary: ink.INK5,
|
|
1125
1138
|
backgroundSecondary: white.WHITE100,
|
|
@@ -1259,14 +1272,13 @@ var LightTheme = {
|
|
|
1259
1272
|
};
|
|
1260
1273
|
|
|
1261
1274
|
var DarkTheme = __assign(__assign({}, LightTheme), { dark: true, mode: "adaptive", version: 3, colors: {
|
|
1262
|
-
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
},
|
|
1275
|
+
primary: blue.BLUE100,
|
|
1276
|
+
background: white.WHITE100,
|
|
1277
|
+
card: ink.INK100,
|
|
1278
|
+
text: ink.INK100,
|
|
1279
|
+
border: ink.INK40,
|
|
1280
|
+
gray: ink.INK60,
|
|
1281
|
+
backgroundLight: ink.INK10,
|
|
1270
1282
|
//new theme colors
|
|
1271
1283
|
backgroundPrimary: ink.INK5,
|
|
1272
1284
|
backgroundSecondary: white.WHITE100,
|