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.js
CHANGED
|
@@ -252,12 +252,12 @@ var ref = {
|
|
|
252
252
|
dark: {
|
|
253
253
|
colors: {
|
|
254
254
|
primary: blue.BLUE100,
|
|
255
|
-
background:
|
|
256
|
-
card:
|
|
257
|
-
text:
|
|
258
|
-
border: ink.
|
|
255
|
+
background: white.WHITE100,
|
|
256
|
+
card: ink.INK100,
|
|
257
|
+
text: ink.INK100,
|
|
258
|
+
border: ink.INK40,
|
|
259
259
|
gray: ink.INK60,
|
|
260
|
-
backgroundLight: ink.
|
|
260
|
+
backgroundLight: ink.INK10,
|
|
261
261
|
//new theme colors
|
|
262
262
|
backgroundPrimary: ink.INK5,
|
|
263
263
|
backgroundSecondary: white.WHITE100,
|
|
@@ -271,7 +271,7 @@ var ref = {
|
|
|
271
271
|
borderPrimaryDisabled: ink.INK10,
|
|
272
272
|
borderPrimaryHovered: ink.INK20,
|
|
273
273
|
borderPrimaryInverseDefault: blue.BLUE100,
|
|
274
|
-
borderPrimaryPressed:
|
|
274
|
+
borderPrimaryPressed: ink.INK20,
|
|
275
275
|
borderSuccessDefault: green.GREEN100,
|
|
276
276
|
borderWarningDefault: yellow.YELLOW100,
|
|
277
277
|
iconBrandDefault: blue.BLUE100,
|
|
@@ -316,14 +316,14 @@ var ref = {
|
|
|
316
316
|
surfaceInfoInversePressed: blue.BLUE40,
|
|
317
317
|
surfaceInfoPressed: blue.BLUE120,
|
|
318
318
|
surfacePrimaryDefault: white.WHITE100,
|
|
319
|
-
surfacePrimaryDisabled: ink.
|
|
319
|
+
surfacePrimaryDisabled: ink.INK5,
|
|
320
320
|
surfacePrimaryHover: ink.INK5,
|
|
321
321
|
surfacePrimaryInverseDefault: ink.INK80,
|
|
322
322
|
surfacePrimaryInverseHover: ink.INK60,
|
|
323
323
|
surfacePrimaryInversePressed: ink.INK40,
|
|
324
324
|
surfacePrimaryPressed: ink.INK10,
|
|
325
325
|
surfaceSecondaryDefault: ink.INK5,
|
|
326
|
-
surfaceSecondaryDisabled: ink.
|
|
326
|
+
surfaceSecondaryDisabled: ink.INK5,
|
|
327
327
|
surfaceSecondaryHover: ink.INK10,
|
|
328
328
|
surfaceSecondaryPressed: ink.INK20,
|
|
329
329
|
surfaceSuccessDefault: green.GREEN100,
|
|
@@ -382,6 +382,13 @@ var ref = {
|
|
|
382
382
|
textWarningPressed: yellow.YELLOW_STATUS,
|
|
383
383
|
selectBackgroundDisabled: white.WHITE40,
|
|
384
384
|
selectIconDisabled: white.WHITE40,
|
|
385
|
+
borderCriticalInverseDefault: red.RED40,
|
|
386
|
+
borderCriticalInverseHover: red.RED20,
|
|
387
|
+
borderCriticalInversePressed: red.RED60,
|
|
388
|
+
borderErrorInverseDefault: red.RED40,
|
|
389
|
+
borderPrimaryFocused: blue.BLUE100,
|
|
390
|
+
borderWarningInverseDefault: yellow.YELLOW40,
|
|
391
|
+
borderSuccessInverseDefault: green.GREEN40,
|
|
385
392
|
},
|
|
386
393
|
},
|
|
387
394
|
light: {
|
|
@@ -406,7 +413,7 @@ var ref = {
|
|
|
406
413
|
borderPrimaryDisabled: ink.INK10,
|
|
407
414
|
borderPrimaryHovered: ink.INK20,
|
|
408
415
|
borderPrimaryInverseDefault: blue.BLUE100,
|
|
409
|
-
borderPrimaryPressed:
|
|
416
|
+
borderPrimaryPressed: ink.INK20,
|
|
410
417
|
borderSuccessDefault: green.GREEN100,
|
|
411
418
|
borderWarningDefault: yellow.YELLOW100,
|
|
412
419
|
iconBrandDefault: blue.BLUE100,
|
|
@@ -517,6 +524,13 @@ var ref = {
|
|
|
517
524
|
textWarningPressed: yellow.YELLOW_STATUS,
|
|
518
525
|
selectBackgroundDisabled: white.WHITE40,
|
|
519
526
|
selectIconDisabled: white.WHITE40,
|
|
527
|
+
borderCriticalInverseDefault: red.RED40,
|
|
528
|
+
borderCriticalInverseHover: red.RED20,
|
|
529
|
+
borderCriticalInversePressed: red.RED60,
|
|
530
|
+
borderErrorInverseDefault: red.RED40,
|
|
531
|
+
borderPrimaryFocused: blue.BLUE100,
|
|
532
|
+
borderWarningInverseDefault: yellow.YELLOW40,
|
|
533
|
+
borderSuccessInverseDefault: green.GREEN40,
|
|
520
534
|
},
|
|
521
535
|
},
|
|
522
536
|
},
|
|
@@ -1145,14 +1159,13 @@ var LightTheme = {
|
|
|
1145
1159
|
roundness: 8,
|
|
1146
1160
|
version: 3,
|
|
1147
1161
|
colors: {
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
},
|
|
1162
|
+
primary: blue.BLUE100,
|
|
1163
|
+
background: white.WHITE100,
|
|
1164
|
+
card: ink.INK100,
|
|
1165
|
+
text: ink.INK100,
|
|
1166
|
+
border: ink.INK40,
|
|
1167
|
+
gray: ink.INK60,
|
|
1168
|
+
backgroundLight: ink.INK10,
|
|
1156
1169
|
//new theme colors
|
|
1157
1170
|
backgroundPrimary: ink.INK5,
|
|
1158
1171
|
backgroundSecondary: white.WHITE100,
|
|
@@ -1292,14 +1305,13 @@ var LightTheme = {
|
|
|
1292
1305
|
};
|
|
1293
1306
|
|
|
1294
1307
|
var DarkTheme = __assign(__assign({}, LightTheme), { dark: true, mode: "adaptive", version: 3, colors: {
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
},
|
|
1308
|
+
primary: blue.BLUE100,
|
|
1309
|
+
background: white.WHITE100,
|
|
1310
|
+
card: ink.INK100,
|
|
1311
|
+
text: ink.INK100,
|
|
1312
|
+
border: ink.INK40,
|
|
1313
|
+
gray: ink.INK60,
|
|
1314
|
+
backgroundLight: ink.INK10,
|
|
1303
1315
|
//new theme colors
|
|
1304
1316
|
backgroundPrimary: ink.INK5,
|
|
1305
1317
|
backgroundSecondary: white.WHITE100,
|