@tamagui/themes 1.43.17 → 1.44.0

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.
Files changed (26) hide show
  1. package/dist/cjs/componentThemeDefinitions.js +14 -27
  2. package/dist/cjs/componentThemeDefinitions.js.map +1 -1
  3. package/dist/cjs/generated-new.js +3558 -11699
  4. package/dist/cjs/generated-new.js.map +1 -1
  5. package/dist/cjs/masks.js +11 -0
  6. package/dist/cjs/masks.js.map +1 -1
  7. package/dist/esm/componentThemeDefinitions.js +14 -27
  8. package/dist/esm/componentThemeDefinitions.js.map +1 -1
  9. package/dist/esm/generated-new.js +2946 -11698
  10. package/dist/esm/generated-new.js.map +1 -1
  11. package/dist/esm/masks.js +11 -0
  12. package/dist/esm/masks.js.map +1 -1
  13. package/package.json +7 -7
  14. package/src/componentThemeDefinitions.tsx +20 -27
  15. package/src/generated-new.ts +2884 -11988
  16. package/src/masks.tsx +13 -1
  17. package/types/componentThemeDefinitions.d.ts +110 -41
  18. package/types/componentThemeDefinitions.d.ts.map +1 -1
  19. package/types/generated-new.d.ts +739 -128
  20. package/types/generated-new.d.ts.map +1 -1
  21. package/types/masks.d.ts +1 -0
  22. package/types/masks.d.ts.map +1 -1
  23. package/types/themes-new.d.ts +1102 -1038
  24. package/types/themes-new.d.ts.map +1 -1
  25. package/types/themes-old.d.ts +4597 -4597
  26. package/types/tokens.d.ts +14 -14
package/src/masks.tsx CHANGED
@@ -7,6 +7,7 @@ import {
7
7
  createStrengthenMask,
8
8
  skipMask,
9
9
  } from '@tamagui/create-theme'
10
+ import { MaskDefinitions } from '@tamagui/theme-builder'
10
11
 
11
12
  export const masks = {
12
13
  identity: createIdentityMask(),
@@ -42,4 +43,15 @@ export const masks = {
42
43
  borderColorFocus: softer.borderColorFocus,
43
44
  }
44
45
  }),
45
- }
46
+ softenBorder2: createMask((template, options) => {
47
+ const plain = skipMask.mask(template, options)
48
+ const softer = createSoftenMask({ strength: 2 }).mask(template, options)
49
+ return {
50
+ ...plain,
51
+ borderColor: softer.borderColor,
52
+ borderColorHover: softer.borderColorHover,
53
+ borderColorPress: softer.borderColorPress,
54
+ borderColorFocus: softer.borderColorFocus,
55
+ }
56
+ }),
57
+ } satisfies MaskDefinitions
package/types/componentThemeDefinitions.d.ts CHANGED
@@ -5,7 +5,7 @@ export declare const overlayThemeDefinitions: {
5
5
  };
6
6
  }[];
