@tamagui/stacks - npm Package Compare versions

Comparing version 1.0.1-beta.70 to 1.0.1-beta.71

dist/cjs/SizableStack.js

@@ -33,5 +33,5 @@ var __defProp = Object.defineProperty;
     fontFamily: () => ({}),
-    hoverable: import_variants.hoverable,
-    pressable: import_variants.pressable,
-    focusable: import_variants.focusable,
+    hoverTheme: import_variants.hoverTheme,
+    pressTheme: import_variants.pressTheme,
+    focusTheme: import_variants.focusTheme,
     circular: import_variants.circular,
@@ -38,0 +38,0 @@ elevate: import_variants.elevate,

dist/cjs/ThemeableStack.js

@@ -36,5 +36,5 @@ var __defProp = Object.defineProperty;
     radiused: import_variants.radiused,
-    hoverable: import_variants.hoverable,
-    pressable: import_variants.pressable,
-    focusable: import_variants.focusable,
+    hoverTheme: import_variants.hoverTheme,
+    pressTheme: import_variants.pressTheme,
+    focusTheme: import_variants.focusTheme,
     circular: import_variants.circular,
@@ -41,0 +41,0 @@ padded: import_variants.padded,

dist/cjs/variants.js

@@ -38,6 +38,6 @@ var __defProp = Object.defineProperty;
   elevate: () => elevate,
-  focusable: () => focusable,
-  hoverable: () => hoverable,
+  focusTheme: () => focusTheme,
+  hoverTheme: () => hoverTheme,
   padded: () => padded,
-  pressable: () => pressable,
+  pressTheme: () => pressTheme,
   radiused: () => radiused
@@ -56,11 +56,11 @@ });
     borderColor: "$borderColor"
