@techsio/ui-kit 0.47.0 → 0.49.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.
- package/dist/atoms/numeric-input.js +3 -0
- package/dist/internal/molecules/vertical-navigation.context.js +15 -0
- package/dist/internal/molecules/vertical-navigation.styles.js +68 -0
- package/dist/molecules/form-checkbox.js +12 -2
- package/dist/molecules/form-error-summary.js +59 -0
- package/dist/molecules/form-input.js +10 -1
- package/dist/molecules/form-numeric-input.js +9 -1
- package/dist/molecules/form-textarea.js +10 -1
- package/dist/molecules/vertical-navigation.js +228 -0
- package/dist/src/atoms/numeric-input.d.ts +1 -1
- package/dist/src/atoms/numeric-input.d.ts.map +1 -1
- package/dist/src/internal/molecules/vertical-navigation.context.d.ts +25 -0
- package/dist/src/internal/molecules/vertical-navigation.context.d.ts.map +1 -0
- package/dist/src/internal/molecules/vertical-navigation.styles.d.ts +143 -0
- package/dist/src/internal/molecules/vertical-navigation.styles.d.ts.map +1 -0
- package/dist/src/molecules/form-checkbox.d.ts +2 -1
- package/dist/src/molecules/form-checkbox.d.ts.map +1 -1
- package/dist/src/molecules/form-error-summary.d.ts +29 -0
- package/dist/src/molecules/form-error-summary.d.ts.map +1 -0
- package/dist/src/molecules/form-input.d.ts +3 -3
- package/dist/src/molecules/form-input.d.ts.map +1 -1
- package/dist/src/molecules/form-numeric-input.d.ts +3 -3
- package/dist/src/molecules/form-numeric-input.d.ts.map +1 -1
- package/dist/src/molecules/form-textarea.d.ts +3 -3
- package/dist/src/molecules/form-textarea.d.ts.map +1 -1
- package/dist/src/molecules/vertical-navigation.d.ts +44 -0
- package/dist/src/molecules/vertical-navigation.d.ts.map +1 -0
- package/dist/src/templates/numeric-input.d.ts +1 -1
- package/dist/src/types/zag.d.ts +1 -0
- package/dist/src/types/zag.d.ts.map +1 -1
- package/dist/stories/changelog/changelog.stories.d.ts.map +1 -1
- package/dist/stories/molecules/form-error-summary.stories.d.ts +11 -0
- package/dist/stories/molecules/form-error-summary.stories.d.ts.map +1 -0
- package/dist/stories/molecules/vertical-navigation.stories.d.ts +75 -0
- package/dist/stories/molecules/vertical-navigation.stories.d.ts.map +1 -0
- package/dist/test/form-error-summary.ids.test.d.ts +2 -0
- package/dist/test/form-error-summary.ids.test.d.ts.map +1 -0
- package/dist/test/vertical-navigation.behavior.spec.d.ts +2 -0
- package/dist/test/vertical-navigation.behavior.spec.d.ts.map +1 -0
- package/dist/test/vertical-navigation.playwright.config.d.ts +4 -0
- package/dist/test/vertical-navigation.playwright.config.d.ts.map +1 -0
- package/package.json +2 -1
- package/src/tokens/components/components.css +2 -0
- package/src/tokens/components/molecules/_form-error-summary.css +20 -0
- package/src/tokens/components/molecules/_vertical-navigation.css +155 -0
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
export declare const verticalNavigationStyles: import("tailwind-variants").TVReturnType<{
|
|
2
|
+
variant: {
|
|
3
|
+
primary: {};
|
|
4
|
+
secondary: {};
|
|
5
|
+
};
|
|
6
|
+
size: {
|
|
7
|
+
sm: {
|
|
8
|
+
root: string;
|
|
9
|
+
link: string;
|
|
10
|
+
trigger: string;
|
|
11
|
+
indicator: string;
|
|
12
|
+
groupLabel: string;
|
|
13
|
+
};
|
|
14
|
+
md: {
|
|
15
|
+
root: string;
|
|
16
|
+
link: string;
|
|
17
|
+
trigger: string;
|
|
18
|
+
indicator: string;
|
|
19
|
+
groupLabel: string;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
tone: {
|
|
23
|
+
plain: {
|
|
24
|
+
content: string;
|
|
25
|
+
group: string;
|
|
26
|
+
};
|
|
27
|
+
subtle: {
|
|
28
|
+
content: string;
|
|
29
|
+
group: string;
|
|
30
|
+
};
|
|
31
|
+
accent: {
|
|
32
|
+
content: string;
|
|
33
|
+
group: string;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
}, {
|
|
37
|
+
root: string;
|
|
38
|
+
list: string;
|
|
39
|
+
item: string;
|
|
40
|
+
row: string;
|
|
41
|
+
link: string;
|
|
42
|
+
trigger: string;
|
|
43
|
+
indicator: string;
|
|
44
|
+
content: string;
|
|
45
|
+
group: string;
|
|
46
|
+
groupLabel: string;
|
|
47
|
+
separator: string;
|
|
48
|
+
}, undefined, {
|
|
49
|
+
variant: {
|
|
50
|
+
primary: {};
|
|
51
|
+
secondary: {};
|
|
52
|
+
};
|
|
53
|
+
size: {
|
|
54
|
+
sm: {
|
|
55
|
+
root: string;
|
|
56
|
+
link: string;
|
|
57
|
+
trigger: string;
|
|
58
|
+
indicator: string;
|
|
59
|
+
groupLabel: string;
|
|
60
|
+
};
|
|
61
|
+
md: {
|
|
62
|
+
root: string;
|
|
63
|
+
link: string;
|
|
64
|
+
trigger: string;
|
|
65
|
+
indicator: string;
|
|
66
|
+
groupLabel: string;
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
tone: {
|
|
70
|
+
plain: {
|
|
71
|
+
content: string;
|
|
72
|
+
group: string;
|
|
73
|
+
};
|
|
74
|
+
subtle: {
|
|
75
|
+
content: string;
|
|
76
|
+
group: string;
|
|
77
|
+
};
|
|
78
|
+
accent: {
|
|
79
|
+
content: string;
|
|
80
|
+
group: string;
|
|
81
|
+
};
|
|
82
|
+
};
|
|
83
|
+
}, {
|
|
84
|
+
root: string;
|
|
85
|
+
list: string;
|
|
86
|
+
item: string;
|
|
87
|
+
row: string;
|
|
88
|
+
link: string;
|
|
89
|
+
trigger: string;
|
|
90
|
+
indicator: string;
|
|
91
|
+
content: string;
|
|
92
|
+
group: string;
|
|
93
|
+
groupLabel: string;
|
|
94
|
+
separator: string;
|
|
95
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
96
|
+
variant: {
|
|
97
|
+
primary: {};
|
|
98
|
+
secondary: {};
|
|
99
|
+
};
|
|
100
|
+
size: {
|
|
101
|
+
sm: {
|
|
102
|
+
root: string;
|
|
103
|
+
link: string;
|
|
104
|
+
trigger: string;
|
|
105
|
+
indicator: string;
|
|
106
|
+
groupLabel: string;
|
|
107
|
+
};
|
|
108
|
+
md: {
|
|
109
|
+
root: string;
|
|
110
|
+
link: string;
|
|
111
|
+
trigger: string;
|
|
112
|
+
indicator: string;
|
|
113
|
+
groupLabel: string;
|
|
114
|
+
};
|
|
115
|
+
};
|
|
116
|
+
tone: {
|
|
117
|
+
plain: {
|
|
118
|
+
content: string;
|
|
119
|
+
group: string;
|
|
120
|
+
};
|
|
121
|
+
subtle: {
|
|
122
|
+
content: string;
|
|
123
|
+
group: string;
|
|
124
|
+
};
|
|
125
|
+
accent: {
|
|
126
|
+
content: string;
|
|
127
|
+
group: string;
|
|
128
|
+
};
|
|
129
|
+
};
|
|
130
|
+
}, {
|
|
131
|
+
root: string;
|
|
132
|
+
list: string;
|
|
133
|
+
item: string;
|
|
134
|
+
row: string;
|
|
135
|
+
link: string;
|
|
136
|
+
trigger: string;
|
|
137
|
+
indicator: string;
|
|
138
|
+
content: string;
|
|
139
|
+
group: string;
|
|
140
|
+
groupLabel: string;
|
|
141
|
+
separator: string;
|
|
142
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
143
|
+
//# sourceMappingURL=vertical-navigation.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vertical-navigation.styles.d.ts","sourceRoot":"","sources":["../../../../src/internal/molecules/vertical-navigation.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAyEnC,CAAA"}
|
|
@@ -12,13 +12,14 @@ export type FormCheckboxProps = {
|
|
|
12
12
|
children?: ReactNode;
|
|
13
13
|
label?: ReactNode;
|
|
14
14
|
helpText?: ReactNode;
|
|
15
|
+
"aria-describedby"?: string;
|
|
15
16
|
validateStatus?: "default" | "error" | "success" | "warning";
|
|
16
17
|
showHelpTextIcon?: boolean;
|
|
17
18
|
size?: "sm" | "md" | "lg";
|
|
18
19
|
className?: string;
|
|
19
20
|
onCheckedChange?: (checked: boolean) => void;
|
|
20
21
|
};
|
|
21
|
-
export declare function FormCheckbox({ id, name, value, checked, defaultChecked, indeterminate, disabled, required, readOnly, children, label, helpText, validateStatus, showHelpTextIcon, size, className, onCheckedChange, }: FormCheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare function FormCheckbox({ id, name, value, checked, defaultChecked, indeterminate, disabled, required, readOnly, children, label, helpText, "aria-describedby": ariaDescribedBy, validateStatus, showHelpTextIcon, size, className, onCheckedChange, }: FormCheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
22
23
|
export declare namespace FormCheckbox {
|
|
23
24
|
var displayName: string;
|
|
24
25
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-checkbox.d.ts","sourceRoot":"","sources":["../../../src/molecules/form-checkbox.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAwD7C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,cAAc,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;IAC5D,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC7C,CAAA;AAED,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,IAAI,EACJ,KAAK,EACL,OAAO,EACP,cAAc,EACd,aAAa,EACb,QAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,cAA0B,EAC1B,gBAA+C,EAC/C,IAAW,EACX,SAAS,EACT,eAAe,GAChB,EAAE,iBAAiB,
|
|
1
|
+
{"version":3,"file":"form-checkbox.d.ts","sourceRoot":"","sources":["../../../src/molecules/form-checkbox.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAwD7C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;IAC5D,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC7C,CAAA;AAED,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,IAAI,EACJ,KAAK,EACL,OAAO,EACP,cAAc,EACd,aAAa,EACb,QAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,kBAAkB,EAAE,eAAe,EACnC,cAA0B,EAC1B,gBAA+C,EAC/C,IAAW,EACX,SAAS,EACT,eAAe,GAChB,EAAE,iBAAiB,2CA+DnB;yBAlFe,YAAY"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* FormErrorSummary — @techsio/ui-kit molecule.
|
|
3
|
+
*
|
|
4
|
+
* @component FormErrorSummary
|
|
5
|
+
* @componentVersion v1.0.1
|
|
6
|
+
* @skill form-error-summary-usage
|
|
7
|
+
* @changelog libs/ui/stories/changelog/changelog.stories.tsx
|
|
8
|
+
*
|
|
9
|
+
* Versioning is enforced at commit by scripts/check-skill-sync.mjs: @componentVersion must match
|
|
10
|
+
* the form-error-summary-usage skill's component_version and a changelog entry. Bump all three together.
|
|
11
|
+
*/
|
|
12
|
+
import type { Ref } from "react";
|
|
13
|
+
export type FormErrorSummaryError = {
|
|
14
|
+
id: string;
|
|
15
|
+
label: string;
|
|
16
|
+
targetId: string;
|
|
17
|
+
};
|
|
18
|
+
export type FormErrorSummaryProps = {
|
|
19
|
+
title?: string;
|
|
20
|
+
errors: FormErrorSummaryError[];
|
|
21
|
+
onFieldFocus?: (targetId: string) => void;
|
|
22
|
+
className?: string;
|
|
23
|
+
ref?: Ref<HTMLDivElement>;
|
|
24
|
+
};
|
|
25
|
+
export declare function FormErrorSummary({ title, errors, onFieldFocus, className, ref, }: FormErrorSummaryProps): import("react/jsx-runtime").JSX.Element | null;
|
|
26
|
+
export declare namespace FormErrorSummary {
|
|
27
|
+
var displayName: string;
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=form-error-summary.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-error-summary.d.ts","sourceRoot":"","sources":["../../../src/molecules/form-error-summary.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAGhC,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,qBAAqB,EAAE,CAAA;IAC/B,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B,CAAA;AAuBD,wBAAgB,gBAAgB,CAAC,EAC/B,KAA4B,EAC5B,MAAM,EACN,YAAY,EACZ,SAAS,EACT,GAAG,GACJ,EAAE,qBAAqB,kDAyBvB;yBA/Be,gBAAgB"}
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
* FormInput — @techsio/ui-kit molecule.
|
|
3
3
|
*
|
|
4
4
|
* @component FormInput
|
|
5
|
-
* @componentVersion v1.
|
|
5
|
+
* @componentVersion v1.1.0
|
|
6
6
|
* @skill form-input-usage
|
|
7
7
|
* @changelog libs/ui/stories/changelog/changelog.stories.tsx
|
|
8
8
|
*
|
|
9
9
|
* Versioning is enforced at commit by scripts/check-skill-sync.mjs: @componentVersion must match
|
|
10
10
|
* the form-input-usage skill's component_version and a changelog entry. Bump all three together.
|
|
11
11
|
*/
|
|
12
|
-
import type
|
|
12
|
+
import { type ReactNode } from "react";
|
|
13
13
|
import { type InputProps } from "../atoms/input.js";
|
|
14
14
|
type ValidateStatus = "default" | "error" | "success" | "warning";
|
|
15
15
|
interface FormInputRawProps extends InputProps {
|
|
@@ -22,6 +22,6 @@ export declare function FormInputRaw({ id, label, validateStatus, helpText, size
|
|
|
22
22
|
type FormInputProps = FormInputRawProps & {
|
|
23
23
|
showHelpTextIcon?: boolean;
|
|
24
24
|
};
|
|
25
|
-
export declare function FormInput({ helpText, id, validateStatus, showHelpTextIcon, size, ...props }: FormInputProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export declare function FormInput({ helpText, id, validateStatus, showHelpTextIcon, size, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, ...props }: FormInputProps): import("react/jsx-runtime").JSX.Element;
|
|
26
26
|
export {};
|
|
27
27
|
//# sourceMappingURL=form-input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-input.d.ts","sourceRoot":"","sources":["../../../src/molecules/form-input.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"form-input.d.ts","sourceRoot":"","sources":["../../../src/molecules/form-input.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAIvD,KAAK,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AAEjE,UAAU,iBAAkB,SAAQ,UAAU;IAC5C,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,SAAS,CAAA;IAChB,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,cAA0B,EAC1B,QAAQ,EACR,IAAW,EACX,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAmBnB;AAED,KAAK,cAAc,GAAG,iBAAiB,GAAG;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,EAAE,EACF,cAA0B,EAC1B,gBAA+C,EAC/C,IAAW,EACX,kBAAkB,EAAE,eAAe,EACnC,cAAc,EAAE,WAAW,EAC3B,GAAG,KAAK,EACT,EAAE,cAAc,2CA6BhB"}
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
* FormNumericInput — @techsio/ui-kit molecule.
|
|
3
3
|
*
|
|
4
4
|
* @component FormNumericInput
|
|
5
|
-
* @componentVersion v1.
|
|
5
|
+
* @componentVersion v1.1.0
|
|
6
6
|
* @skill form-numeric-input-usage
|
|
7
7
|
* @changelog libs/ui/stories/changelog/changelog.stories.tsx
|
|
8
8
|
*
|
|
9
9
|
* Versioning is enforced at commit by scripts/check-skill-sync.mjs: @componentVersion must match
|
|
10
10
|
* the form-numeric-input-usage skill's component_version and a changelog entry. Bump all three together.
|
|
11
11
|
*/
|
|
12
|
-
import type
|
|
12
|
+
import { type ReactNode } from "react";
|
|
13
13
|
import { type NumericInputProps } from "../atoms/numeric-input.js";
|
|
14
14
|
type ValidateStatus = "default" | "error" | "success" | "warning";
|
|
15
15
|
interface FormNumericInputProps extends Omit<NumericInputProps, "children"> {
|
|
@@ -20,6 +20,6 @@ interface FormNumericInputProps extends Omit<NumericInputProps, "children"> {
|
|
|
20
20
|
showHelpTextIcon?: boolean;
|
|
21
21
|
children: ReactNode;
|
|
22
22
|
}
|
|
23
|
-
export declare function FormNumericInput({ id, label, validateStatus, helpText, showHelpTextIcon, size, required, disabled, children, ...numericInputProps }: FormNumericInputProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export declare function FormNumericInput({ id, label, validateStatus, helpText, showHelpTextIcon, size, required, disabled, children, describedBy, ...numericInputProps }: FormNumericInputProps): import("react/jsx-runtime").JSX.Element;
|
|
24
24
|
export {};
|
|
25
25
|
//# sourceMappingURL=form-numeric-input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-numeric-input.d.ts","sourceRoot":"","sources":["../../../src/molecules/form-numeric-input.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"form-numeric-input.d.ts","sourceRoot":"","sources":["../../../src/molecules/form-numeric-input.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAG7E,KAAK,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AAEjE,UAAU,qBAAsB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC;IACzE,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,SAAS,CAAA;IAChB,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,cAA0B,EAC1B,QAAQ,EACR,gBAA+C,EAC/C,IAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,GAAG,iBAAiB,EACrB,EAAE,qBAAqB,2CAqCvB"}
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
* FormTextarea — @techsio/ui-kit molecule.
|
|
3
3
|
*
|
|
4
4
|
* @component FormTextarea
|
|
5
|
-
* @componentVersion v1.
|
|
5
|
+
* @componentVersion v1.1.0
|
|
6
6
|
* @skill form-textarea-usage
|
|
7
7
|
* @changelog libs/ui/stories/changelog/changelog.stories.tsx
|
|
8
8
|
*
|
|
9
9
|
* Versioning is enforced at commit by scripts/check-skill-sync.mjs: @componentVersion must match
|
|
10
10
|
* the form-textarea-usage skill's component_version and a changelog entry. Bump all three together.
|
|
11
11
|
*/
|
|
12
|
-
import type
|
|
12
|
+
import { type ReactNode } from "react";
|
|
13
13
|
import { type TextareaProps } from "../atoms/textarea.js";
|
|
14
14
|
type ValidateStatus = "default" | "error" | "success" | "warning";
|
|
15
15
|
interface FormTextareaRawProps extends TextareaProps {
|
|
@@ -22,6 +22,6 @@ export declare function FormTextareaRaw({ id, label, validateStatus, helpText, s
|
|
|
22
22
|
type FormTextareaProps = FormTextareaRawProps & {
|
|
23
23
|
showHelpTextIcon?: boolean;
|
|
24
24
|
};
|
|
25
|
-
export declare function FormTextarea({ helpText, id, validateStatus, showHelpTextIcon, size, ...props }: FormTextareaProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export declare function FormTextarea({ helpText, id, validateStatus, showHelpTextIcon, size, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, ...props }: FormTextareaProps): import("react/jsx-runtime").JSX.Element;
|
|
26
26
|
export {};
|
|
27
27
|
//# sourceMappingURL=form-textarea.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-textarea.d.ts","sourceRoot":"","sources":["../../../src/molecules/form-textarea.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"form-textarea.d.ts","sourceRoot":"","sources":["../../../src/molecules/form-textarea.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAG7C,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEhE,KAAK,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;AAEjE,UAAU,oBAAqB,SAAQ,aAAa;IAClD,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,SAAS,CAAA;IAChB,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,KAAK,EACL,cAA0B,EAC1B,QAAQ,EACR,IAAW,EACX,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAkBtB;AAED,KAAK,iBAAiB,GAAG,oBAAoB,GAAG;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,EAAE,EACF,cAA0B,EAC1B,gBAA+C,EAC/C,IAAW,EACX,kBAAkB,EAAE,eAAe,EACnC,cAAc,EAAE,WAAW,EAC3B,GAAG,KAAK,EACT,EAAE,iBAAiB,2CA6BnB"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import * as collapsible from "@zag-js/collapsible";
|
|
2
|
+
import { type ComponentProps, type ElementType } from "react";
|
|
3
|
+
import { Button } from "../atoms/button.js";
|
|
4
|
+
import { type LinkButtonProps } from "../atoms/link-button.js";
|
|
5
|
+
import { type VerticalNavigationSize, type VerticalNavigationTone, type VerticalNavigationVariant } from "../internal/molecules/vertical-navigation.context.js";
|
|
6
|
+
export type { VerticalNavigationSize, VerticalNavigationTone, VerticalNavigationVariant, } from "../internal/molecules/vertical-navigation.context.js";
|
|
7
|
+
export type VerticalNavigationProps = Omit<ComponentProps<"nav">, "dir"> & {
|
|
8
|
+
size?: VerticalNavigationSize;
|
|
9
|
+
dir?: "ltr" | "rtl";
|
|
10
|
+
/** Maximum cumulative indent; the semantic nesting is never flattened. */
|
|
11
|
+
maxIndentDepth?: number;
|
|
12
|
+
};
|
|
13
|
+
export declare function VerticalNavigation({ size, maxIndentDepth, dir, className, children, ...props }: VerticalNavigationProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare namespace VerticalNavigation {
|
|
15
|
+
var Root: typeof VerticalNavigation;
|
|
16
|
+
var List: ({ children, className, ...props }: ComponentProps<"ul">) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
var Item: ({ className, ...props }: ComponentProps<"li">) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
var Row: ({ className, ...props }: ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
var Link: <T extends ElementType = "a">({ current, className, ...props }: VerticalNavigationLinkProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
var Branch: ({ id, open, defaultOpen, onOpenChange, disabled, getRootNode, containsCurrent, children, className, ...props }: VerticalNavigationBranchProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
var BranchTrigger: ({ className, disabled, ...props }: VerticalNavigationBranchTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
var BranchIndicator: ({ className, ...props }: ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
var BranchContent: ({ tone, variant, indent, showGuide, className, ...props }: VerticalNavigationBranchContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
var Group: ({ tone, variant, className, ...props }: ComponentProps<"div"> & {
|
|
25
|
+
tone?: VerticalNavigationTone;
|
|
26
|
+
variant?: VerticalNavigationVariant;
|
|
27
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
var GroupLabel: ({ className, ...props }: ComponentProps<"h2">) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
var Separator: ({ className, ...props }: ComponentProps<"hr">) => import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
}
|
|
31
|
+
export type VerticalNavigationLinkProps<T extends ElementType = "a"> = Omit<LinkButtonProps<T>, "size" | "theme" | "variant" | "block" | "uppercase"> & {
|
|
32
|
+
current?: boolean;
|
|
33
|
+
};
|
|
34
|
+
export type VerticalNavigationBranchProps = Omit<ComponentProps<"li">, "onChange" | "dir"> & Pick<collapsible.Props, "open" | "defaultOpen" | "onOpenChange" | "disabled" | "getRootNode"> & {
|
|
35
|
+
containsCurrent?: boolean;
|
|
36
|
+
};
|
|
37
|
+
export type VerticalNavigationBranchTriggerProps = Omit<ComponentProps<typeof Button>, "size" | "theme" | "variant" | "block" | "uppercase">;
|
|
38
|
+
export type VerticalNavigationBranchContentProps = ComponentProps<"div"> & {
|
|
39
|
+
tone?: VerticalNavigationTone;
|
|
40
|
+
variant?: VerticalNavigationVariant;
|
|
41
|
+
indent?: boolean;
|
|
42
|
+
showGuide?: boolean;
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=vertical-navigation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vertical-navigation.d.ts","sourceRoot":"","sources":["../../../src/molecules/vertical-navigation.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,WAAW,MAAM,qBAAqB,CAAA;AAElD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,WAAW,EAAqB,MAAM,OAAO,CAAA;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACvE,OAAO,EAML,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,yBAAyB,EAC/B,MAAM,mDAAmD,CAAA;AAG1D,YAAY,EACV,sBAAsB,EACtB,sBAAsB,EACtB,yBAAyB,GAC1B,MAAM,mDAAmD,CAAA;AAE1D,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG;IACzE,IAAI,CAAC,EAAE,sBAAsB,CAAA;IAC7B,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,0EAA0E;IAC1E,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAW,EACX,cAAkB,EAClB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAkBzB;yBAzBe,kBAAkB;;kDAiC/B,cAAc,CAAC,IAAI,CAAC;wCAqBpB,cAAc,CAAC,IAAI,CAAC;uCAiBpB,cAAc,CAAC,KAAK,CAAC;eAoBtB,CAAC,SAAS,WAAW,0CACqB,2BAA2B,CAAC,CAAC,CAAC;iIAuCvE,6BAA6B;2DAqC7B,oCAAoC;mDAoBlC,cAAc,CAAC,MAAM,CAAC;mFA8BxB,oCAAoC;wDAyBpC,cAAc,CAAC,KAAK,CAAC,GAAG;QACzB,IAAI,CAAC,EAAE,sBAAsB,CAAA;QAC7B,OAAO,CAAC,EAAE,yBAAyB,CAAA;KACpC;8CAmBE,cAAc,CAAC,IAAI,CAAC;6CAepB,cAAc,CAAC,IAAI,CAAC;;AAnMvB,MAAM,MAAM,2BAA2B,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,IAAI,IAAI,CACzE,eAAe,CAAC,CAAC,CAAC,EAClB,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,CACrD,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AAuBzB,MAAM,MAAM,6BAA6B,GAAG,IAAI,CAC9C,cAAc,CAAC,IAAI,CAAC,EACpB,UAAU,GAAG,KAAK,CACnB,GACC,IAAI,CACF,WAAW,CAAC,KAAK,EACjB,MAAM,GAAG,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,aAAa,CACrE,GAAG;IAAE,eAAe,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AAyCnC,MAAM,MAAM,oCAAoC,GAAG,IAAI,CACrD,cAAc,CAAC,OAAO,MAAM,CAAC,EAC7B,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,WAAW,CACrD,CAAA;AA0CD,MAAM,MAAM,oCAAoC,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACzE,IAAI,CAAC,EAAE,sBAAsB,CAAA;IAC7B,OAAO,CAAC,EAAE,yBAAyB,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA"}
|
package/dist/src/types/zag.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ export type * as Accordion from "@zag-js/accordion";
|
|
|
2
2
|
export type * as Carousel from "@zag-js/carousel";
|
|
3
3
|
export type * as CascadeSelect from "@zag-js/cascade-select";
|
|
4
4
|
export type * as Checkbox from "@zag-js/checkbox";
|
|
5
|
+
export type * as Collapsible from "@zag-js/collapsible";
|
|
5
6
|
export type * as Combobox from "@zag-js/combobox";
|
|
6
7
|
export type * as Dialog from "@zag-js/dialog";
|
|
7
8
|
export type * as Drawer from "@zag-js/drawer";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"zag.d.ts","sourceRoot":"","sources":["../../../src/types/zag.ts"],"names":[],"mappings":"AAAA,YAAY,KAAK,SAAS,MAAM,mBAAmB,CAAA;AACnD,YAAY,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AACjD,YAAY,KAAK,aAAa,MAAM,wBAAwB,CAAA;AAC5D,YAAY,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AACjD,YAAY,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AACjD,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,UAAU,MAAM,qBAAqB,CAAA;AACtD,YAAY,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC/C,YAAY,KAAK,IAAI,MAAM,cAAc,CAAA;AACzC,YAAY,KAAK,WAAW,MAAM,sBAAsB,CAAA;AACxD,YAAY,KAAK,UAAU,MAAM,oBAAoB,CAAA;AACrD,YAAY,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC/C,YAAY,KAAK,UAAU,MAAM,qBAAqB,CAAA;AACtD,YAAY,KAAK,WAAW,MAAM,sBAAsB,CAAA;AACxD,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,KAAK,MAAM,eAAe,CAAA;AAC3C,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,IAAI,MAAM,cAAc,CAAA;AACzC,YAAY,KAAK,KAAK,MAAM,eAAe,CAAA;AAC3C,YAAY,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC/C,YAAY,KAAK,IAAI,MAAM,cAAc,CAAA;AACzC,YAAY,KAAK,QAAQ,MAAM,mBAAmB,CAAA"}
|
|
1
|
+
{"version":3,"file":"zag.d.ts","sourceRoot":"","sources":["../../../src/types/zag.ts"],"names":[],"mappings":"AAAA,YAAY,KAAK,SAAS,MAAM,mBAAmB,CAAA;AACnD,YAAY,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AACjD,YAAY,KAAK,aAAa,MAAM,wBAAwB,CAAA;AAC5D,YAAY,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AACjD,YAAY,KAAK,WAAW,MAAM,qBAAqB,CAAA;AACvD,YAAY,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AACjD,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,UAAU,MAAM,qBAAqB,CAAA;AACtD,YAAY,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC/C,YAAY,KAAK,IAAI,MAAM,cAAc,CAAA;AACzC,YAAY,KAAK,WAAW,MAAM,sBAAsB,CAAA;AACxD,YAAY,KAAK,UAAU,MAAM,oBAAoB,CAAA;AACrD,YAAY,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC/C,YAAY,KAAK,UAAU,MAAM,qBAAqB,CAAA;AACtD,YAAY,KAAK,WAAW,MAAM,sBAAsB,CAAA;AACxD,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,KAAK,MAAM,eAAe,CAAA;AAC3C,YAAY,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAC7C,YAAY,KAAK,IAAI,MAAM,cAAc,CAAA;AACzC,YAAY,KAAK,KAAK,MAAM,eAAe,CAAA;AAC3C,YAAY,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC/C,YAAY,KAAK,IAAI,MAAM,cAAc,CAAA;AACzC,YAAY,KAAK,QAAQ,MAAM,mBAAmB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"changelog.stories.d.ts","sourceRoot":"","sources":["../../../stories/changelog/changelog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"changelog.stories.d.ts","sourceRoot":"","sources":["../../../stories/changelog/changelog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAiQtD,iBAAS,SAAS,4CAUjB;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAKhC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,SAAS,CAAM,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { FormErrorSummary } from '../../src/molecules/form-error-summary.js';
|
|
3
|
+
declare const meta: Meta<typeof FormErrorSummary>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof FormErrorSummary>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const OneError: Story;
|
|
8
|
+
export declare const MultipleErrors: Story;
|
|
9
|
+
export declare const Hidden: Story;
|
|
10
|
+
export declare const WithForm: Story;
|
|
11
|
+
//# sourceMappingURL=form-error-summary.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-error-summary.stories.d.ts","sourceRoot":"","sources":["../../../stories/molecules/form-error-summary.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAOtD,OAAO,EACL,gBAAgB,EAEjB,MAAM,wCAAwC,CAAA;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAyBvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAQ9C,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAI5B,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KASpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAA"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import "./vertical-navigation.stories.css";
|
|
3
|
+
type NavigationStoryProps = {
|
|
4
|
+
size: "sm" | "md";
|
|
5
|
+
tone: "plain" | "subtle" | "accent";
|
|
6
|
+
variant: "primary" | "secondary";
|
|
7
|
+
indent: boolean;
|
|
8
|
+
showGuide: boolean;
|
|
9
|
+
dir: "ltr" | "rtl";
|
|
10
|
+
};
|
|
11
|
+
declare function NavigationStory(args: NavigationStoryProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare const meta: {
|
|
13
|
+
title: string;
|
|
14
|
+
component: typeof NavigationStory;
|
|
15
|
+
tags: string[];
|
|
16
|
+
parameters: {
|
|
17
|
+
layout: string;
|
|
18
|
+
docs: {
|
|
19
|
+
description: {
|
|
20
|
+
component: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
argTypes: {
|
|
25
|
+
variant: {
|
|
26
|
+
control: "select";
|
|
27
|
+
options: string[];
|
|
28
|
+
if: {
|
|
29
|
+
arg: string;
|
|
30
|
+
eq: string;
|
|
31
|
+
};
|
|
32
|
+
description: string;
|
|
33
|
+
};
|
|
34
|
+
size: {
|
|
35
|
+
control: "select";
|
|
36
|
+
options: string[];
|
|
37
|
+
};
|
|
38
|
+
tone: {
|
|
39
|
+
control: "select";
|
|
40
|
+
options: string[];
|
|
41
|
+
description: string;
|
|
42
|
+
};
|
|
43
|
+
indent: {
|
|
44
|
+
control: "boolean";
|
|
45
|
+
};
|
|
46
|
+
showGuide: {
|
|
47
|
+
control: "boolean";
|
|
48
|
+
};
|
|
49
|
+
dir: {
|
|
50
|
+
control: "select";
|
|
51
|
+
options: string[];
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
args: {
|
|
55
|
+
size: "md";
|
|
56
|
+
tone: "subtle";
|
|
57
|
+
variant: "primary";
|
|
58
|
+
indent: true;
|
|
59
|
+
showGuide: false;
|
|
60
|
+
dir: "ltr";
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
export default meta;
|
|
64
|
+
type Story = StoryObj<typeof meta>;
|
|
65
|
+
export declare const Playground: Story;
|
|
66
|
+
export declare const Variants: Story;
|
|
67
|
+
export declare const Sizes: Story;
|
|
68
|
+
export declare const States: Story;
|
|
69
|
+
export declare const SevenLevels: Story;
|
|
70
|
+
export declare const Controlled: Story;
|
|
71
|
+
export declare const WithinDrawer: Story;
|
|
72
|
+
export declare const WithinSidebar: Story;
|
|
73
|
+
export declare const RTL: Story;
|
|
74
|
+
export declare const AkrosCatalog: Story;
|
|
75
|
+
//# sourceMappingURL=vertical-navigation.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vertical-navigation.stories.d.ts","sourceRoot":"","sources":["../../../stories/molecules/vertical-navigation.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAQtD,OAAO,mCAAmC,CAAA;AAE1C,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;IACjB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACnC,OAAO,EAAE,SAAS,GAAG,WAAW,CAAA;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,OAAO,CAAA;IAClB,GAAG,EAAE,KAAK,GAAG,KAAK,CAAA;CACnB,CAAA;AAoGD,iBAAS,eAAe,CAAC,IAAI,EAAE,oBAAoB,2CAMlD;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsC8B,CAAA;AAExC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,UAAU,EAAE,KAAU,CAAA;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAyBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAanB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAuEpB,CAAA;AA+ID,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAA;AA2DD,eAAO,MAAM,UAAU,EAAE,KAGxB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAyB1B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KA4B3B,CAAA;AAED,eAAO,MAAM,GAAG,EAAE,KAAgC,CAAA;AAwGlD,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-error-summary.ids.test.d.ts","sourceRoot":"","sources":["../../test/form-error-summary.ids.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vertical-navigation.behavior.spec.d.ts","sourceRoot":"","sources":["../../test/vertical-navigation.behavior.spec.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vertical-navigation.playwright.config.d.ts","sourceRoot":"","sources":["../../test/vertical-navigation.playwright.config.ts"],"names":[],"mappings":"AAEA,oEAAoE;;AACpE,wBAeE"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@techsio/ui-kit",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.49.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": {
|
|
@@ -109,6 +109,7 @@
|
|
|
109
109
|
"@zag-js/carousel": "1.43.3",
|
|
110
110
|
"@zag-js/cascade-select": "1.43.3",
|
|
111
111
|
"@zag-js/checkbox": "1.43.3",
|
|
112
|
+
"@zag-js/collapsible": "1.43.3",
|
|
112
113
|
"@zag-js/combobox": "1.43.3",
|
|
113
114
|
"@zag-js/date-input": "1.43.3",
|
|
114
115
|
"@zag-js/date-picker": "1.43.3",
|
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
@import "./molecules/_dialog.css";
|
|
30
30
|
@import "./molecules/_drawer.css";
|
|
31
31
|
@import "./molecules/_file-upload.css";
|
|
32
|
+
@import "./molecules/_form-error-summary.css";
|
|
32
33
|
@import "./molecules/_pagination.css";
|
|
33
34
|
@import "./molecules/_popover.css";
|
|
34
35
|
@import "./molecules/_radio-card.css";
|
|
@@ -44,6 +45,7 @@
|
|
|
44
45
|
@import "./molecules/_toast.css";
|
|
45
46
|
@import "./molecules/_tour.css";
|
|
46
47
|
@import "./molecules/_tree-view.css";
|
|
48
|
+
@import "./molecules/_vertical-navigation.css";
|
|
47
49
|
|
|
48
50
|
@import "./organisms/_table.css";
|
|
49
51
|
@import "./organisms/_data-table.css";
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* FormErrorSummary — runtime tokens derive from the status-text error token and
|
|
3
|
+
* danger primitives so the summary reads as one system with the form fields.
|
|
4
|
+
*/
|
|
5
|
+
@theme static {
|
|
6
|
+
--color-form-error-summary-fg: var(--color-status-text-fg-error);
|
|
7
|
+
--color-form-error-summary-border: var(--color-bg-danger-base);
|
|
8
|
+
--color-form-error-summary-bg: var(--color-bg-danger-subtle);
|
|
9
|
+
--color-form-error-summary-ring: var(--color-status-text-fg-error);
|
|
10
|
+
--outline-form-error-summary-focus-style: var(--default-ring-style);
|
|
11
|
+
--outline-form-error-summary-focus-width: var(--default-ring-width);
|
|
12
|
+
--outline-form-error-summary-focus-offset: var(--default-ring-offset);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@utility form-error-summary-focus-ring {
|
|
16
|
+
outline-color: var(--color-form-error-summary-ring);
|
|
17
|
+
outline-offset: var(--outline-form-error-summary-focus-offset);
|
|
18
|
+
outline-style: var(--outline-form-error-summary-focus-style);
|
|
19
|
+
outline-width: var(--outline-form-error-summary-focus-width);
|
|
20
|
+
}
|