@proyecto-viviana/ui 0.1.0

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 (68) hide show
  1. package/dist/alert/index.d.ts +12 -0
  2. package/dist/alert/index.d.ts.map +1 -0
  3. package/dist/avatar/index.d.ts +17 -0
  4. package/dist/avatar/index.d.ts.map +1 -0
  5. package/dist/badge/index.d.ts +12 -0
  6. package/dist/badge/index.d.ts.map +1 -0
  7. package/dist/button/Button.d.ts +19 -0
  8. package/dist/button/Button.d.ts.map +1 -0
  9. package/dist/button/index.d.ts +3 -0
  10. package/dist/button/index.d.ts.map +1 -0
  11. package/dist/button/types.d.ts +23 -0
  12. package/dist/button/types.d.ts.map +1 -0
  13. package/dist/checkbox/index.d.ts +43 -0
  14. package/dist/checkbox/index.d.ts.map +1 -0
  15. package/dist/components.css +975 -0
  16. package/dist/custom/calendar-card/index.d.ts +12 -0
  17. package/dist/custom/calendar-card/index.d.ts.map +1 -0
  18. package/dist/custom/chip/index.d.ts +11 -0
  19. package/dist/custom/chip/index.d.ts.map +1 -0
  20. package/dist/custom/conversation/index.d.ts +32 -0
  21. package/dist/custom/conversation/index.d.ts.map +1 -0
  22. package/dist/custom/event-card/index.d.ts +26 -0
  23. package/dist/custom/event-card/index.d.ts.map +1 -0
  24. package/dist/custom/lateral-nav/index.d.ts +32 -0
  25. package/dist/custom/lateral-nav/index.d.ts.map +1 -0
  26. package/dist/custom/logo/index.d.ts +26 -0
  27. package/dist/custom/logo/index.d.ts.map +1 -0
  28. package/dist/custom/nav-header/index.d.ts +12 -0
  29. package/dist/custom/nav-header/index.d.ts.map +1 -0
  30. package/dist/custom/page-layout/index.d.ts +11 -0
  31. package/dist/custom/page-layout/index.d.ts.map +1 -0
  32. package/dist/custom/profile-card/index.d.ts +12 -0
  33. package/dist/custom/profile-card/index.d.ts.map +1 -0
  34. package/dist/custom/project-card/index.d.ts +24 -0
  35. package/dist/custom/project-card/index.d.ts.map +1 -0
  36. package/dist/custom/timeline-item/index.d.ts +18 -0
  37. package/dist/custom/timeline-item/index.d.ts.map +1 -0
  38. package/dist/dialog/index.d.ts +18 -0
  39. package/dist/dialog/index.d.ts.map +1 -0
  40. package/dist/icon/icons/GitHubIcon.d.ts +7 -0
  41. package/dist/icon/icons/GitHubIcon.d.ts.map +1 -0
  42. package/dist/icon/index.d.ts +28 -0
  43. package/dist/icon/index.d.ts.map +1 -0
  44. package/dist/index.d.ts +51 -0
  45. package/dist/index.d.ts.map +1 -0
  46. package/dist/index.js +1988 -0
  47. package/dist/index.js.map +1 -0
  48. package/dist/link/index.d.ts +39 -0
  49. package/dist/link/index.d.ts.map +1 -0
  50. package/dist/progress-bar/index.d.ts +49 -0
  51. package/dist/progress-bar/index.d.ts.map +1 -0
  52. package/dist/radio/index.d.ts +43 -0
  53. package/dist/radio/index.d.ts.map +1 -0
  54. package/dist/separator/index.d.ts +42 -0
  55. package/dist/separator/index.d.ts.map +1 -0
  56. package/dist/styles.css +450 -0
  57. package/dist/switch/ToggleSwitch.d.ts +28 -0
  58. package/dist/switch/ToggleSwitch.d.ts.map +1 -0
  59. package/dist/switch/index.d.ts +26 -0
  60. package/dist/switch/index.d.ts.map +1 -0
  61. package/dist/test-utils/index.d.ts +44 -0
  62. package/dist/test-utils/index.d.ts.map +1 -0
  63. package/dist/textfield/index.d.ts +31 -0
  64. package/dist/textfield/index.d.ts.map +1 -0
  65. package/dist/theme.css +101 -0
  66. package/dist/tooltip/index.d.ts +17 -0
  67. package/dist/tooltip/index.d.ts.map +1 -0
  68. package/package.json +55 -0