-  }, props.hoverable && {
+  }, props.hoverTheme && {
     hoverStyle: {
       borderColor: "$borderColorHover"
     }
-  }), props.pressable && {
+  }), props.pressTheme && {
     pressStyle: {
       borderColor: "$borderColorPress"
     }
-  }), props.focusable && {
+  }), props.focusTheme && {
     focusStyle: {
@@ -103,3 +103,3 @@ borderColor: "$borderColorFocus"
 };
-const hoverable = {
+const hoverTheme = {
   true: {
@@ -113,3 +113,3 @@ hoverStyle: {
 };
-const pressable = {
+const pressTheme = {
   true: {
@@ -123,3 +123,3 @@ pressStyle: {
 };
-const focusable = {
+const focusTheme = {
   true: {
@@ -138,8 +138,8 @@ focusStyle: {
   elevate,
-  focusable,
-  hoverable,
+  focusTheme,
+  hoverTheme,
   padded,
-  pressable,
+  pressTheme,
   radiused
 });
 //# sourceMappingURL=variants.js.map

dist/esm/SizableStack.js

 import { getButtonSize, styled } from "@tamagui/core";
 import { YStack } from "./Stacks";
-import { bordered, circular, elevate, focusable, hoverable, pressable } from "./variants";
+import { bordered, circular, elevate, focusTheme, hoverTheme, pressTheme } from "./variants";
 const SizableStack = styled(YStack, {
@@ -11,5 +11,5 @@ name: "SizableStack",
     fontFamily: () => ({}),
-    hoverable,
-    pressable,
-    focusable,
+    hoverTheme,
+    pressTheme,
+    focusTheme,
     circular,
@@ -16,0 +16,0 @@ elevate,

dist/esm/ThemeableStack.js

@@ -7,6 +7,6 @@ import { styled } from "@tamagui/core";
   elevate,
-  focusable,
-  hoverable,
+  focusTheme,
+  hoverTheme,
   padded,
-  pressable,
+  pressTheme,
   radiused
@@ -24,5 +24,5 @@ } from "./variants";
     radiused,
-    hoverable,
-    pressable,
-    focusable,
+    hoverTheme,
+    pressTheme,
+    focusTheme,
     circular,
@@ -29,0 +29,0 @@ padded,

dist/esm/variants.js

@@ -13,3 +13,3 @@ var __defProp = Object.defineProperty;
     borderColor: "$borderColor",
-    ...props.hoverable && {
+    ...props.hoverTheme && {
       hoverStyle: {
@@ -19,3 +19,3 @@ borderColor: "$borderColorHover"
     },
-    ...props.pressable && {
+    ...props.pressTheme && {
       pressStyle: {
@@ -25,3 +25,3 @@ borderColor: "$borderColorPress"
     },
-    ...props.focusable && {
+    ...props.focusTheme && {
       focusStyle: {
@@ -65,3 +65,3 @@ borderColor: "$borderColorFocus"
 };
-const hoverable = {
+const hoverTheme = {
   true: {
@@ -75,3 +75,3 @@ hoverStyle: {
 };
-const pressable = {
+const pressTheme = {
   true: {
@@ -85,3 +85,3 @@ pressStyle: {
 };
-const focusable = {
+const focusTheme = {
   true: {
@@ -99,8 +99,8 @@ focusStyle: {
   elevate,
-  focusable,
-  hoverable,
+  focusTheme,
+  hoverTheme,
   padded,
-  pressable,
+  pressTheme,
   radiused
 };
 //# sourceMappingURL=variants.js.map

dist/jsx/SizableStack.js

 import { getButtonSize, styled } from "@tamagui/core";
 import { YStack } from "./Stacks";
-import { bordered, circular, elevate, focusable, hoverable, pressable } from "./variants";
+import { bordered, circular, elevate, focusTheme, hoverTheme, pressTheme } from "./variants";
 const SizableStack = styled(YStack, {
@@ -11,5 +11,5 @@ name: "SizableStack",
     fontFamily: () => ({}),
-    hoverable,
-    pressable,
-    focusable,
+    hoverTheme,
+    pressTheme,
+    focusTheme,
     circular,
@@ -16,0 +16,0 @@ elevate,

dist/jsx/ThemeableStack.js

@@ -7,6 +7,6 @@ import { styled } from "@tamagui/core";
   elevate,
-  focusable,
-  hoverable,
+  focusTheme,
+  hoverTheme,
   padded,
-  pressable,
+  pressTheme,
   radiused
@@ -24,5 +24,5 @@ } from "./variants";
     radiused,
-    hoverable,
-    pressable,
-    focusable,
+    hoverTheme,
+    pressTheme,
+    focusTheme,
     circular,
@@ -29,0 +29,0 @@ padded,

dist/jsx/variants.js

@@ -13,3 +13,3 @@ var __defProp = Object.defineProperty;
     borderColor: "$borderColor",
-    ...props.hoverable && {
+    ...props.hoverTheme && {
       hoverStyle: {
@@ -19,3 +19,3 @@ borderColor: "$borderColorHover"
     },
-    ...props.pressable && {
+    ...props.pressTheme && {
       pressStyle: {
@@ -25,3 +25,3 @@ borderColor: "$borderColorPress"
     },
-    ...props.focusable && {
+    ...props.focusTheme && {
       focusStyle: {
@@ -65,3 +65,3 @@ borderColor: "$borderColorFocus"
 };
-const hoverable = {
+const hoverTheme = {
   true: {
@@ -75,3 +75,3 @@ hoverStyle: {
 };
-const pressable = {
+const pressTheme = {
   true: {
@@ -85,3 +85,3 @@ pressStyle: {
 };
-const focusable = {
+const focusTheme = {
   true: {
@@ -99,7 +99,7 @@ focusStyle: {
   elevate,
-  focusable,
-  hoverable,
+  focusTheme,
+  hoverTheme,
   padded,
-  pressable,
+  pressTheme,
   radiused
 };

package.json

 {
   "name": "@tamagui/stacks",
-  "version": "1.0.1-beta.70",
-  "sideEffects": false,
+  "version": "1.0.1-beta.71",
+  "sideEffects": [
+    "*.css"
+  ],
   "source": "src/index.ts",
@@ -20,3 +22,3 @@ "types": "./types/index.d.ts",
   "dependencies": {
-    "@tamagui/core": "^1.0.1-beta.70"
+    "@tamagui/core": "^1.0.1-beta.71"
   },
@@ -28,3 +30,3 @@ "peerDependencies": {
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.70",
+    "@tamagui/build": "^1.0.1-beta.71",
     "react": "*",
@@ -31,0 +33,0 @@ "react-dom": "*"

types/SizableStack.d.ts

@@ -5,7 +5,7 @@ import { GetProps } from '@tamagui/core';
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
-}, "focusable" | "fontFamily" | "size" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered"> & {
+}, "fontFamily" | "size" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered"> & {
     fontFamily?: unknown;
-    hoverable?: boolean | undefined;
-    pressable?: boolean | undefined;
-    focusable?: boolean | undefined;
+    hoverTheme?: boolean | undefined;
+    pressTheme?: boolean | undefined;
+    focusTheme?: boolean | undefined;
     circular?: boolean | undefined;
@@ -18,7 +18,7 @@ elevate?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
-}, "focusable" | "fontFamily" | "size" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered"> & {
+}, "fontFamily" | "size" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered"> & {
     fontFamily?: unknown;
-    hoverable?: boolean | undefined;
-    pressable?: boolean | undefined;
-    focusable?: boolean | undefined;
+    hoverTheme?: boolean | undefined;
+    pressTheme?: boolean | undefined;
+    focusTheme?: boolean | undefined;
     circular?: boolean | undefined;
@@ -31,7 +31,7 @@ elevate?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
-}, "focusable" | "fontFamily" | "size" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered"> & {
+}, "fontFamily" | "size" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered"> & {
     fontFamily?: unknown;
-    hoverable?: boolean | undefined;
-    pressable?: boolean | undefined;
-    focusable?: boolean | undefined;
+    hoverTheme?: boolean | undefined;
+    pressTheme?: boolean | undefined;
+    focusTheme?: boolean | undefined;
     circular?: boolean | undefined;
@@ -46,5 +46,5 @@ elevate?: boolean | undefined;
     fontFamily?: unknown;
-    hoverable?: boolean | undefined;
-    pressable?: boolean | undefined;
-    focusable?: boolean | undefined;
+    hoverTheme?: boolean | undefined;
+    pressTheme?: boolean | undefined;
+    focusTheme?: boolean | undefined;
     circular?: boolean | undefined;
@@ -51,0 +51,0 @@ elevate?: boolean | undefined;

types/ThemeableStack.d.ts

@@ -5,9 +5,9 @@ import { GetProps } from '@tamagui/core';
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
-}, "focusable" | "fontFamily" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered" | "transparent" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
+}, "fontFamily" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered" | "transparent" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
     fontFamily?: unknown;
     backgrounded?: boolean | undefined;
     radiused?: boolean | undefined;
-    hoverable?: boolean | undefined;
-    pressable?: boolean | undefined;
-    focusable?: boolean | undefined;
+    hoverTheme?: boolean | undefined;
+    pressTheme?: boolean | undefined;
+    focusTheme?: boolean | undefined;
     circular?: boolean | undefined;
@@ -22,9 +22,9 @@ padded?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
-}, "focusable" | "fontFamily" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered" | "transparent" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
+}, "fontFamily" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered" | "transparent" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
     fontFamily?: unknown;
     backgrounded?: boolean | undefined;
     radiused?: boolean | undefined;
-    hoverable?: boolean | undefined;
-    pressable?: boolean | undefined;
-    focusable?: boolean | undefined;
+    hoverTheme?: boolean | undefined;
+    pressTheme?: boolean | undefined;
+    focusTheme?: boolean | undefined;
     circular?: boolean | undefined;
@@ -39,9 +39,9 @@ padded?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
-}, "focusable" | "fontFamily" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered" | "transparent" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
+}, "fontFamily" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered" | "transparent" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
     fontFamily?: unknown;
     backgrounded?: boolean | undefined;
     radiused?: boolean | undefined;
-    hoverable?: boolean | undefined;
-    pressable?: boolean | undefined;
-    focusable?: boolean | undefined;
+    hoverTheme?: boolean | undefined;
+    pressTheme?: boolean | undefined;
+    focusTheme?: boolean | undefined;
     circular?: boolean | undefined;
@@ -60,5 +60,5 @@ padded?: boolean | undefined;
     radiused?: boolean | undefined;
-    hoverable?: boolean | undefined;
-    pressable?: boolean | undefined;
-    focusable?: boolean | undefined;
+    hoverTheme?: boolean | undefined;
+    pressTheme?: boolean | undefined;
+    focusTheme?: boolean | undefined;
     circular?: boolean | undefined;
@@ -65,0 +65,0 @@ padded?: boolean | undefined;

types/variants.d.ts

@@ -242,3 +242,3 @@ /// <reference types="react" />
 };
-export declare const hoverable: {
+export declare const hoverTheme: {
     true: {
@@ -252,3 +252,3 @@ hoverStyle: {
 };
-export declare const pressable: {
+export declare const pressTheme: {
     true: {
@@ -262,3 +262,3 @@ pressStyle: {
 };
-export declare const focusable: {
+export declare const focusTheme: {
     true: {
@@ -265,0 +265,0 @@ focusStyle: {

No alert changes

Improved metrics

Total package byte prevSize

105056

increased by0.16%

Dependency changes

• Updated@tamagui/core@^1.0.1-beta.71