@tamagui/helpers-icon 1.35.0 → 1.35.2

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 (14) hide show
  1. package/dist/cjs/themed.js +8 -4
  2. package/dist/cjs/themed.js.map +1 -1
  3. package/dist/esm/themed.js +8 -4
  4. package/dist/esm/themed.js.map +1 -1
  5. package/dist/jsx/themed.js +8 -4
  6. package/dist/jsx/themed.js.map +1 -1
  7. package/dist/jsx/themed.mjs +8 -4
  8. package/dist/jsx/themed.mjs.map +1 -1
  9. package/package.json +3 -3
  10. package/src/themed.tsx +11 -4
  11. package/types/themed.d.ts +5 -1
  12. package/types/IconProps.d.ts.map +0 -1
  13. package/types/index.d.ts.map +0 -1
  14. package/types/themed.d.ts.map +0 -1
package/dist/cjs/themed.js CHANGED
@@ -23,16 +23,20 @@ __export(themed_exports, {
23
23
  module.exports = __toCommonJS(themed_exports);
24
24
  var import_jsx_runtime = require("react/jsx-runtime");
25
25
  var import_core = require("@tamagui/core");
26
- function themed(Component) {
26
+ function themed(Component, opts = {
27
+ defaultThemeColor: "black",
28
+ defaultStrokeWidth: 2,
29
+ fallbackColor: "#000"
30
+ }) {
27
31
  const wrapped = (propsIn) => {
28
32
  const props = (0, import_core.useProps)(propsIn);
29
33
  const theme = (0, import_core.useTheme)();
30
- const defaultColor = props.color ?? "black";
34
+ const defaultColor = props.color ?? opts.defaultThemeColor;
31
35
  const color = (0, import_core.getVariable)(
32
- (defaultColor in theme ? theme[defaultColor] : void 0) || props.color || (!props.disableTheme ? theme.color : null) || "#000"
36
+ (defaultColor in theme ? theme[defaultColor] : void 0) || props.color || (!props.disableTheme ? theme.color : null) || opts.fallbackColor
33
37
  );
34
38
  const size = typeof props.size === "string" ? (0, import_core.getTokenValue)(props.size, "size") : props.size;
35
- const strokeWidth = typeof props.strokeWidth === "string" ? (0, import_core.getTokenValue)(props.strokeWidth, "size") : props.strokeWidth ?? "2";
39
+ const strokeWidth = typeof props.strokeWidth === "string" ? (0, import_core.getTokenValue)(props.strokeWidth, "size") : props.strokeWidth ?? `${opts.defaultStrokeWidth}`;
36
40
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...props, color, size, strokeWidth });
37
41
  };
38
42
  return wrapped;
package/dist/cjs/themed.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/themed.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BW;AA1BX,kBAA+D;AAKxD,SAAS,OAAO,WAAgC;AACrD,QAAM,UAAU,CAAC,YAAuB;AACtC,UAAM,YAAQ,sBAAS,OAAO;AAC9B,UAAM,YAAQ,sBAAS;AAEvB,UAAM,eAAe,MAAM,SAAS;AACpC,UAAM,YAAQ;AAAA,OACX,gBAAgB,QAAQ,MAAM,YAAY,IAAI,WAC7C,MAAM,UACL,CAAC,MAAM,eAAe,MAAM,QAAQ,SACrC;AAAA,IACJ;AAEA,UAAM,OACJ,OAAO,MAAM,SAAS,eAAW,2BAAc,MAAM,MAAM,MAAM,IAAI,MAAM;AAE7E,UAAM,cACJ,OAAO,MAAM,gBAAgB,eACzB,2BAAc,MAAM,aAAa,MAAM,IACvC,MAAM,eAAe;AAE3B,WAAO,4CAAC,aAAW,GAAG,OAAO,OAAc,MAAY,aAA0B;AAAA,EACnF;AAEA,SAAO;AACT;",
4
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCW;AAjCX,kBAA+D;AAKxD,SAAS,OACd,WACA,OAAO;AAAA,EACL,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,eAAe;AACjB,GACA;AACA,QAAM,UAAU,CAAC,YAAuB;AACtC,UAAM,YAAQ,sBAAS,OAAO;AAC9B,UAAM,YAAQ,sBAAS;AAEvB,UAAM,eAAe,MAAM,SAAS,KAAK;AACzC,UAAM,YAAQ;AAAA,OACX,gBAAgB,QAAQ,MAAM,YAAY,IAAI,WAC7C,MAAM,UACL,CAAC,MAAM,eAAe,MAAM,QAAQ,SACrC,KAAK;AAAA,IACT;AAEA,UAAM,OACJ,OAAO,MAAM,SAAS,eAAW,2BAAc,MAAM,MAAM,MAAM,IAAI,MAAM;AAE7E,UAAM,cACJ,OAAO,MAAM,gBAAgB,eACzB,2BAAc,MAAM,aAAa,MAAM,IACvC,MAAM,eAAe,GAAG,KAAK;AAEnC,WAAO,4CAAC,aAAW,GAAG,OAAO,OAAc,MAAY,aAA0B;AAAA,EACnF;AAEA,SAAO;AACT;",
5
5
  "names": []
6
6
  }
package/dist/esm/themed.js CHANGED
@@ -1,15 +1,19 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { getTokenValue, getVariable, useProps, useTheme } from "@tamagui/core";
3
- function themed(Component) {
3
+ function themed(Component, opts = {
4
+ defaultThemeColor: "black",
5
+ defaultStrokeWidth: 2,
6
+ fallbackColor: "#000"
7
+ }) {
4
8
  const wrapped = (propsIn) => {
5
9
  const props = useProps(propsIn);
6
10
  const theme = useTheme();
7
- const defaultColor = props.color ?? "black";
11
+ const defaultColor = props.color ?? opts.defaultThemeColor;
8
12
  const color = getVariable(
9
- (defaultColor in theme ? theme[defaultColor] : void 0) || props.color || (!props.disableTheme ? theme.color : null) || "#000"
13
+ (defaultColor in theme ? theme[defaultColor] : void 0) || props.color || (!props.disableTheme ? theme.color : null) || opts.fallbackColor
10
14
  );
11
15
  const size = typeof props.size === "string" ? getTokenValue(props.size, "size") : props.size;
12
- const strokeWidth = typeof props.strokeWidth === "string" ? getTokenValue(props.strokeWidth, "size") : props.strokeWidth ?? "2";
16
+ const strokeWidth = typeof props.strokeWidth === "string" ? getTokenValue(props.strokeWidth, "size") : props.strokeWidth ?? `${opts.defaultStrokeWidth}`;
13
17
  return /* @__PURE__ */ jsx(Component, { ...props, color, size, strokeWidth });
14
18
  };
15
19
  return wrapped;
package/dist/esm/themed.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/themed.tsx"],
4
- "mappings": "AA0BW;AA1BX,SAAS,eAAe,aAAa,UAAU,gBAAgB;AAKxD,SAAS,OAAO,WAAgC;AACrD,QAAM,UAAU,CAAC,YAAuB;AACtC,UAAM,QAAQ,SAAS,OAAO;AAC9B,UAAM,QAAQ,SAAS;AAEvB,UAAM,eAAe,MAAM,SAAS;AACpC,UAAM,QAAQ;AAAA,OACX,gBAAgB,QAAQ,MAAM,YAAY,IAAI,WAC7C,MAAM,UACL,CAAC,MAAM,eAAe,MAAM,QAAQ,SACrC;AAAA,IACJ;AAEA,UAAM,OACJ,OAAO,MAAM,SAAS,WAAW,cAAc,MAAM,MAAM,MAAM,IAAI,MAAM;AAE7E,UAAM,cACJ,OAAO,MAAM,gBAAgB,WACzB,cAAc,MAAM,aAAa,MAAM,IACvC,MAAM,eAAe;AAE3B,WAAO,oBAAC,aAAW,GAAG,OAAO,OAAc,MAAY,aAA0B;AAAA,EACnF;AAEA,SAAO;AACT;",
4
+ "mappings": "AAiCW;AAjCX,SAAS,eAAe,aAAa,UAAU,gBAAgB;AAKxD,SAAS,OACd,WACA,OAAO;AAAA,EACL,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,eAAe;AACjB,GACA;AACA,QAAM,UAAU,CAAC,YAAuB;AACtC,UAAM,QAAQ,SAAS,OAAO;AAC9B,UAAM,QAAQ,SAAS;AAEvB,UAAM,eAAe,MAAM,SAAS,KAAK;AACzC,UAAM,QAAQ;AAAA,OACX,gBAAgB,QAAQ,MAAM,YAAY,IAAI,WAC7C,MAAM,UACL,CAAC,MAAM,eAAe,MAAM,QAAQ,SACrC,KAAK;AAAA,IACT;AAEA,UAAM,OACJ,OAAO,MAAM,SAAS,WAAW,cAAc,MAAM,MAAM,MAAM,IAAI,MAAM;AAE7E,UAAM,cACJ,OAAO,MAAM,gBAAgB,WACzB,cAAc,MAAM,aAAa,MAAM,IACvC,MAAM,eAAe,GAAG,KAAK;AAEnC,WAAO,oBAAC,aAAW,GAAG,OAAO,OAAc,MAAY,aAA0B;AAAA,EACnF;AAEA,SAAO;AACT;",
5
5
  "names": []
6
6
  }
package/dist/jsx/themed.js CHANGED
@@ -1,14 +1,18 @@
1
1
  import { getTokenValue, getVariable, useProps, useTheme } from "@tamagui/core";
2
- function themed(Component) {
2
+ function themed(Component, opts = {
3
+ defaultThemeColor: "black",
4
+ defaultStrokeWidth: 2,
5
+ fallbackColor: "#000"
6
+ }) {
3
7
  const wrapped = (propsIn) => {
4
8
  const props = useProps(propsIn);
5
9
  const theme = useTheme();
6
- const defaultColor = props.color ?? "black";
10
+ const defaultColor = props.color ?? opts.defaultThemeColor;
7
11
  const color = getVariable(
8
- (defaultColor in theme ? theme[defaultColor] : void 0) || props.color || (!props.disableTheme ? theme.color : null) || "#000"
12
+ (defaultColor in theme ? theme[defaultColor] : void 0) || props.color || (!props.disableTheme ? theme.color : null) || opts.fallbackColor
9
13
  );
10
14
  const size = typeof props.size === "string" ? getTokenValue(props.size, "size") : props.size;
11
- const strokeWidth = typeof props.strokeWidth === "string" ? getTokenValue(props.strokeWidth, "size") : props.strokeWidth ?? "2";
15
+ const strokeWidth = typeof props.strokeWidth === "string" ? getTokenValue(props.strokeWidth, "size") : props.strokeWidth ?? `${opts.defaultStrokeWidth}`;
12
16
  return <Component {...props} color={color} size={size} strokeWidth={strokeWidth} />;
13
17
  };
14
18
  return wrapped;
package/dist/jsx/themed.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/themed.tsx"],
4
- "mappings": "AAAA,SAAS,eAAe,aAAa,UAAU,gBAAgB;AAKxD,SAAS,OAAO,WAAgC;AACrD,QAAM,UAAU,CAAC,YAAuB;AACtC,UAAM,QAAQ,SAAS,OAAO;AAC9B,UAAM,QAAQ,SAAS;AAEvB,UAAM,eAAe,MAAM,SAAS;AACpC,UAAM,QAAQ;AAAA,OACX,gBAAgB,QAAQ,MAAM,YAAY,IAAI,WAC7C,MAAM,UACL,CAAC,MAAM,eAAe,MAAM,QAAQ,SACrC;AAAA,IACJ;AAEA,UAAM,OACJ,OAAO,MAAM,SAAS,WAAW,cAAc,MAAM,MAAM,MAAM,IAAI,MAAM;AAE7E,UAAM,cACJ,OAAO,MAAM,gBAAgB,WACzB,cAAc,MAAM,aAAa,MAAM,IACvC,MAAM,eAAe;AAE3B,WAAO,CAAC,cAAc,OAAO,OAAO,OAAO,MAAM,MAAM,aAAa,aAAa;AAAA,EACnF;AAEA,SAAO;AACT;",
4
+ "mappings": "AAAA,SAAS,eAAe,aAAa,UAAU,gBAAgB;AAKxD,SAAS,OACd,WACA,OAAO;AAAA,EACL,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,eAAe;AACjB,GACA;AACA,QAAM,UAAU,CAAC,YAAuB;AACtC,UAAM,QAAQ,SAAS,OAAO;AAC9B,UAAM,QAAQ,SAAS;AAEvB,UAAM,eAAe,MAAM,SAAS,KAAK;AACzC,UAAM,QAAQ;AAAA,OACX,gBAAgB,QAAQ,MAAM,YAAY,IAAI,WAC7C,MAAM,UACL,CAAC,MAAM,eAAe,MAAM,QAAQ,SACrC,KAAK;AAAA,IACT;AAEA,UAAM,OACJ,OAAO,MAAM,SAAS,WAAW,cAAc,MAAM,MAAM,MAAM,IAAI,MAAM;AAE7E,UAAM,cACJ,OAAO,MAAM,gBAAgB,WACzB,cAAc,MAAM,aAAa,MAAM,IACvC,MAAM,eAAe,GAAG,KAAK;AAEnC,WAAO,CAAC,cAAc,OAAO,OAAO,OAAO,MAAM,MAAM,aAAa,aAAa;AAAA,EACnF;AAEA,SAAO;AACT;",
5
5
  "names": []
6
6
  }
package/dist/jsx/themed.mjs CHANGED
@@ -1,14 +1,18 @@
1
1
  import { getTokenValue, getVariable, useProps, useTheme } from "@tamagui/core";
2
- function themed(Component) {
2
+ function themed(Component, opts = {
3
+ defaultThemeColor: "black",
4
+ defaultStrokeWidth: 2,
5
+ fallbackColor: "#000"
6
+ }) {
3
7
  const wrapped = (propsIn) => {
4
8
  const props = useProps(propsIn);
5
9
  const theme = useTheme();
6
- const defaultColor = props.color ?? "black";
10
+ const defaultColor = props.color ?? opts.defaultThemeColor;
7
11
  const color = getVariable(
8
- (defaultColor in theme ? theme[defaultColor] : void 0) || props.color || (!props.disableTheme ? theme.color : null) || "#000"
12
+ (defaultColor in theme ? theme[defaultColor] : void 0) || props.color || (!props.disableTheme ? theme.color : null) || opts.fallbackColor
9
13
  );
10
14
  const size = typeof props.size === "string" ? getTokenValue(props.size, "size") : props.size;
11
- const strokeWidth = typeof props.strokeWidth === "string" ? getTokenValue(props.strokeWidth, "size") : props.strokeWidth ?? "2";
15
+ const strokeWidth = typeof props.strokeWidth === "string" ? getTokenValue(props.strokeWidth, "size") : props.strokeWidth ?? `${opts.defaultStrokeWidth}`;
12
16
  return <Component {...props} color={color} size={size} strokeWidth={strokeWidth} />;
13
17
  };
14
18
  return wrapped;
package/dist/jsx/themed.mjs.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/themed.tsx"],
4
- "mappings": "AAAA,SAAS,eAAe,aAAa,UAAU,gBAAgB;AAKxD,SAAS,OAAO,WAAgC;AACrD,QAAM,UAAU,CAAC,YAAuB;AACtC,UAAM,QAAQ,SAAS,OAAO;AAC9B,UAAM,QAAQ,SAAS;AAEvB,UAAM,eAAe,MAAM,SAAS;AACpC,UAAM,QAAQ;AAAA,OACX,gBAAgB,QAAQ,MAAM,YAAY,IAAI,WAC7C,MAAM,UACL,CAAC,MAAM,eAAe,MAAM,QAAQ,SACrC;AAAA,IACJ;AAEA,UAAM,OACJ,OAAO,MAAM,SAAS,WAAW,cAAc,MAAM,MAAM,MAAM,IAAI,MAAM;AAE7E,UAAM,cACJ,OAAO,MAAM,gBAAgB,WACzB,cAAc,MAAM,aAAa,MAAM,IACvC,MAAM,eAAe;AAE3B,WAAO,CAAC,cAAc,OAAO,OAAO,OAAO,MAAM,MAAM,aAAa,aAAa;AAAA,EACnF;AAEA,SAAO;AACT;",
4
+ "mappings": "AAAA,SAAS,eAAe,aAAa,UAAU,gBAAgB;AAKxD,SAAS,OACd,WACA,OAAO;AAAA,EACL,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,eAAe;AACjB,GACA;AACA,QAAM,UAAU,CAAC,YAAuB;AACtC,UAAM,QAAQ,SAAS,OAAO;AAC9B,UAAM,QAAQ,SAAS;AAEvB,UAAM,eAAe,MAAM,SAAS,KAAK;AACzC,UAAM,QAAQ;AAAA,OACX,gBAAgB,QAAQ,MAAM,YAAY,IAAI,WAC7C,MAAM,UACL,CAAC,MAAM,eAAe,MAAM,QAAQ,SACrC,KAAK;AAAA,IACT;AAEA,UAAM,OACJ,OAAO,MAAM,SAAS,WAAW,cAAc,MAAM,MAAM,MAAM,IAAI,MAAM;AAE7E,UAAM,cACJ,OAAO,MAAM,gBAAgB,WACzB,cAAc,MAAM,aAAa,MAAM,IACvC,MAAM,eAAe,GAAG,KAAK;AAEnC,WAAO,CAAC,cAAc,OAAO,OAAO,OAAO,MAAM,MAAM,aAAa,aAAa;AAAA,EACnF;AAEA,SAAO;AACT;",
5
5
  "names": []
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/helpers-icon",
3
- "version": "1.35.0",
3
+ "version": "1.35.2",
4
4
  "sideEffects": false,
5
5
  "description": "Utilities for icon packages",
6
6
  "source": "src/index.ts",
@@ -21,14 +21,14 @@
21
21
  },
22
22
  "license": "MIT",
23
23
  "dependencies": {
24
- "@tamagui/core": "1.35.0"
24
+ "@tamagui/core": "1.35.2"
25
25
  },
26
26
  "peerDependencies": {
27
27
  "react": "*",
28
28
  "react-native-svg": ">=12"
29
29
  },
30
30
  "devDependencies": {
31
- "@tamagui/build": "1.35.0",
31
+ "@tamagui/build": "1.35.2",
32
32
  "react": "^18.2.0",
33
33
  "react-native-svg": "13.4.0"
34
34
  }
package/src/themed.tsx CHANGED
@@ -3,17 +3,24 @@ import React from 'react'
3
3
 
4
4
  import { IconProps } from './IconProps'
5
5
 
6
- export function themed(Component: React.FC<IconProps>) {
6
+ export function themed(
7
+ Component: React.FC<IconProps>,
8
+ opts = {
9
+ defaultThemeColor: 'black',
10
+ defaultStrokeWidth: 2,
11
+ fallbackColor: '#000',
12
+ }
13
+ ) {
7
14
  const wrapped = (propsIn: IconProps) => {
8
15
  const props = useProps(propsIn)
9
16
  const theme = useTheme()
10
17
 
11
- const defaultColor = props.color ?? 'black'
18
+ const defaultColor = props.color ?? opts.defaultThemeColor
12
19
  const color = getVariable(
13
20
  (defaultColor in theme ? theme[defaultColor] : undefined) ||
14
21
  props.color ||
15
22
  (!props.disableTheme ? theme.color : null) ||
16
- '#000'
23
+ opts.fallbackColor
17
24
  )
18
25
 
19
26
  const size =
@@ -22,7 +29,7 @@ export function themed(Component: React.FC<IconProps>) {
22
29
  const strokeWidth =
23
30
  typeof props.strokeWidth === 'string'
24
31
  ? getTokenValue(props.strokeWidth, 'size')
25
- : props.strokeWidth ?? '2'
32
+ : props.strokeWidth ?? `${opts.defaultStrokeWidth}`
26
33
 
27
34
  return <Component {...props} color={color} size={size} strokeWidth={strokeWidth} />
28
35
  }
package/types/themed.d.ts CHANGED
@@ -1,4 +1,8 @@
1
1
  import React from 'react';
2
2
  import { IconProps } from './IconProps';
3
- export declare function themed(Component: React.FC<IconProps>): (propsIn: IconProps) => JSX.Element;
3
+ export declare function themed(Component: React.FC<IconProps>, opts?: {
4
+ defaultThemeColor: string;
5
+ defaultStrokeWidth: number;
6
+ fallbackColor: string;
7
+ }): (propsIn: IconProps) => JSX.Element;
4
8
  //# sourceMappingURL=themed.d.ts.map
package/types/IconProps.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconProps.d.ts","sourceRoot":"","sources":["../src/IconProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAClC,KAAK,CAAC,EAAE,CAAC,WAAW,GAAG,WAAW,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC"}
package/types/index.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC"}
package/types/themed.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"themed.d.ts","sourceRoot":"","sources":["../src/themed.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,wBAAgB,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,aACzB,SAAS,iBAwBpC"}