@@ -0,0 +1,12 @@
1
+ import type { JSX } from 'solid-js';
2
+ export type AlertVariant = 'info' | 'success' | 'warning' | 'error';
3
+ export interface AlertProps {
4
+ children: JSX.Element;
5
+ variant?: AlertVariant;
6
+ title?: string;
7
+ dismissible?: boolean;
8
+ onDismiss?: () => void;
9
+ class?: string;
10
+ }
11
+ export declare function Alert(props: AlertProps): JSX.Element;
12
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAGnC,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAEnE,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AASD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,eA0BtC"}
@@ -0,0 +1,17 @@
1
+ export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
2
+ export interface AvatarProps {
3
+ src?: string;
4
+ alt?: string;
5
+ size?: AvatarSize;
6
+ fallback?: string;
7
+ online?: boolean;
8
+ class?: string;
9
+ }
10
+ export declare function Avatar(props: AvatarProps): import("solid-js").JSX.Element;
11
+ export interface AvatarGroupProps {
12
+ children: any;
13
+ max?: number;
14
+ size?: AvatarSize;
15
+ }
16
+ export declare function AvatarGroup(props: AvatarGroupProps): import("solid-js").JSX.Element;
17
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/avatar/index.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEzD,MAAM,WAAW,WAAW;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAUD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,kCAuCxC;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,GAAG,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kCAMlD"}
@@ -0,0 +1,12 @@
1
+ import type { JSX } from 'solid-js';
2
+ export type BadgeVariant = 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'danger';
3
+ export type BadgeSize = 'sm' | 'md' | 'lg';
4
+ export interface BadgeProps {
5
+ children?: JSX.Element;
6
+ count?: number;
7
+ variant?: BadgeVariant;
8
+ size?: BadgeSize;
9
+ class?: string;
10
+ }
11
+ export declare function Badge(props: BadgeProps): JSX.Element;
12
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAGnC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAChG,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE1C,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAiBD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,eAatC"}
@@ -0,0 +1,19 @@
1
+ /**
2
+ * Button component for proyecto-viviana-ui
3
+ *
4
+ * A styled button component built on top of solidaria-components.
5
+ * This component only handles styling - all behavior and accessibility
6
+ * is provided by the headless Button from solidaria-components.
7
+ */
8
+ import { type JSX } from 'solid-js';
9
+ import type { ButtonProps } from './types';
10
+ /**
11
+ * Buttons allow users to perform an action or to navigate to another page.
12
+ * They have multiple styles for various needs, and are ideal for calling attention to
13
+ * where a user needs to do something in order to move forward in a flow.
14
+ *
15
+ * Built on solidaria-components Button for full accessibility support.
16
+ * Styles are defined in components.css using the vui-button class system.
17
+ */
18
+ export declare function Button(props: ButtonProps): JSX.Element;
19
+ //# sourceMappingURL=Button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA6C,MAAM,UAAU,CAAC;AAE/E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAsDtD"}
@@ -0,0 +1,3 @@
1
+ export { Button } from './Button';
2
+ export type { ButtonProps, ButtonVariant, ButtonStyle, ButtonSize, StaticColor } from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,23 @@
1
+ import type { JSX } from 'solid-js';
2
+ import type { ButtonProps as HeadlessButtonProps } from '@proyecto-viviana/solidaria-components';
3
+ export type ButtonVariant = 'primary' | 'secondary' | 'accent' | 'positive' | 'negative' | 'ghost' | 'link';
4
+ export type ButtonStyle = 'fill' | 'outline';
5
+ export type ButtonSize = 'sm' | 'md' | 'lg';
6
+ export type StaticColor = 'white' | 'black';
7
+ export interface ButtonProps extends Omit<HeadlessButtonProps, 'class' | 'children' | 'style'> {
8
+ /** The content to display in the button. */
9
+ children?: JSX.Element;
10
+ /** The visual style of the button. */
11
+ variant?: ButtonVariant;
12
+ /** The background style of the button. */
13
+ buttonStyle?: ButtonStyle;
14
+ /** The size of the button. */
15
+ size?: ButtonSize;
16
+ /** Whether the button should take up the full width of its container. */
17
+ fullWidth?: boolean;
18
+ /** The static color style to apply. Useful when the button appears over a color background. */
19
+ staticColor?: StaticColor;
20
+ /** Additional CSS class name. */
21
+ class?: string;
22
+ }
23
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,KAAK,EAAE,WAAW,IAAI,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAEjG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;AAC5G,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,CAAC;AAC7C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;IAC5F,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,sCAAsC;IACtC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,8BAA8B;IAC9B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,yEAAyE;IACzE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+FAA+F;IAC/F,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
@@ -0,0 +1,43 @@
1
+ /**
2
+ * Checkbox component for proyecto-viviana-ui
3
+ *
4
+ * A styled checkbox component built on top of solidaria-components.
5
+ * This component only handles styling - all behavior and accessibility
6
+ * is provided by the headless Checkbox from solidaria-components.
7
+ */
8
+ import { type JSX } from 'solid-js';
9
+ import { type CheckboxProps as HeadlessCheckboxProps, type CheckboxGroupProps as HeadlessCheckboxGroupProps } from '@proyecto-viviana/solidaria-components';
10
+ export type CheckboxSize = 'sm' | 'md' | 'lg';
11
+ export interface CheckboxProps extends Omit<HeadlessCheckboxProps, 'class' | 'children' | 'style'> {
12
+ /** The size of the checkbox. */
13
+ size?: CheckboxSize;
14
+ /** Additional CSS class name. */
15
+ class?: string;
16
+ /** Label text for the checkbox. */
17
+ children?: JSX.Element;
18
+ }
19
+ export interface CheckboxGroupProps extends Omit<HeadlessCheckboxGroupProps, 'class' | 'children' | 'style'> {
20
+ /** Additional CSS class name. */
21
+ class?: string;
22
+ /** Children checkboxes. */
23
+ children?: JSX.Element;
24
+ /** Label for the group. */
25
+ label?: string;
26
+ /** Description for the group. */
27
+ description?: string;
28
+ /** Error message when invalid. */
29
+ errorMessage?: string;
30
+ }
31
+ /**
32
+ * A checkbox allows users to select one or more items from a set.
33
+ *
34
+ * Built on solidaria-components Checkbox for full accessibility support.
35
+ */
36
+ export declare function Checkbox(props: CheckboxProps): JSX.Element;
37
+ /**
38
+ * A checkbox group allows users to select multiple items from a list.
39
+ *
40
+ * Built on solidaria-components CheckboxGroup for full accessibility support.
41
+ */
42
+ export declare function CheckboxGroup(props: CheckboxGroupProps): JSX.Element;
43
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/checkbox/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAmD,MAAM,UAAU,CAAA;AACpF,OAAO,EAGL,KAAK,aAAa,IAAI,qBAAqB,EAC3C,KAAK,kBAAkB,IAAI,0BAA0B,EAGtD,MAAM,wCAAwC,CAAA;AAM/C,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE7C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,qBAAqB,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;IAChG,gCAAgC;IAChC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,0BAA0B,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;IAC1G,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACtB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAqED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAsF1D;AAMD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA0CpE"}