@tamagui/themes 1.36.6 → 1.37.1

package/src/masks.tsx

@@ -15,7 +15,7 @@ export const masks = {
   soften3: createSoftenMask({ strength: 3 }),
   strengthen: createStrengthenMask(),
   inverse: createInverseMask(),
-  inverseSoften: combineMasks(createInverseMask(), createSoftenMask()),
+  inverseSoften: combineMasks(createInverseMask(), createSoftenMask({ strength: 2 })),
   inverseStrengthen2: combineMasks(
     createInverseMask(),
     createStrengthenMask({ strength: 2 })

package/types/componentThemeDefinitions.d.ts

@@ -38,6 +38,7 @@ export declare const componentThemeDefinitions: {
         strength?: number | undefined;
         max?: number | undefined;
         min?: number | undefined;
+        parentName?: string | undefined;
         parent: string;
         mask: string;
     }[];
@@ -74,6 +75,7 @@ export declare const componentThemeDefinitions: {
         strength?: number | undefined;
         max?: number | undefined;
         min?: number | undefined;
+        parentName?: string | undefined;
         mask: string;
     };
     Button: {
@@ -111,6 +113,7 @@ export declare const componentThemeDefinitions: {
         strength?: number | undefined;
         max?: number | undefined;
         min?: number | undefined;
+        parentName?: string | undefined;
         mask: string;
     };
     Checkbox: {
@@ -146,9 +149,10 @@ export declare const componentThemeDefinitions: {
         strength?: number | undefined;
         max?: number | undefined;
         min?: number | undefined;
+        parentName?: string | undefined;
         mask: string;
     };
-    SliderTrackActive: {
+    Switch: {
         override: {
             color: number;
             colorHover: number;
@@ -181,9 +185,11 @@ export declare const componentThemeDefinitions: {
         strength?: number | undefined;
         max?: number | undefined;
         min?: number | undefined;
+        parentName?: string | undefined;
         mask: string;
     };
-    Switch: {
+    SwitchThumb: {
+        debug: boolean;
         override: {
             color: number;
             colorHover: number;
@@ -216,10 +222,10 @@ export declare const componentThemeDefinitions: {
         strength?: number | undefined;
         max?: number | undefined;
         min?: number | undefined;
+        parentName?: string | undefined;
         mask: string;
     };
-    SwitchThumb: {
-        debug: boolean;
+    TooltipContent: {
         override: {
             color: number;
             colorHover: number;
@@ -252,9 +258,10 @@ export declare const componentThemeDefinitions: {
         strength?: number | undefined;
         max?: number | undefined;
         min?: number | undefined;
+        parentName?: string | undefined;
         mask: string;
     };
-    TooltipContent: {
+    DrawerFrame: {
         override: {
             color: number;
             colorHover: number;
@@ -287,9 +294,10 @@ export declare const componentThemeDefinitions: {
         strength?: number | undefined;
         max?: number | undefined;
         min?: number | undefined;
+        parentName?: string | undefined;
         mask: string;
     };
-    DrawerFrame: {
+    Progress: {
         override: {
             color: number;
             colorHover: number;
@@ -322,9 +330,10 @@ export declare const componentThemeDefinitions: {
         strength?: number | undefined;
         max?: number | undefined;
         min?: number | undefined;
+        parentName?: string | undefined;
         mask: string;
     };
-    Progress: {
+    TooltipArrow: {
         override: {
             color: number;
             colorHover: number;
@@ -357,9 +366,10 @@ export declare const componentThemeDefinitions: {
         strength?: number | undefined;
         max?: number | undefined;
         min?: number | undefined;
+        parentName?: string | undefined;
         mask: string;
     };
-    TooltipArrow: {
+    SliderTrackActive: {
         override: {
             color: number;
             colorHover: number;
@@ -392,6 +402,7 @@ export declare const componentThemeDefinitions: {
         strength?: number | undefined;
         max?: number | undefined;
         min?: number | undefined;
+        parentName?: string | undefined;
         mask: string;
     };
     SliderTrack: {
@@ -427,6 +438,7 @@ export declare const componentThemeDefinitions: {
         strength?: number | undefined;
         max?: number | undefined;
         min?: number | undefined;
+        parentName?: string | undefined;
         mask: string;
     };
     SliderThumb: {
@@ -462,6 +474,7 @@ export declare const componentThemeDefinitions: {
         strength?: number | undefined;
         max?: number | undefined;
         min?: number | undefined;
+        parentName?: string | undefined;
         mask: string;
     };
     Tooltip: {
@@ -497,6 +510,7 @@ export declare const componentThemeDefinitions: {
         strength?: number | undefined;
         max?: number | undefined;
         min?: number | undefined;
+        parentName?: string | undefined;
         mask: string;
     };
     ProgressIndicator: {
@@ -532,6 +546,7 @@ export declare const componentThemeDefinitions: {
         strength?: number | undefined;
         max?: number | undefined;
         min?: number | undefined;
+        parentName?: string | undefined;
         mask: string;
     };
     SheetOverlay: {
@@ -585,6 +600,7 @@ export declare const componentThemeDefinitions: {
         strength?: number | undefined;
         max?: number | undefined;
         min?: number | undefined;
+        parentName?: string | undefined;
         parent: string;
         mask: string;
     }[];
@@ -621,6 +637,7 @@ export declare const componentThemeDefinitions: {
         strength?: number | undefined;
         max?: number | undefined;
         min?: number | undefined;
+        parentName?: string | undefined;
         parent: string;
         mask: string;
     }[];

package/types/generated-new.d.ts

@@ -252,14 +252,13 @@ export declare const light_Card: Theme;
 export declare const light_DrawerFrame: Theme;
 export declare const light_Progress: Theme;
 export declare const light_TooltipArrow: Theme;
-export declare const light_SliderTrack: Theme;
 export declare const light_Button: Theme;
 export declare const light_Checkbox: Theme;
-export declare const light_SliderTrackActive: Theme;
 export declare const light_Switch: Theme;
 export declare const light_TooltipContent: Theme;
+export declare const light_SliderTrack: Theme;
 export declare const light_SwitchThumb: Theme;
-export declare const dark_red_SwitchThumb: Theme;
+export declare const light_SliderTrackActive: Theme;
 export declare const light_SliderThumb: Theme;
 export declare const light_Tooltip: Theme;
 export declare const light_ProgressIndicator: Theme;
@@ -270,13 +269,13 @@ export declare const dark_Card: Theme;
 export declare const dark_DrawerFrame: Theme;
 export declare const dark_Progress: Theme;
 export declare const dark_TooltipArrow: Theme;
-export declare const dark_SliderTrack: Theme;
 export declare const dark_Button: Theme;
 export declare const dark_Checkbox: Theme;
-export declare const dark_SliderTrackActive: Theme;
 export declare const dark_Switch: Theme;
 export declare const dark_TooltipContent: Theme;
+export declare const dark_SliderTrack: Theme;
 export declare const dark_SwitchThumb: Theme;
+export declare const dark_SliderTrackActive: Theme;
 export declare const dark_SliderThumb: Theme;
 export declare const dark_Tooltip: Theme;
 export declare const dark_ProgressIndicator: Theme;
@@ -287,19 +286,13 @@ export declare const light_orange_Card: Theme;
 export declare const light_orange_DrawerFrame: Theme;
 export declare const light_orange_Progress: Theme;
 export declare const light_orange_TooltipArrow: Theme;
-export declare const light_orange_SliderTrack: Theme;
 export declare const light_orange_Button: Theme;
 export declare const light_orange_Checkbox: Theme;
-export declare const light_orange_SliderTrackActive: Theme;
 export declare const light_orange_Switch: Theme;
 export declare const light_orange_TooltipContent: Theme;
+export declare const light_orange_SliderTrack: Theme;
 export declare const light_orange_SwitchThumb: Theme;
-export declare const light_yellow_SwitchThumb: Theme;
-export declare const light_green_SwitchThumb: Theme;
-export declare const light_blue_SwitchThumb: Theme;
-export declare const light_purple_SwitchThumb: Theme;
-export declare const light_pink_SwitchThumb: Theme;
-export declare const light_red_SwitchThumb: Theme;
+export declare const light_orange_SliderTrackActive: Theme;
 export declare const light_orange_SliderThumb: Theme;
 export declare const light_orange_Tooltip: Theme;
 export declare const light_orange_ProgressIndicator: Theme;
@@ -310,12 +303,13 @@ export declare const light_yellow_Card: Theme;
 export declare const light_yellow_DrawerFrame: Theme;
 export declare const light_yellow_Progress: Theme;
 export declare const light_yellow_TooltipArrow: Theme;
-export declare const light_yellow_SliderTrack: Theme;
 export declare const light_yellow_Button: Theme;
 export declare const light_yellow_Checkbox: Theme;
-export declare const light_yellow_SliderTrackActive: Theme;
 export declare const light_yellow_Switch: Theme;
 export declare const light_yellow_TooltipContent: Theme;
+export declare const light_yellow_SliderTrack: Theme;
+export declare const light_yellow_SwitchThumb: Theme;
+export declare const light_yellow_SliderTrackActive: Theme;
 export declare const light_yellow_SliderThumb: Theme;
 export declare const light_yellow_Tooltip: Theme;
 export declare const light_yellow_ProgressIndicator: Theme;
@@ -326,12 +320,13 @@ export declare const light_green_Card: Theme;
 export declare const light_green_DrawerFrame: Theme;
 export declare const light_green_Progress: Theme;
 export declare const light_green_TooltipArrow: Theme;
-export declare const light_green_SliderTrack: Theme;
 export declare const light_green_Button: Theme;
 export declare const light_green_Checkbox: Theme;
-export declare const light_green_SliderTrackActive: Theme;
 export declare const light_green_Switch: Theme;
 export declare const light_green_TooltipContent: Theme;
+export declare const light_green_SliderTrack: Theme;
+export declare const light_green_SwitchThumb: Theme;
+export declare const light_green_SliderTrackActive: Theme;
 export declare const light_green_SliderThumb: Theme;
 export declare const light_green_Tooltip: Theme;
 export declare const light_green_ProgressIndicator: Theme;
@@ -342,12 +337,13 @@ export declare const light_blue_Card: Theme;
 export declare const light_blue_DrawerFrame: Theme;
 export declare const light_blue_Progress: Theme;
 export declare const light_blue_TooltipArrow: Theme;
-export declare const light_blue_SliderTrack: Theme;
 export declare const light_blue_Button: Theme;
 export declare const light_blue_Checkbox: Theme;
-export declare const light_blue_SliderTrackActive: Theme;
 export declare const light_blue_Switch: Theme;
 export declare const light_blue_TooltipContent: Theme;
+export declare const light_blue_SliderTrack: Theme;
+export declare const light_blue_SwitchThumb: Theme;
+export declare const light_blue_SliderTrackActive: Theme;
 export declare const light_blue_SliderThumb: Theme;
 export declare const light_blue_Tooltip: Theme;
 export declare const light_blue_ProgressIndicator: Theme;
@@ -358,12 +354,13 @@ export declare const light_purple_Card: Theme;
 export declare const light_purple_DrawerFrame: Theme;
 export declare const light_purple_Progress: Theme;
 export declare const light_purple_TooltipArrow: Theme;
-export declare const light_purple_SliderTrack: Theme;
 export declare const light_purple_Button: Theme;
 export declare const light_purple_Checkbox: Theme;
-export declare const light_purple_SliderTrackActive: Theme;
 export declare const light_purple_Switch: Theme;
 export declare const light_purple_TooltipContent: Theme;
+export declare const light_purple_SliderTrack: Theme;
+export declare const light_purple_SwitchThumb: Theme;
+export declare const light_purple_SliderTrackActive: Theme;
 export declare const light_purple_SliderThumb: Theme;
 export declare const light_purple_Tooltip: Theme;
 export declare const light_purple_ProgressIndicator: Theme;
@@ -374,12 +371,13 @@ export declare const light_pink_Card: Theme;
 export declare const light_pink_DrawerFrame: Theme;
 export declare const light_pink_Progress: Theme;
 export declare const light_pink_TooltipArrow: Theme;
-export declare const light_pink_SliderTrack: Theme;
 export declare const light_pink_Button: Theme;
 export declare const light_pink_Checkbox: Theme;
-export declare const light_pink_SliderTrackActive: Theme;
 export declare const light_pink_Switch: Theme;
 export declare const light_pink_TooltipContent: Theme;
+export declare const light_pink_SliderTrack: Theme;
+export declare const light_pink_SwitchThumb: Theme;
+export declare const light_pink_SliderTrackActive: Theme;
 export declare const light_pink_SliderThumb: Theme;
 export declare const light_pink_Tooltip: Theme;
 export declare const light_pink_ProgressIndicator: Theme;
@@ -390,12 +388,13 @@ export declare const light_red_Card: Theme;
 export declare const light_red_DrawerFrame: Theme;
 export declare const light_red_Progress: Theme;
 export declare const light_red_TooltipArrow: Theme;
-export declare const light_red_SliderTrack: Theme;
 export declare const light_red_Button: Theme;
 export declare const light_red_Checkbox: Theme;
-export declare const light_red_SliderTrackActive: Theme;
 export declare const light_red_Switch: Theme;
 export declare const light_red_TooltipContent: Theme;
+export declare const light_red_SliderTrack: Theme;
+export declare const light_red_SwitchThumb: Theme;
+export declare const light_red_SliderTrackActive: Theme;
 export declare const light_red_SliderThumb: Theme;
 export declare const light_red_Tooltip: Theme;
 export declare const light_red_ProgressIndicator: Theme;
@@ -405,13 +404,13 @@ export declare const dark_orange_Card: Theme;
 export declare const dark_orange_DrawerFrame: Theme;
 export declare const dark_orange_Progress: Theme;
 export declare const dark_orange_TooltipArrow: Theme;
-export declare const dark_orange_SliderTrack: Theme;
 export declare const dark_orange_Button: Theme;
 export declare const dark_orange_Checkbox: Theme;
-export declare const dark_orange_SliderTrackActive: Theme;
 export declare const dark_orange_Switch: Theme;
 export declare const dark_orange_TooltipContent: Theme;
+export declare const dark_orange_SliderTrack: Theme;
 export declare const dark_orange_SwitchThumb: Theme;
+export declare const dark_orange_SliderTrackActive: Theme;
 export declare const dark_orange_SliderThumb: Theme;
 export declare const dark_orange_Tooltip: Theme;
 export declare const dark_orange_ProgressIndicator: Theme;
@@ -421,13 +420,13 @@ export declare const dark_yellow_Card: Theme;
 export declare const dark_yellow_DrawerFrame: Theme;
 export declare const dark_yellow_Progress: Theme;
 export declare const dark_yellow_TooltipArrow: Theme;
-export declare const dark_yellow_SliderTrack: Theme;
 export declare const dark_yellow_Button: Theme;
 export declare const dark_yellow_Checkbox: Theme;
-export declare const dark_yellow_SliderTrackActive: Theme;
 export declare const dark_yellow_Switch: Theme;
 export declare const dark_yellow_TooltipContent: Theme;
+export declare const dark_yellow_SliderTrack: Theme;
 export declare const dark_yellow_SwitchThumb: Theme;
+export declare const dark_yellow_SliderTrackActive: Theme;
 export declare const dark_yellow_SliderThumb: Theme;
 export declare const dark_yellow_Tooltip: Theme;
 export declare const dark_yellow_ProgressIndicator: Theme;
@@ -437,13 +436,13 @@ export declare const dark_green_Card: Theme;
 export declare const dark_green_DrawerFrame: Theme;
 export declare const dark_green_Progress: Theme;
 export declare const dark_green_TooltipArrow: Theme;
-export declare const dark_green_SliderTrack: Theme;
 export declare const dark_green_Button: Theme;
 export declare const dark_green_Checkbox: Theme;
-export declare const dark_green_SliderTrackActive: Theme;
 export declare const dark_green_Switch: Theme;
 export declare const dark_green_TooltipContent: Theme;
+export declare const dark_green_SliderTrack: Theme;
 export declare const dark_green_SwitchThumb: Theme;
+export declare const dark_green_SliderTrackActive: Theme;
 export declare const dark_green_SliderThumb: Theme;
 export declare const dark_green_Tooltip: Theme;
 export declare const dark_green_ProgressIndicator: Theme;
@@ -453,13 +452,13 @@ export declare const dark_blue_Card: Theme;
 export declare const dark_blue_DrawerFrame: Theme;
 export declare const dark_blue_Progress: Theme;
 export declare const dark_blue_TooltipArrow: Theme;
-export declare const dark_blue_SliderTrack: Theme;
 export declare const dark_blue_Button: Theme;
 export declare const dark_blue_Checkbox: Theme;
-export declare const dark_blue_SliderTrackActive: Theme;
 export declare const dark_blue_Switch: Theme;
 export declare const dark_blue_TooltipContent: Theme;
+export declare const dark_blue_SliderTrack: Theme;
 export declare const dark_blue_SwitchThumb: Theme;
+export declare const dark_blue_SliderTrackActive: Theme;
 export declare const dark_blue_SliderThumb: Theme;
 export declare const dark_blue_Tooltip: Theme;
 export declare const dark_blue_ProgressIndicator: Theme;
@@ -469,13 +468,13 @@ export declare const dark_purple_Card: Theme;
 export declare const dark_purple_DrawerFrame: Theme;
 export declare const dark_purple_Progress: Theme;
 export declare const dark_purple_TooltipArrow: Theme;
-export declare const dark_purple_SliderTrack: Theme;
 export declare const dark_purple_Button: Theme;
 export declare const dark_purple_Checkbox: Theme;
-export declare const dark_purple_SliderTrackActive: Theme;
 export declare const dark_purple_Switch: Theme;
 export declare const dark_purple_TooltipContent: Theme;
+export declare const dark_purple_SliderTrack: Theme;
 export declare const dark_purple_SwitchThumb: Theme;
+export declare const dark_purple_SliderTrackActive: Theme;
 export declare const dark_purple_SliderThumb: Theme;
 export declare const dark_purple_Tooltip: Theme;
 export declare const dark_purple_ProgressIndicator: Theme;
@@ -485,13 +484,13 @@ export declare const dark_pink_Card: Theme;
 export declare const dark_pink_DrawerFrame: Theme;
 export declare const dark_pink_Progress: Theme;
 export declare const dark_pink_TooltipArrow: Theme;
-export declare const dark_pink_SliderTrack: Theme;
 export declare const dark_pink_Button: Theme;
 export declare const dark_pink_Checkbox: Theme;
-export declare const dark_pink_SliderTrackActive: Theme;
 export declare const dark_pink_Switch: Theme;
 export declare const dark_pink_TooltipContent: Theme;
+export declare const dark_pink_SliderTrack: Theme;
 export declare const dark_pink_SwitchThumb: Theme;
+export declare const dark_pink_SliderTrackActive: Theme;
 export declare const dark_pink_SliderThumb: Theme;
 export declare const dark_pink_Tooltip: Theme;
 export declare const dark_pink_ProgressIndicator: Theme;
@@ -501,12 +500,13 @@ export declare const dark_red_Card: Theme;
 export declare const dark_red_DrawerFrame: Theme;
 export declare const dark_red_Progress: Theme;
 export declare const dark_red_TooltipArrow: Theme;
-export declare const dark_red_SliderTrack: Theme;
 export declare const dark_red_Button: Theme;
 export declare const dark_red_Checkbox: Theme;
-export declare const dark_red_SliderTrackActive: Theme;
 export declare const dark_red_Switch: Theme;
 export declare const dark_red_TooltipContent: Theme;
+export declare const dark_red_SliderTrack: Theme;
+export declare const dark_red_SwitchThumb: Theme;
+export declare const dark_red_SliderTrackActive: Theme;
 export declare const dark_red_SliderThumb: Theme;
 export declare const dark_red_Tooltip: Theme;
 export declare const dark_red_ProgressIndicator: Theme;

package/types/templates.d.ts

@@ -93,6 +93,7 @@ export declare const templates: {
         strength?: number | undefined;
         max?: number | undefined;
         min?: number | undefined;
+        parentName?: string | undefined;
     };
     alt: {
         palette?: import("@tamagui/create-theme").CreateThemePalette | undefined;
@@ -101,6 +102,7 @@ export declare const templates: {
         strength?: number | undefined;
         max?: number | undefined;
         min?: number | undefined;
+        parentName?: string | undefined;
     };
     button: {
         override: {
@@ -137,6 +139,7 @@ export declare const templates: {
         strength?: number | undefined;
         max?: number | undefined;
         min?: number | undefined;
+        parentName?: string | undefined;
     };
 };
 //# sourceMappingURL=templates.d.ts.map