@telepix-lab/telepix-ui 0.0.1

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 (81) hide show
  1. package/README.md +74 -0
  2. package/dist/cjs/button/index.d.ts +25 -0
  3. package/dist/cjs/button/styles.d.ts +95 -0
  4. package/dist/cjs/card/index.d.ts +27 -0
  5. package/dist/cjs/card/styles.d.ts +29 -0
  6. package/dist/cjs/checkbox/index.d.ts +24 -0
  7. package/dist/cjs/checkbox/styles.d.ts +43 -0
  8. package/dist/cjs/dialog/index.d.ts +34 -0
  9. package/dist/cjs/dialog/styles.d.ts +23 -0
  10. package/dist/cjs/horizontal-tab/index.d.ts +16 -0
  11. package/dist/cjs/horizontal-tab/styles.d.ts +74 -0
  12. package/dist/cjs/index.d.ts +37 -0
  13. package/dist/cjs/index.js +11067 -0
  14. package/dist/cjs/index.js.map +1 -0
  15. package/dist/cjs/input/index.d.ts +28 -0
  16. package/dist/cjs/input/styles.d.ts +75 -0
  17. package/dist/cjs/mode-tab/index.d.ts +14 -0
  18. package/dist/cjs/mode-tab/styles.d.ts +49 -0
  19. package/dist/cjs/radio-group/index.d.ts +32 -0
  20. package/dist/cjs/radio-group/styles.d.ts +47 -0
  21. package/dist/cjs/select/index.d.ts +61 -0
  22. package/dist/cjs/select/styles.d.ts +107 -0
  23. package/dist/cjs/styles/common.d.ts +7 -0
  24. package/dist/cjs/styles/layout.stylex.d.ts +19 -0
  25. package/dist/cjs/styles/primitiveColors.stylex.d.ts +175 -0
  26. package/dist/cjs/styles/semanticColors.stylex.d.ts +50 -0
  27. package/dist/cjs/styles/shadow.stylex.d.ts +11 -0
  28. package/dist/cjs/styles/transitions.stylex.d.ts +6 -0
  29. package/dist/cjs/styles/typography.stylex.d.ts +43 -0
  30. package/dist/cjs/styles.css +1265 -0
  31. package/dist/cjs/tag/index.d.ts +32 -0
  32. package/dist/cjs/tag/styles.d.ts +82 -0
  33. package/dist/cjs/text/index.d.ts +31 -0
  34. package/dist/cjs/text/styles.d.ts +290 -0
  35. package/dist/cjs/textarea/index.d.ts +20 -0
  36. package/dist/cjs/textarea/styles.d.ts +30 -0
  37. package/dist/cjs/tooltip/index.d.ts +20 -0
  38. package/dist/cjs/tooltip/styles.d.ts +59 -0
  39. package/dist/cjs/vertical-menu/index.d.ts +17 -0
  40. package/dist/cjs/vertical-menu/styles.d.ts +84 -0
  41. package/dist/esm/button/index.d.ts +25 -0
  42. package/dist/esm/button/styles.d.ts +95 -0
  43. package/dist/esm/card/index.d.ts +27 -0
  44. package/dist/esm/card/styles.d.ts +29 -0
  45. package/dist/esm/checkbox/index.d.ts +24 -0
  46. package/dist/esm/checkbox/styles.d.ts +43 -0
  47. package/dist/esm/dialog/index.d.ts +34 -0
  48. package/dist/esm/dialog/styles.d.ts +23 -0
  49. package/dist/esm/horizontal-tab/index.d.ts +16 -0
  50. package/dist/esm/horizontal-tab/styles.d.ts +74 -0
  51. package/dist/esm/index.d.ts +37 -0
  52. package/dist/esm/index.js +10954 -0
  53. package/dist/esm/index.js.map +1 -0
  54. package/dist/esm/input/index.d.ts +28 -0
  55. package/dist/esm/input/styles.d.ts +75 -0
  56. package/dist/esm/mode-tab/index.d.ts +14 -0
  57. package/dist/esm/mode-tab/styles.d.ts +49 -0
  58. package/dist/esm/radio-group/index.d.ts +32 -0
  59. package/dist/esm/radio-group/styles.d.ts +47 -0
  60. package/dist/esm/select/index.d.ts +61 -0
  61. package/dist/esm/select/styles.d.ts +107 -0
  62. package/dist/esm/styles/common.d.ts +7 -0
  63. package/dist/esm/styles/layout.stylex.d.ts +19 -0
  64. package/dist/esm/styles/primitiveColors.stylex.d.ts +175 -0
  65. package/dist/esm/styles/semanticColors.stylex.d.ts +50 -0
  66. package/dist/esm/styles/shadow.stylex.d.ts +11 -0
  67. package/dist/esm/styles/transitions.stylex.d.ts +6 -0
  68. package/dist/esm/styles/typography.stylex.d.ts +43 -0
  69. package/dist/esm/styles.css +1265 -0
  70. package/dist/esm/tag/index.d.ts +32 -0
  71. package/dist/esm/tag/styles.d.ts +82 -0
  72. package/dist/esm/text/index.d.ts +31 -0
  73. package/dist/esm/text/styles.d.ts +290 -0
  74. package/dist/esm/textarea/index.d.ts +20 -0
  75. package/dist/esm/textarea/styles.d.ts +30 -0
  76. package/dist/esm/tooltip/index.d.ts +20 -0
  77. package/dist/esm/tooltip/styles.d.ts +59 -0
  78. package/dist/esm/vertical-menu/index.d.ts +17 -0
  79. package/dist/esm/vertical-menu/styles.d.ts +84 -0
  80. package/dist/index.d.ts +1762 -0
  81. package/package.json +115 -0
