@tamagui/shorthands 1.138.6 → 1.139.0

package/.turbo/turbo-build.log

@@ -1,2 +1 @@
-
-built @tamagui/shorthands in 1223 ms
+built @tamagui/shorthands in 552 ms

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/shorthands",
-  "version": "1.138.6",
+  "version": "1.139.0",
   "type": "module",
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
@@ -43,13 +43,22 @@
       "types": "./types/v4.d.ts",
       "import": "./dist/esm/v4.mjs",
       "require": "./dist/cjs/v4.cjs"
+    },
+    "./v5": {
+      "react-native": {
+        "import": "./dist/esm/v5.native.js",
+        "require": "./dist/cjs/v5.native.js"
+      },
+      "types": "./types/v5.d.ts",
+      "import": "./dist/esm/v5.mjs",
+      "require": "./dist/cjs/v5.cjs"
     }
   },
   "dependencies": {
-    "@tamagui/web": "1.138.6"
+    "@tamagui/web": "1.139.0"
   },
   "devDependencies": {
-    "@tamagui/build": "1.138.6"
+    "@tamagui/build": "1.139.0"
   },
   "publishConfig": {
     "access": "public"

package/src/v5.ts

@@ -0,0 +1,93 @@
+import type { TextStyle } from '@tamagui/web'
+
+export const shorthands = createShorthands({
+  // text
+  text: 'textAlign',
+
+  // view
+  b: 'bottom',
+  bg: 'backgroundColor',
+  content: 'alignContent',
+  grow: 'flexGrow',
+  items: 'alignItems',
+  justify: 'justifyContent',
+  l: 'left',
+  m: 'margin',
+  maxH: 'maxHeight',
+  maxW: 'maxWidth',
+  mb: 'marginBottom',
+  minH: 'minHeight',
+  minW: 'minWidth',
+  ml: 'marginLeft',
+  mr: 'marginRight',
+  mt: 'marginTop',
+  mx: 'marginHorizontal',
+  my: 'marginVertical',
+  p: 'padding',
+  pb: 'paddingBottom',
+  pl: 'paddingLeft',
+  pr: 'paddingRight',
+  pt: 'paddingTop',
+  px: 'paddingHorizontal',
+  py: 'paddingVertical',
+  r: 'right',
+  rounded: 'borderRadius',
+  select: 'userSelect',
+  self: 'alignSelf',
+  shrink: 'flexShrink',
+  t: 'top',
+  z: 'zIndex',
+})
+
+// type helper
+function createShorthands<A extends Record<string, keyof TextStyle>>(a: A) {
+  return a
+}
+
+export type Shorthands = typeof shorthands
+export type ShorthandKeys = keyof Shorthands
+
+type NonDefinedShorthandValues = Exclude<keyof TextStyle, Shorthands[ShorthandKeys]>
+
+// we want no types but compiler/runtime uses it for short classname generation
+const nonCompilerShorthands: [string, NonDefinedShorthandValues][] = [
+  ['fwr', 'flexWrap'],
+  ['col', 'color'],
+  ['ff', 'fontFamily'],
+  ['fst', 'fontStyle'],
+  ['tt', 'textTransform'],
+  ['td', 'textDecorationLine'],
+  ['va', 'verticalAlign'],
+  ['ws', 'whiteSpace'],
+  // @ts-ignore
+  ['wb', 'wordBreak'],
+  ['ww', 'wordWrap'],
+  ['brc', 'borderRightColor'],
+  ['brw', 'borderRightWidth'],
+  ['bs', 'borderStyle'],
+  ['btc', 'borderTopColor'],
+  ['btlr', 'borderTopLeftRadius'],
+  ['btrr', 'borderTopRightRadius'],
+  ['btw', 'borderTopWidth'],
+  ['bw', 'borderWidth'],
+  ['o', 'opacity'],
+  ['cur', 'cursor'],
+  ['pe', 'pointerEvents'],
+  ['ov', 'overflow'],
+  ['pos', 'position'],
+  ['dsp', 'display'],
+  ['fw', 'fontWeight'],
+  ['fs', 'fontSize'],
+  ['ls', 'letterSpacing'],
+  ['lh', 'lineHeight'],
+  // @ts-ignore
+  ['bxs', 'boxSizing'],
+  ['bxsh', 'boxShadow'],
+  // @ts-ignore
+  ['ox', 'overflowX'],
+  // @ts-ignore
+  ['oy', 'overflowY'],
+]
+
+// Merge the non-compiler shorthands into the main object
+Object.assign(shorthands, Object.fromEntries(nonCompilerShorthands))

package/tsconfig.json

@@ -11,6 +11,8 @@
     "v2.cjs",
     "v2.d.ts",
     "v4.cjs",
-    "v4.d.ts"
+    "v4.d.ts",
+    "v5.cjs",
+    "v5.d.ts"
   ]
 }

package/types/v5.d.ts

@@ -0,0 +1,38 @@
+export declare const shorthands: {
+    text: "textAlign";
+    b: "bottom";
+    bg: "backgroundColor";
+    content: "alignContent";
+    grow: "flexGrow";
+    items: "alignItems";
+    justify: "justifyContent";
+    l: "left";
+    m: "margin";
+    maxH: "maxHeight";
+    maxW: "maxWidth";
+    mb: "marginBottom";
+    minH: "minHeight";
+    minW: "minWidth";
+    ml: "marginLeft";
+    mr: "marginRight";
+    mt: "marginTop";
+    mx: "marginHorizontal";
+    my: "marginVertical";
+    p: "padding";
+    pb: "paddingBottom";
+    pl: "paddingLeft";
+    pr: "paddingRight";
+    pt: "paddingTop";
+    px: "paddingHorizontal";
+    py: "paddingVertical";
+    r: "right";
+    rounded: "borderRadius";
+    select: "userSelect";
+    self: "alignSelf";
+    shrink: "flexShrink";
+    t: "top";
+    z: "zIndex";
+};
+export type Shorthands = typeof shorthands;
+export type ShorthandKeys = keyof Shorthands;
+//# sourceMappingURL=v5.d.ts.map

package/v5.d.ts

@@ -0,0 +1 @@
+export * from './types/v5'

package/v5.js

@@ -0,0 +1 @@
+Object.assign(module.exports, require('./dist/cjs/v5'))