7
7
  export declare const componentThemeDefinitions: {
8
- ListItem: {
8
+ ListItem: ({
9
9
  override: {
10
10
  color: number;
11
11
  colorHover: number;
@@ -34,14 +34,50 @@ export declare const componentThemeDefinitions: {
34
34
  shadowColorPress: number;
35
35
  shadowColorFocus: number;
36
36
  };
37
- palette?: import("@tamagui/create-theme").CreateThemePalette | undefined;
37
+ palette?: import("@tamagui/theme-builder").CreateThemePalette | undefined;
38
38
  strength?: number | undefined;
39
39
  max?: number | undefined;
40
40
  min?: number | undefined;
41
41
  parentName?: string | undefined;
42
42
  parent: string;
43
- mask: string;
44
- }[];
43
+ mask: "strengthen";
44
+ } | {
45
+ override: {
46
+ color: number;
47
+ colorHover: number;
48
+ colorFocus: number;
49
+ colorPress: number;
50
+ shadowColor: number;
51
+ shadowColorHover: number;
52
+ shadowColorPress: number;
53
+ shadowColorFocus: number;
54
+ };
55
+ skip: {
56
+ color1: number;
57
+ color2: number;
58
+ color3: number;
59
+ color4: number;
60
+ color5: number;
61
+ color6: number;
62
+ color7: number;
63
+ color8: number;
64
+ color9: number;
65
+ color10: number;
66
+ color11: number;
67
+ color12: number;
68
+ shadowColor: number;
69
+ shadowColorHover: number;
70
+ shadowColorPress: number;
71
+ shadowColorFocus: number;
72
+ };
73
+ palette?: import("@tamagui/theme-builder").CreateThemePalette | undefined;
74
+ strength?: number | undefined;
75
+ max?: number | undefined;
76
+ min?: number | undefined;
77
+ parentName?: string | undefined;
78
+ parent: string;
79
+ mask: "identity";
80
+ })[];
45
81
  Card: {
46
82
  override: {
47
83
  color: number;
@@ -71,12 +107,12 @@ export declare const componentThemeDefinitions: {
71
107
  shadowColorPress: number;
72
108
  shadowColorFocus: number;
73
109
  };
74
- palette?: import("@tamagui/create-theme").CreateThemePalette | undefined;
110
+ palette?: import("@tamagui/theme-builder").CreateThemePalette | undefined;
75
111
  strength?: number | undefined;
76
112
  max?: number | undefined;
77
113
  min?: number | undefined;
78
114
  parentName?: string | undefined;
79
- mask: string;
115
+ mask: "soften";
80
116
  };
81
117
  Button: {
82
118
  override: {
@@ -109,12 +145,12 @@ export declare const componentThemeDefinitions: {
109
145
  shadowColorPress: number;
110
146
  shadowColorFocus: number;
111
147
  };
112
- palette?: import("@tamagui/create-theme").CreateThemePalette | undefined;
148
+ palette?: import("@tamagui/theme-builder").CreateThemePalette | undefined;
113
149
  strength?: number | undefined;
114
150
  max?: number | undefined;
115
151
  min?: number | undefined;
116
152
  parentName?: string | undefined;
117
- mask: string;
153
+ mask: "soften2";
118
154
  };
119
155
  Checkbox: {
120
156
  override: {
@@ -145,12 +181,12 @@ export declare const componentThemeDefinitions: {
145
181
  shadowColorPress: number;
146
182
  shadowColorFocus: number;
147
183
  };
148
- palette?: import("@tamagui/create-theme").CreateThemePalette | undefined;
184
+ palette?: import("@tamagui/theme-builder").CreateThemePalette | undefined;
149
185
  strength?: number | undefined;
150
186
  max?: number | undefined;
151
187
  min?: number | undefined;
152
188
  parentName?: string | undefined;
153
- mask: string;
189
+ mask: "softenBorder2";
154
190
  };
155
191
  Switch: {
156
192
  override: {
@@ -181,15 +217,14 @@ export declare const componentThemeDefinitions: {
181
217
  shadowColorPress: number;
182
218
  shadowColorFocus: number;
183
219
  };
184
- palette?: import("@tamagui/create-theme").CreateThemePalette | undefined;
220
+ palette?: import("@tamagui/theme-builder").CreateThemePalette | undefined;
185
221
  strength?: number | undefined;
186
222
  max?: number | undefined;
187
223
  min?: number | undefined;
188
224
  parentName?: string | undefined;
189
- mask: string;
225
+ mask: "soften2";
190
226
  };
191
227
  SwitchThumb: {
192
- debug: boolean;
193
228
  override: {
194
229
  color: number;
195
230
  colorHover: number;
@@ -218,12 +253,12 @@ export declare const componentThemeDefinitions: {
218
253
  shadowColorPress: number;
219
254
  shadowColorFocus: number;
220
255
  };
221
- palette?: import("@tamagui/create-theme").CreateThemePalette | undefined;
256
+ palette?: import("@tamagui/theme-builder").CreateThemePalette | undefined;
222
257
  strength?: number | undefined;
223
258
  max?: number | undefined;
224
259
  min?: number | undefined;
225
260
  parentName?: string | undefined;
226
- mask: string;
261
+ mask: "inverseStrengthen2";
227
262
  };
228
263
  TooltipContent: {
229
264
  override: {
@@ -254,12 +289,12 @@ export declare const componentThemeDefinitions: {
254
289
  shadowColorPress: number;
255
290
  shadowColorFocus: number;
256
291
  };
257
- palette?: import("@tamagui/create-theme").CreateThemePalette | undefined;
292
+ palette?: import("@tamagui/theme-builder").CreateThemePalette | undefined;
258
293
  strength?: number | undefined;
259
294
  max?: number | undefined;
260
295
  min?: number | undefined;
261
296
  parentName?: string | undefined;
262
- mask: string;
297
+ mask: "soften2";
263
298
  };
264
299
  DrawerFrame: {
265
300
  override: {
@@ -290,12 +325,12 @@ export declare const componentThemeDefinitions: {
290
325
  shadowColorPress: number;
291
326
  shadowColorFocus: number;
292
327
  };
293
- palette?: import("@tamagui/create-theme").CreateThemePalette | undefined;
328
+ palette?: import("@tamagui/theme-builder").CreateThemePalette | undefined;
294
329
  strength?: number | undefined;
295
330
  max?: number | undefined;
296
331
  min?: number | undefined;
297
332
  parentName?: string | undefined;
298
- mask: string;
333
+ mask: "soften";
299
334
  };
300
335
  Progress: {
301
336
  override: {
@@ -326,12 +361,48 @@ export declare const componentThemeDefinitions: {
326
361
  shadowColorPress: number;
327
362
  shadowColorFocus: number;
328
363
  };
329
- palette?: import("@tamagui/create-theme").CreateThemePalette | undefined;
364
+ palette?: import("@tamagui/theme-builder").CreateThemePalette | undefined;
330
365
  strength?: number | undefined;
331
366
  max?: number | undefined;
332
367
  min?: number | undefined;
333
368
  parentName?: string | undefined;
334
- mask: string;
369
+ mask: "soften";
370
+ };
371
+ RadioGroupItem: {
372
+ override: {
373
+ color: number;
374
+ colorHover: number;
375
+ colorFocus: number;
376
+ colorPress: number;
377
+ shadowColor: number;
378
+ shadowColorHover: number;
379
+ shadowColorPress: number;
380
+ shadowColorFocus: number;
381
+ };
382
+ skip: {
383
+ color1: number;
384
+ color2: number;
385
+ color3: number;
386
+ color4: number;
387
+ color5: number;
388
+ color6: number;
389
+ color7: number;
390
+ color8: number;
391
+ color9: number;
392
+ color10: number;
393
+ color11: number;
394
+ color12: number;
395
+ shadowColor: number;
396
+ shadowColorHover: number;
397
+ shadowColorPress: number;
398
+ shadowColorFocus: number;
399
+ };
400
+ palette?: import("@tamagui/theme-builder").CreateThemePalette | undefined;
401
+ strength?: number | undefined;
402
+ max?: number | undefined;
403
+ min?: number | undefined;
404
+ parentName?: string | undefined;
405
+ mask: "softenBorder2";
335
406
  };
336
407
  TooltipArrow: {
337
408
  override: {
@@ -362,12 +433,12 @@ export declare const componentThemeDefinitions: {
362
433
  shadowColorPress: number;
363
434
  shadowColorFocus: number;
364
435
  };
365
- palette?: import("@tamagui/create-theme").CreateThemePalette | undefined;
436
+ palette?: import("@tamagui/theme-builder").CreateThemePalette | undefined;
366
437
  strength?: number | undefined;
367
438
  max?: number | undefined;
368
439
  min?: number | undefined;
369
440
  parentName?: string | undefined;
370
- mask: string;
441
+ mask: "soften";
371
442
  };
372
443
  SliderTrackActive: {
373
444
  override: {
@@ -398,12 +469,12 @@ export declare const componentThemeDefinitions: {
398
469
  shadowColorPress: number;
399
470
  shadowColorFocus: number;
400
471
  };
401
- palette?: import("@tamagui/create-theme").CreateThemePalette | undefined;
472
+ palette?: import("@tamagui/theme-builder").CreateThemePalette | undefined;
402
473
  strength?: number | undefined;
403
474
  max?: number | undefined;
404
475
  min?: number | undefined;
405
476
  parentName?: string | undefined;
406
- mask: string;
477
+ mask: "inverseSoften";
407
478
  };
408
479
  SliderTrack: {
409
480
  override: {
@@ -434,12 +505,12 @@ export declare const componentThemeDefinitions: {
434
505
  shadowColorPress: number;
435
506
  shadowColorFocus: number;
436
507
  };
437
- palette?: import("@tamagui/create-theme").CreateThemePalette | undefined;
508
+ palette?: import("@tamagui/theme-builder").CreateThemePalette | undefined;
438
509
  strength?: number | undefined;
439
510
  max?: number | undefined;
440
511
  min?: number | undefined;
441
512
  parentName?: string | undefined;
442
- mask: string;
513
+ mask: "soften2";
443
514
  };
444
515
  SliderThumb: {
445
516
  override: {
@@ -470,12 +541,12 @@ export declare const componentThemeDefinitions: {
470
541
  shadowColorPress: number;
471
542
  shadowColorFocus: number;
472
543
  };
473
- palette?: import("@tamagui/create-theme").CreateThemePalette | undefined;
544
+ palette?: import("@tamagui/theme-builder").CreateThemePalette | undefined;
474
545
  strength?: number | undefined;
475
546
  max?: number | undefined;
476
547
  min?: number | undefined;
477
548
  parentName?: string | undefined;
478
- mask: string;
549
+ mask: "inverse";
479
550
  };
480
551
  Tooltip: {
481
552
  override: {
@@ -506,12 +577,12 @@ export declare const componentThemeDefinitions: {
506
577
  shadowColorPress: number;
507
578
  shadowColorFocus: number;
508
579
  };
509
- palette?: import("@tamagui/create-theme").CreateThemePalette | undefined;
580
+ palette?: import("@tamagui/theme-builder").CreateThemePalette | undefined;
510
581
  strength?: number | undefined;
511
582
  max?: number | undefined;
512
583
  min?: number | undefined;
513
584
  parentName?: string | undefined;
514
- mask: string;
585
+ mask: "inverse";
515
586
  };
516
587
  ProgressIndicator: {
517
588
  override: {
@@ -542,12 +613,12 @@ export declare const componentThemeDefinitions: {
542
613
  shadowColorPress: number;
543
614
  shadowColorFocus: number;
544
615
  };
545
- palette?: import("@tamagui/create-theme").CreateThemePalette | undefined;
616
+ palette?: import("@tamagui/theme-builder").CreateThemePalette | undefined;
546
617
  strength?: number | undefined;
547
618
  max?: number | undefined;
548
619
  min?: number | undefined;
549
620
  parentName?: string | undefined;
550
- mask: string;
621
+ mask: "inverse";
551
622
  };
552
623
  SheetOverlay: {
553
624
  parent: string;
@@ -596,14 +667,13 @@ export declare const componentThemeDefinitions: {
596
667
  shadowColorPress: number;
597
668
  shadowColorFocus: number;
598
669
  };
599
- palette?: import("@tamagui/create-theme").CreateThemePalette | undefined;
670
+ palette?: import("@tamagui/theme-builder").CreateThemePalette | undefined;
600
671
  strength?: number | undefined;
601
672
  max?: number | undefined;
602
673
  min?: number | undefined;
603
674
  parentName?: string | undefined;
604
- parent: string;
605
- mask: string;
606
- }[];
675
+ mask: "softenBorder2";
676
+ };
607
677
  TextArea: {
608
678
  override: {
609
679
  color: number;
@@ -633,13 +703,12 @@ export declare const componentThemeDefinitions: {
633
703
  shadowColorPress: number;
634
704
  shadowColorFocus: number;
635
705
  };
636
- palette?: import("@tamagui/create-theme").CreateThemePalette | undefined;
706
+ palette?: import("@tamagui/theme-builder").CreateThemePalette | undefined;
637
707
  strength?: number | undefined;
638
708
  max?: number | undefined;
639
709
  min?: number | undefined;
640
710
  parentName?: string | undefined;
641
- parent: string;
642
- mask: string;
643
- }[];
711
+ mask: "softenBorder2";
712
+ };
644
713
  };
645
714
  //# sourceMappingURL=componentThemeDefinitions.d.ts.map
package/types/componentThemeDefinitions.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"componentThemeDefinitions.d.ts","sourceRoot":"","sources":["../src/componentThemeDefinitions.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,uBAAuB;;;;;GASnC,CAAA;AAED,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkHrC,CAAA"}
1
+ {"version":3,"file":"componentThemeDefinitions.d.ts","sourceRoot":"","sources":["../src/componentThemeDefinitions.tsx"],"names":[],"mappings":"AAgBA,eAAO,MAAM,uBAAuB;;;;;GASnC,CAAA;AAED,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGG,CAAA"}