package/dist/esm/vertical-menu/index.d.ts ADDED
@@ -0,0 +1,17 @@
1
+ import React from "react";
2
+ import { VerticalMenuSizeStyles, VerticalMenuVariantStyles } from "./styles";
3
+ interface VerticalMenusProps extends React.HTMLAttributes<HTMLDivElement> {
4
+ disabled?: boolean;
5
+ value?: string;
6
+ onValueChange?: (value: string) => void;
7
+ }
8
+ export declare const VerticalMenus: React.ForwardRefExoticComponent<VerticalMenusProps & React.RefAttributes<HTMLDivElement>>;
9
+ interface VerticalMenuProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
10
+ value: string;
11
+ label?: string;
12
+ icon?: React.ReactNode;
13
+ variant?: VerticalMenuVariantStyles;
14
+ size?: VerticalMenuSizeStyles;
15
+ }
16
+ export declare const VerticalMenu: React.ForwardRefExoticComponent<Omit<VerticalMenuProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
17
+ export {};
package/dist/esm/vertical-menu/styles.d.ts ADDED
@@ -0,0 +1,84 @@
1
+ export declare const verticalMenusWrapperStyles: Readonly<{
2
+ readonly base: Readonly<{
3
+ readonly display: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"display", "flex">;
4
+ readonly flexDirection: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"flexDirection", "column">;
5
+ readonly width: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"width", "100%">;
6
+ readonly gap: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"gap", "8px">;
7
+ readonly padding: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"padding", "8px">;
8
+ }>;
9
+ }>;
10
+ export declare const verticalMenuIconStyles: Readonly<{
11
+ readonly base: Readonly<{
12
+ readonly display: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"display", "flex">;
13
+ readonly alignItems: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"alignItems", "center">;
14
+ readonly justifyContent: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"justifyContent", "center">;
15
+ readonly width: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"width", "20px">;
16
+ readonly height: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"height", "20px">;
17
+ }>;
18
+ }>;
19
+ export declare const verticalMenuStyles: Readonly<{
20
+ readonly base: Readonly<{
21
+ readonly width: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"width", "100%">;
22
+ readonly display: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"display", "flex">;
23
+ readonly alignItems: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"alignItems", "center">;
24
+ readonly borderRadius: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"borderRadius", "6px">;
25
+ readonly fontSize: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"fontSize", string>;
26
+ readonly lineHeight: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"lineHeight", string>;
27
+ readonly fontWeight: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"fontWeight", string>;
28
+ readonly backgroundColor: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"backgroundColor", string>;
29
+ readonly border: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"border", "none">;
30
+ readonly cursor: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"cursor", "pointer">;
31
+ }>;
32
+ readonly small: Readonly<{
33
+ readonly gap: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"gap", "12px">;
34
+ readonly padding: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"padding", "4px">;
35
+ }>;
36
+ readonly regular: Readonly<{
37
+ readonly gap: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"gap", "18px">;
38
+ readonly padding: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"padding", "10px">;
39
+ }>;
40
+ readonly accent: Readonly<{
41
+ readonly color: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"color", string>;
42
+ readonly ":hover:not(:is([data-selected='true'])):not(:disabled)": import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<":hover:not(:is([data-selected='true'])):not(:disabled)", {
43
+ readonly color: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXVar<string>;
44
+ readonly backgroundColor: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXVar<string>;
45
+ }>;
46
+ readonly ":active:not(:disabled)": import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<":active:not(:disabled)", {
47
+ readonly color: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXVar<string>;
48
+ readonly backgroundColor: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXVar<string>;
49
+ }>;
50
+ readonly ":is([data-selected='true'])": import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<":is([data-selected='true'])", {
51
+ readonly color: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXVar<string>;
52
+ readonly backgroundColor: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXVar<string>;
53
+ readonly fontWeight: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXVar<string>;
54
+ }>;
55
+ readonly ":disabled": import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<":disabled", {
56
+ readonly color: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXVar<string>;
57
+ readonly cursor: "not-allowed";
58
+ readonly backgroundColor: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXVar<string>;
59
+ }>;
60
+ }>;
61
+ readonly ghost: Readonly<{
62
+ readonly color: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<"color", string>;
63
+ readonly ":hover:not(:is([data-selected='true']))": import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<":hover:not(:is([data-selected='true']))", {
64
+ readonly color: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXVar<string>;
65
+ readonly backgroundColor: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXVar<string>;
66
+ }>;
67
+ readonly ":active": import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<":active", {
68
+ readonly color: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXVar<string>;
69
+ readonly backgroundColor: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXVar<string>;
70
+ }>;
71
+ readonly ":is([data-selected='true'])": import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<":is([data-selected='true'])", {
72
+ readonly color: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXVar<string>;
73
+ readonly backgroundColor: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXVar<string>;
74
+ readonly fontWeight: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXVar<string>;
75
+ }>;
76
+ readonly ":disabled": import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXClassNameFor<":disabled", {
77
+ readonly color: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXVar<string>;
78
+ readonly cursor: "not-allowed";
79
+ readonly backgroundColor: import("node_modules/@stylexjs/stylex/lib/cjs/types/StyleXTypes").StyleXVar<string>;
80
+ }>;
81
+ }>;
82
+ }>;
83
+ export type VerticalMenuSizeStyles = Extract<keyof typeof verticalMenuStyles, "small" | "regular">;
84
+ export type VerticalMenuVariantStyles = Extract<keyof typeof verticalMenuStyles, "accent" | "ghost">;