aidos-ui 3.0.17 → 3.0.18
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.
- package/dist/Button.js +3 -4
- package/dist/Button.js.map +1 -1
- package/dist/Link.js +4 -5
- package/dist/Link.js.map +1 -1
- package/package.json +1 -1
- package/src/Button.tsx +2 -1
- package/src/Link.tsx +12 -3
package/dist/Button.js
CHANGED
|
@@ -5,15 +5,14 @@ import { Text } from "./Text";
|
|
|
5
5
|
import { Row } from "./Row";
|
|
6
6
|
import { Icon } from "./Icon";
|
|
7
7
|
import { getGlyphColor } from "./Interactable";
|
|
8
|
-
import { cssVar
|
|
9
|
-
export const Button = React.forwardRef(({ label, color, bare, disabled, icon, iconSize = "medium", iconPosition = "left", align = "center", gap = "small", justify = "center", jsStyle, size = "medium", bold, ...otherProps }, ref) => {
|
|
10
|
-
return (_jsx(BaseButton, { ...otherProps, bare: bare, ref: ref, color: color, disabled: disabled, jsStyle: [
|
|
8
|
+
import { cssVar } from "./jss";
|
|
9
|
+
export const Button = React.forwardRef(({ label, color, bare, disabled, icon, iconSize = "medium", iconPosition = "left", align = "center", gap = "small", justify = "center", jsStyle, size = "medium", bold, padding = "medium", ...otherProps }, ref) => {
|
|
10
|
+
return (_jsx(BaseButton, { ...otherProps, bare: bare, ref: ref, color: color, disabled: disabled, padding: padding, jsStyle: [
|
|
11
11
|
{
|
|
12
12
|
borderRadius: cssVar("--border-radius-m"),
|
|
13
13
|
justifyContent: "center",
|
|
14
14
|
userSelect: "none",
|
|
15
15
|
},
|
|
16
|
-
getPadding("medium"),
|
|
17
16
|
jsStyle,
|
|
18
17
|
], children: _jsxs(Row, { grow: true, align: align, gap: gap, justify: justify, children: [icon && iconPosition === "left" && (_jsx(Icon, { icon: icon, size: iconSize, color: getGlyphColor(color, disabled, bare) })), _jsx(Text, { bold: bold, size: size, color: getGlyphColor(color, disabled, bare), children: label }), icon && iconPosition === "right" && (_jsx(Icon, { icon: icon, size: iconSize, color: getGlyphColor(color, disabled, bare) }))] }) }));
|
|
19
18
|
});
|
package/dist/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAqB,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAA6B,MAAM,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAqB,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAA6B,MAAM,EAAc,MAAM,OAAO,CAAC;AAiBtE,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CACE,EACE,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,QAAQ,GAAG,QAAQ,EACnB,YAAY,GAAG,MAAM,EACrB,KAAK,GAAG,QAAQ,EAChB,GAAG,GAAG,OAAO,EACb,OAAO,GAAG,QAAQ,EAClB,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,IAAI,EACJ,OAAO,GAAG,QAAQ,EAClB,GAAG,UAAU,EACD,EACd,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,KAAC,UAAU,OACL,UAAU,EACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE;YACP;gBACE,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBACzC,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,MAAM;aACnB;YACD,OAAO;SACR,YAED,MAAC,GAAG,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,aACtD,IAAI,IAAI,YAAY,KAAK,MAAM,IAAI,CAClC,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,CACH,EACD,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,YAE1C,KAAK,GACD,EACN,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,CACnC,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,CACH,IACG,GACK,CACd,CAAC;AACJ,CAAC,CACF,CAAC"}
|
package/dist/Link.js
CHANGED
|
@@ -5,14 +5,13 @@ import { Text } from "./Text";
|
|
|
5
5
|
import { Row } from "./Row";
|
|
6
6
|
import { Icon } from "./Icon";
|
|
7
7
|
import { getGlyphColor, getCSSColor } from "./Interactable";
|
|
8
|
-
import { cssVar } from "./jss";
|
|
9
|
-
export const Link = React.forwardRef(({ label, color, bare, disabled, icon, underline, iconSize = "medium", iconPosition = "left", align = "center", gap = "small", justify = "center", jsStyle, size = "medium", bold, ...otherProps }, ref) => {
|
|
10
|
-
return (_jsx(BaseLink, { ...otherProps, bare: bare, ref: ref, color: color, disabled: disabled, jsStyle: [
|
|
8
|
+
import { cssVar, } from "./jss";
|
|
9
|
+
export const Link = React.forwardRef(({ label, color, bare, disabled, icon, underline, iconSize = "medium", iconPosition = "left", align = "center", gap = "small", justify = "center", jsStyle, size = "medium", padding = "medium", bold, ...otherProps }, ref) => {
|
|
10
|
+
return (_jsx(BaseLink, { ...otherProps, bare: bare, ref: ref, color: color, disabled: disabled, padding: padding, jsStyle: [
|
|
11
11
|
{
|
|
12
|
-
borderRadius: "
|
|
12
|
+
borderRadius: cssVar("--border-radius-m"),
|
|
13
13
|
justifyContent: "center",
|
|
14
14
|
userSelect: "none",
|
|
15
|
-
padding: cssVar("--spacing-m"),
|
|
16
15
|
display: "inline-flex",
|
|
17
16
|
textDecoration: "none",
|
|
18
17
|
},
|
package/dist/Link.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAqB,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,
|
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAqB,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAKL,MAAM,GAGP,MAAM,OAAO,CAAC;AAkBf,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EACE,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,QAAQ,GAAG,QAAQ,EACnB,YAAY,GAAG,MAAM,EACrB,KAAK,GAAG,QAAQ,EAChB,GAAG,GAAG,OAAO,EACb,OAAO,GAAG,QAAQ,EAClB,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,QAAQ,EAClB,IAAI,EACJ,GAAG,UAAU,EACH,EACZ,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,KAAC,QAAQ,OACH,UAAU,EACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE;YACP;gBACE,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBACzC,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,MAAM;gBAClB,OAAO,EAAE,aAAa;gBACtB,cAAc,EAAE,MAAM;aACvB;YACD,SAAS,IAAI;gBACX,kBAAkB,EAAE,WAAW;gBAC/B,uBAAuB,EAAE,KAAK;gBAC9B,mBAAmB,EAAE,KAAK;gBAC1B,mBAAmB,EAAE,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC;aACxD;YACD,OAAO;SACR,YAED,MAAC,GAAG,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,aACtD,IAAI,IAAI,YAAY,KAAK,MAAM,IAAI,CAClC,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,CACH,EACD,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,YAE1C,KAAK,GACD,EACN,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,CACnC,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,CACH,IACG,GACG,CACZ,CAAC;AACJ,CAAC,CACF,CAAC"}
|
package/package.json
CHANGED
package/src/Button.tsx
CHANGED
|
@@ -40,6 +40,7 @@ export const Button = React.forwardRef(
|
|
|
40
40
|
jsStyle,
|
|
41
41
|
size = "medium",
|
|
42
42
|
bold,
|
|
43
|
+
padding = "medium",
|
|
43
44
|
...otherProps
|
|
44
45
|
}: ButtonProps,
|
|
45
46
|
ref?: React.Ref<HTMLButtonElement>
|
|
@@ -51,13 +52,13 @@ export const Button = React.forwardRef(
|
|
|
51
52
|
ref={ref}
|
|
52
53
|
color={color}
|
|
53
54
|
disabled={disabled}
|
|
55
|
+
padding={padding}
|
|
54
56
|
jsStyle={[
|
|
55
57
|
{
|
|
56
58
|
borderRadius: cssVar("--border-radius-m"),
|
|
57
59
|
justifyContent: "center",
|
|
58
60
|
userSelect: "none",
|
|
59
61
|
},
|
|
60
|
-
getPadding("medium"),
|
|
61
62
|
jsStyle,
|
|
62
63
|
]}
|
|
63
64
|
>
|
package/src/Link.tsx
CHANGED
|
@@ -7,7 +7,15 @@ import { Row } from "./Row";
|
|
|
7
7
|
import { Icon } from "./Icon";
|
|
8
8
|
import { FlexLayoutProps } from "./FlexLayout";
|
|
9
9
|
import { InteractableColor, getGlyphColor, getCSSColor } from "./Interactable";
|
|
10
|
-
import {
|
|
10
|
+
import {
|
|
11
|
+
Size,
|
|
12
|
+
Align,
|
|
13
|
+
Gap,
|
|
14
|
+
Justify,
|
|
15
|
+
cssVar,
|
|
16
|
+
JSStylesProvider,
|
|
17
|
+
getPadding,
|
|
18
|
+
} from "./jss";
|
|
11
19
|
|
|
12
20
|
export interface LinkProps extends BaseLinkProps {
|
|
13
21
|
label: string;
|
|
@@ -41,6 +49,7 @@ export const Link = React.forwardRef(
|
|
|
41
49
|
justify = "center",
|
|
42
50
|
jsStyle,
|
|
43
51
|
size = "medium",
|
|
52
|
+
padding = "medium",
|
|
44
53
|
bold,
|
|
45
54
|
...otherProps
|
|
46
55
|
}: LinkProps,
|
|
@@ -53,12 +62,12 @@ export const Link = React.forwardRef(
|
|
|
53
62
|
ref={ref}
|
|
54
63
|
color={color}
|
|
55
64
|
disabled={disabled}
|
|
65
|
+
padding={padding}
|
|
56
66
|
jsStyle={[
|
|
57
67
|
{
|
|
58
|
-
borderRadius: "
|
|
68
|
+
borderRadius: cssVar("--border-radius-m"),
|
|
59
69
|
justifyContent: "center",
|
|
60
70
|
userSelect: "none",
|
|
61
|
-
padding: cssVar("--spacing-m"),
|
|
62
71
|
display: "inline-flex",
|
|
63
72
|
textDecoration: "none",
|
|
64
73
|
},
|