@particle-network/ui-native 0.1.3-beta.6 → 0.1.3-beta.7

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 (4) hide show
  1. package/dist/components/UXHint/index.d.ts +2 -2
  2. package/dist/components/UXHint/index.js +7 -9
  3. package/dist/icons/QuestionIcon.js +10 -19
  4. package/package.json +3 -3
package/dist/components/UXHint/index.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
2
  import type { IconProps } from '../../icons/types';
3
- import { type UXButtonProps } from '../UXButton';
3
+ import type { SquareProps } from '../layout/Square';
4
4
  import { type UXTooltipProps } from '../UXTooltip';
5
5
  export type UXHintProps = UXTooltipProps & {
6
- buttonStyle?: UXButtonProps['style'];
6
+ style?: SquareProps['style'];
7
7
  iconStyle?: IconProps['style'];
8
8
  };
9
9
  export declare const UXHint: React.FC<UXHintProps>;
package/dist/components/UXHint/index.js CHANGED
@@ -2,23 +2,21 @@ import { jsx } from "react/jsx-runtime";
2
2
  import "react";
3
3
  import { useMs } from "../../hooks/index.js";
4
4
  import QuestionIcon from "../../icons/QuestionIcon.js";
5
- import { UXButton } from "../UXButton/index.js";
5
+ import { Square } from "../layout/Square.js";
6
6
  import { UXTooltip } from "../UXTooltip/index.js";
