sapo-components-ui-rn 1.0.22 → 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 +23 -25
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +23 -25
- package/dist/index.js.map +1 -1
- package/dist/styles/themes/tokens.d.ts +28 -0
- package/dist/types.d.ts +0 -8
- package/package.json +1 -1
- package/src/styles/themes/DarkTheme.tsx +0 -8
- package/src/styles/themes/LightTheme.tsx +0 -8
- package/src/styles/themes/tokens.tsx +23 -9
- package/src/types.ts +12 -8
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
|
},
|
|
@@ -1119,14 +1133,6 @@ var LightTheme = {
|
|
|
1119
1133
|
border: ink.INK40,
|
|
1120
1134
|
gray: ink.INK60,
|
|
1121
1135
|
backgroundLight: ink.INK10,
|
|
1122
|
-
elevation: {
|
|
1123
|
-
level0: "transparent",
|
|
1124
|
-
level1: "rgb(247, 243, 249)",
|
|
1125
|
-
level2: "rgb(243, 237, 246)",
|
|
1126
|
-
level3: "rgb(238, 232, 244)",
|
|
1127
|
-
level4: "rgb(236, 230, 243)",
|
|
1128
|
-
level5: "rgb(233, 227, 241)",
|
|
1129
|
-
},
|
|
1130
1136
|
//new theme colors
|
|
1131
1137
|
backgroundPrimary: ink.INK5,
|
|
1132
1138
|
backgroundSecondary: white.WHITE100,
|
|
@@ -1273,14 +1279,6 @@ var DarkTheme = __assign(__assign({}, LightTheme), { dark: true, mode: "adaptive
|
|
|
1273
1279
|
border: ink.INK40,
|
|
1274
1280
|
gray: ink.INK60,
|
|
1275
1281
|
backgroundLight: ink.INK10,
|
|
1276
|
-
elevation: {
|
|
1277
|
-
level0: "transparent",
|
|
1278
|
-
level1: "rgb(37, 35, 42)",
|
|
1279
|
-
level2: "rgb(44, 40, 49)",
|
|
1280
|
-
level3: "rgb(49, 44, 56)",
|
|
1281
|
-
level4: "rgb(51, 46, 58)",
|
|
1282
|
-
level5: "rgb(52, 49, 63)",
|
|
1283
|
-
},
|
|
1284
1282
|
//new theme colors
|
|
1285
1283
|
backgroundPrimary: ink.INK5,
|
|
1286
1284
|
backgroundSecondary: white.WHITE100,
|