@tamagui/themes 1.43.17 → 1.44.0

package/dist/esm/masks.js

@@ -40,6 +40,17 @@ const masks = {
       borderColorPress: softer.borderColorPress,
       borderColorFocus: softer.borderColorFocus
     };
+  }),
+  softenBorder2: createMask((template, options) => {
+    const plain = skipMask.mask(template, options);
+    const softer = createSoftenMask({ strength: 2 }).mask(template, options);
+    return {
+      ...plain,
+      borderColor: softer.borderColor,
+      borderColorHover: softer.borderColorHover,
+      borderColorPress: softer.borderColorPress,
+      borderColorFocus: softer.borderColorFocus
+    };
   })
 };
 export {

package/dist/esm/masks.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/masks.tsx"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,QAAQ;AAAA,EACnB,UAAU,mBAAmB;AAAA,EAC7B,QAAQ,iBAAiB;AAAA,EACzB,SAAS,iBAAiB,EAAE,UAAU,EAAE,CAAC;AAAA,EACzC,SAAS,iBAAiB,EAAE,UAAU,EAAE,CAAC;AAAA,EACzC,YAAY,qBAAqB;AAAA,EACjC,SAAS,kBAAkB;AAAA,EAC3B,eAAe,aAAa,kBAAkB,GAAG,iBAAiB,EAAE,UAAU,EAAE,CAAC,CAAC;AAAA,EAClF,oBAAoB;AAAA,IAClB,kBAAkB;AAAA,IAClB,qBAAqB,EAAE,UAAU,EAAE,CAAC;AAAA,EACtC;AAAA,EACA,2BAA2B,WAAW,CAAC,UAAU,YAAY;AAC3D,UAAM,WAAW,qBAAqB,EAAE,KAAK,UAAU,OAAO;AAC9D,UAAM,SAAS,iBAAiB,EAAE,KAAK,UAAU,OAAO;AACxD,WAAO;AAAA,MACL,GAAG;AAAA,MACH,aAAa,OAAO;AAAA,MACpB,kBAAkB,OAAO;AAAA,MACzB,kBAAkB,OAAO;AAAA,MACzB,kBAAkB,OAAO;AAAA,IAC3B;AAAA,EACF,CAAC;AAAA,EACD,cAAc,WAAW,CAAC,UAAU,YAAY;AAC9C,UAAM,QAAQ,SAAS,KAAK,UAAU,OAAO;AAC7C,UAAM,SAAS,iBAAiB,EAAE,KAAK,UAAU,OAAO;AACxD,WAAO;AAAA,MACL,GAAG;AAAA,MACH,aAAa,OAAO;AAAA,MACpB,kBAAkB,OAAO;AAAA,MACzB,kBAAkB,OAAO;AAAA,MACzB,kBAAkB,OAAO;AAAA,IAC3B;AAAA,EACF,CAAC;AACH;",
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,MAAM,QAAQ;AAAA,EACnB,UAAU,mBAAmB;AAAA,EAC7B,QAAQ,iBAAiB;AAAA,EACzB,SAAS,iBAAiB,EAAE,UAAU,EAAE,CAAC;AAAA,EACzC,SAAS,iBAAiB,EAAE,UAAU,EAAE,CAAC;AAAA,EACzC,YAAY,qBAAqB;AAAA,EACjC,SAAS,kBAAkB;AAAA,EAC3B,eAAe,aAAa,kBAAkB,GAAG,iBAAiB,EAAE,UAAU,EAAE,CAAC,CAAC;AAAA,EAClF,oBAAoB;AAAA,IAClB,kBAAkB;AAAA,IAClB,qBAAqB,EAAE,UAAU,EAAE,CAAC;AAAA,EACtC;AAAA,EACA,2BAA2B,WAAW,CAAC,UAAU,YAAY;AAC3D,UAAM,WAAW,qBAAqB,EAAE,KAAK,UAAU,OAAO;AAC9D,UAAM,SAAS,iBAAiB,EAAE,KAAK,UAAU,OAAO;AACxD,WAAO;AAAA,MACL,GAAG;AAAA,MACH,aAAa,OAAO;AAAA,MACpB,kBAAkB,OAAO;AAAA,MACzB,kBAAkB,OAAO;AAAA,MACzB,kBAAkB,OAAO;AAAA,IAC3B;AAAA,EACF,CAAC;AAAA,EACD,cAAc,WAAW,CAAC,UAAU,YAAY;AAC9C,UAAM,QAAQ,SAAS,KAAK,UAAU,OAAO;AAC7C,UAAM,SAAS,iBAAiB,EAAE,KAAK,UAAU,OAAO;AACxD,WAAO;AAAA,MACL,GAAG;AAAA,MACH,aAAa,OAAO;AAAA,MACpB,kBAAkB,OAAO;AAAA,MACzB,kBAAkB,OAAO;AAAA,MACzB,kBAAkB,OAAO;AAAA,IAC3B;AAAA,EACF,CAAC;AAAA,EACD,eAAe,WAAW,CAAC,UAAU,YAAY;AAC/C,UAAM,QAAQ,SAAS,KAAK,UAAU,OAAO;AAC7C,UAAM,SAAS,iBAAiB,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,UAAU,OAAO;AACvE,WAAO;AAAA,MACL,GAAG;AAAA,MACH,aAAa,OAAO;AAAA,MACpB,kBAAkB,OAAO;AAAA,MACzB,kBAAkB,OAAO;AAAA,MACzB,kBAAkB,OAAO;AAAA,IAC3B;AAAA,EACF,CAAC;AACH;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/themes",
-  "version": "1.43.17",
+  "version": "1.44.0",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -34,14 +34,14 @@
     }
   },
   "dependencies": {
-    "@tamagui/colors": "1.43.17",
-    "@tamagui/create-theme": "1.43.17",
-    "@tamagui/theme-builder": "1.43.17",
-    "@tamagui/web": "1.43.17"
+    "@tamagui/colors": "1.44.0",
+    "@tamagui/create-theme": "1.44.0",
+    "@tamagui/theme-builder": "1.44.0",
+    "@tamagui/web": "1.44.0"
   },
   "devDependencies": {
-    "@tamagui/build": "1.43.17",
-    "@tamagui/cli": "1.43.17",
+    "@tamagui/build": "1.44.0",
+    "@tamagui/cli": "1.44.0",
     "vitest": "^0.26.3"
   },
   "publishConfig": {

package/src/componentThemeDefinitions.tsx

@@ -1,5 +1,10 @@
+import { ThemeDefinitions } from '@tamagui/theme-builder'
+
+import { masks } from './masks'
 import { maskOptions } from './templates'
 
+type Masks = typeof masks
+
 const overlayThemes = {
   light: {
     background: 'rgba(0,0,0,0.5)',
@@ -45,7 +50,7 @@ export const componentThemeDefinitions = {
   },
 
   Checkbox: {
-    mask: 'soften2',
+    mask: 'softenBorder2',
     ...maskOptions.component,
   },
 
@@ -57,7 +62,6 @@ export const componentThemeDefinitions = {
   SwitchThumb: {
     mask: 'inverseStrengthen2',
     ...maskOptions.component,
-    debug: true,
   },
 
   TooltipContent: {
@@ -75,6 +79,11 @@ export const componentThemeDefinitions = {
     ...maskOptions.component,
   },
 
+  RadioGroupItem: {
+    mask: 'softenBorder2',
+    ...maskOptions.component,
+  },
+
   TooltipArrow: {
     mask: 'soften',
     ...maskOptions.component,
@@ -109,29 +118,13 @@ export const componentThemeDefinitions = {
   DialogOverlay: overlayThemeDefinitions,
   ModalOverlay: overlayThemeDefinitions,
 
-  Input: [
-    {
-      parent: 'light',
-      mask: 'strengthenButSoftenBorder',
-      ...maskOptions.component,
-    },
-    {
-      parent: 'dark',
-      mask: 'softenBorder',
-      ...maskOptions.component,
-    },
-  ],
+  Input: {
+    mask: 'softenBorder2',
+    ...maskOptions.component,
+  },
 
-  TextArea: [
-    {
-      parent: 'light',
-      mask: 'strengthenButSoftenBorder',
-      ...maskOptions.component,
-    },
-    {
-      parent: 'dark',
-      mask: 'softenBorder',
-      ...maskOptions.component,
-    },
-  ],
-}
+  TextArea: {
+    mask: 'softenBorder2',
+    ...maskOptions.component,
+  },
+} satisfies ThemeDefinitions<keyof Masks>