7
7
  const UXHint = (props)=>{
8
- const { content, children, buttonStyle, iconStyle, ...restProps } = props;
8
+ const { content, children, iconStyle, style, ...restProps } = props;
9
9
  const { ms } = useMs();
10
10
  return /*#__PURE__*/ jsx(UXTooltip, {
11
11
  content: content || children,
12
12
  ...restProps,
13
- children: /*#__PURE__*/ jsx(UXButton, {
14
- isIconOnly: true,
15
- variant: "light",
16
- size: "xs",
17
- color: "secondary",
18
- style: buttonStyle,
13
+ children: /*#__PURE__*/ jsx(Square, {
14
+ center: true,
15
+ size: 20,
16
+ style: style,
19
17
  children: /*#__PURE__*/ jsx(QuestionIcon, {
20
18
  color: "secondary",
21
- size: ms(12),
19
+ size: ms(14),
22
20
  style: iconStyle
23
21
  })
24
22
  })
package/dist/icons/QuestionIcon.js CHANGED
@@ -1,29 +1,20 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
1
+ import { jsx } from "react/jsx-runtime";
2
2
  import "react";
3
- import react_native_svg, { Circle, Path } from "react-native-svg";
3
+ import react_native_svg, { Path } from "react-native-svg";
4
4
  import { useColors } from "../hooks/index.js";
5
5
  const QuestionIcon_QuestionIcon = ({ size = 16, color = 'default', ...props })=>{
6
6
  const { getColor } = useColors();
7
7
  const colorValue = getColor(color);
8
- return /*#__PURE__*/ jsxs(react_native_svg, {
9
- fill: "none",
10
- height: size,
11
- viewBox: "0 0 12 12",
8
+ return /*#__PURE__*/ jsx(react_native_svg, {
12
9
  width: size,
10
+ height: size,
11
+ viewBox: "0 0 24 24",
12
+ fill: "none",
13
13
  ...props,
14
- children: [
15
- /*#__PURE__*/ jsx(Circle, {
16
- cx: 6,
17
- cy: 6,
18
- r: 5.611,
19
- stroke: colorValue,
20
- strokeWidth: 0.778
21
- }),
22
- /*#__PURE__*/ jsx(Path, {
23
- d: "M12 1.90039C17.5781 1.90039 22.0996 6.42192 22.0996 12C22.0996 17.5781 17.5781 22.0996 12 22.0996C6.42192 22.0996 1.90039 17.5781 1.90039 12C1.90039 6.42192 6.42192 1.90039 12 1.90039ZM12 3.39551C7.24831 3.39551 3.39551 7.24831 3.39551 12C3.39551 16.7517 7.24831 20.6045 12 20.6045C16.7517 20.6045 20.6045 16.7517 20.6045 12C20.6045 7.24831 16.7517 3.39551 12 3.39551ZM11.5664 15.5703C11.8333 15.4158 12.1618 15.4158 12.4287 15.5703C12.5596 15.6462 12.6687 15.7559 12.7441 15.8867C12.8196 16.0177 12.8593 16.1669 12.8594 16.3184L12.8555 16.4062C12.8141 16.8119 12.4906 17.1347 12.085 17.1758L11.9971 17.1797C11.5216 17.1794 11.1359 16.7939 11.1357 16.3184C11.1357 16.0089 11.2997 15.7251 11.5664 15.5703ZM11.9893 6.82129C12.9078 6.81929 13.7973 7.18095 14.4258 7.81152C15.0097 8.3997 15.3109 9.15936 15.2676 9.94922C15.2451 10.3506 15.1678 10.7145 14.9336 11.1309C14.7012 11.544 14.317 12.0048 13.6875 12.6045C13.3697 12.9064 13.1143 13.1681 12.9346 13.4014C12.754 13.6358 12.6577 13.8315 12.6406 14.0029C12.6077 14.3258 12.3546 14.5717 12.0439 14.6279L11.9082 14.6396C11.8811 14.6396 11.8565 14.6376 11.8359 14.6357C11.4356 14.5993 11.1343 14.2558 11.1738 13.8633C11.2657 12.9821 11.9428 12.2786 12.6504 11.6045C13.218 11.0645 13.4993 10.7151 13.6416 10.4609C13.7801 10.2133 13.7892 10.0531 13.7988 9.87598C13.8208 9.48028 13.6678 9.09478 13.3613 8.79004L13.3604 8.78906C13.0109 8.4381 12.5131 8.23535 11.9971 8.23535H11.9932C11.0002 8.23755 10.1963 9.00926 10.1963 9.94531C10.1961 10.3405 9.86325 10.6493 9.45996 10.6494C9.05615 10.6494 8.72381 10.3381 8.72363 9.94336C8.72363 9.10996 9.06369 8.32601 9.67969 7.73633C10.296 7.14663 11.1173 6.82341 11.9893 6.82129Z",
24
- fill: colorValue
25
- })
26
- ]
14
+ children: /*#__PURE__*/ jsx(Path, {
15
+ d: "M12 1.90039C17.5781 1.90039 22.0996 6.42192 22.0996 12C22.0996 17.5781 17.5781 22.0996 12 22.0996C6.42192 22.0996 1.90039 17.5781 1.90039 12C1.90039 6.42192 6.42192 1.90039 12 1.90039ZM12 3.39551C7.24831 3.39551 3.39551 7.24831 3.39551 12C3.39551 16.7517 7.24831 20.6045 12 20.6045C16.7517 20.6045 20.6045 16.7517 20.6045 12C20.6045 7.24831 16.7517 3.39551 12 3.39551ZM11.5664 15.5703C11.8333 15.4158 12.1618 15.4158 12.4287 15.5703C12.5596 15.6462 12.6687 15.7559 12.7441 15.8867C12.8196 16.0177 12.8593 16.1669 12.8594 16.3184L12.8555 16.4062C12.8141 16.8119 12.4906 17.1347 12.085 17.1758L11.9971 17.1797C11.5216 17.1794 11.1359 16.7939 11.1357 16.3184C11.1357 16.0089 11.2997 15.7251 11.5664 15.5703ZM11.9893 6.82129C12.9078 6.81929 13.7973 7.18095 14.4258 7.81152C15.0097 8.3997 15.3109 9.15936 15.2676 9.94922C15.2451 10.3506 15.1678 10.7145 14.9336 11.1309C14.7012 11.544 14.317 12.0048 13.6875 12.6045C13.3697 12.9064 13.1143 13.1681 12.9346 13.4014C12.754 13.6358 12.6577 13.8315 12.6406 14.0029C12.6077 14.3258 12.3546 14.5717 12.0439 14.6279L11.9082 14.6396C11.8811 14.6396 11.8565 14.6376 11.8359 14.6357C11.4356 14.5993 11.1343 14.2558 11.1738 13.8633C11.2657 12.9821 11.9428 12.2786 12.6504 11.6045C13.218 11.0645 13.4993 10.7151 13.6416 10.4609C13.7801 10.2133 13.7892 10.0531 13.7988 9.87598C13.8208 9.48028 13.6678 9.09478 13.3613 8.79004L13.3604 8.78906C13.0109 8.4381 12.5131 8.23535 11.9971 8.23535H11.9932C11.0002 8.23755 10.1963 9.00926 10.1963 9.94531C10.1961 10.3405 9.86325 10.6493 9.45996 10.6494C9.05615 10.6494 8.72381 10.3381 8.72363 9.94336C8.72363 9.10996 9.06369 8.32601 9.67969 7.73633C10.296 7.14663 11.1173 6.82341 11.9893 6.82129Z",
16
+ fill: colorValue
17
+ })
27
18
  });
28
19
  };
29
20
  const QuestionIcon = QuestionIcon_QuestionIcon;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@particle-network/ui-native",
3
- "version": "0.1.3-beta.6",
3
+ "version": "0.1.3-beta.7",
4
4
  "main": "./entry.js",
5
5
  "react-native": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -89,8 +89,8 @@
89
89
  "vite": "^6.3.5",
90
90
  "zustand": "^5.0.8",
91
91
  "@particle-network/eslint-config": "0.2.0",
92
- "@particle-network/icons": "0.1.2-beta.7",
93
- "@particle-network/lintstaged-config": "0.0.0"
92
+ "@particle-network/lintstaged-config": "0.0.0",
93
+ "@particle-network/icons": "0.1.2-beta.7"
94
94
  },
95
95
  "overrides": {
96
96
  "react-docgen-typescript": "2.2.2",