@trackunit/react-form-wizard 1.7.15 → 1.7.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.
Files changed (3) hide show
  1. package/index.cjs.js +21 -11
  2. package/index.esm.js +21 -11
  3. package/package.json +6 -6
package/index.cjs.js CHANGED
@@ -66,7 +66,7 @@ const cvaSidebar = cssClassVarianceUtilities.cvaMerge([
66
66
  "h-full",
67
67
  "bg-white",
68
68
  "border-r",
69
- "border-slate-200",
69
+ "border-neutral-200",
70
70
  "@3xl:flex-col",
71
71
  ]);
72
72
 
@@ -78,11 +78,11 @@ function FormWizardSidebar({ dataTestId, children, className }) {
78
78
  return (jsxRuntime.jsxs("aside", { className: cvaSidebar({ className }), "data-testid": dataTestId, children: [children, jsxRuntime.jsx("div", { className: cvaFillSection() })] }));
79
79
  }
80
80
 
81
- const cvaFormWizardSidebarStep = cssClassVarianceUtilities.cvaMerge(["p-2", "hover:bg-slate-200", "transition", "border-b", "border-slate-200", "shrink-0"], {
81
+ const cvaFormWizardSidebarStep = cssClassVarianceUtilities.cvaMerge(["p-2", "hover:bg-neutral-200", "transition", "border-b", "border-neutral-200", "shrink-0"], {
82
82
  variants: {
83
83
  state: {
84
84
  ready: "",
85
- active: "@3xl:bg-slate-100",
85
+ active: "@3xl:bg-neutral-100",
86
86
  done: "",
87
87
  invalid: "",
88
88
  disabled: "pointer-events-none cursor-not-allowed opacity-50 hover:bg-transparent",
@@ -101,7 +101,7 @@ const cvaSectionHeaderContainer = cssClassVarianceUtilities.cvaMerge(["flex", "j
101
101
  variants: {
102
102
  state: {
103
103
  ready: "",
104
- active: "bg-slate-100",
104
+ active: "bg-neutral-100",
105
105
  done: "",
106
106
  invalid: "",
107
107
  disabled: "",
@@ -116,9 +116,19 @@ const cvaSectionHeaderContainer = cssClassVarianceUtilities.cvaMerge(["flex", "j
116
116
  },
117
117
  });
118
118
  const cvaHeader = cssClassVarianceUtilities.cvaMerge(["text-md"]);
119
- const cvaSubtitle = cssClassVarianceUtilities.cvaMerge(["text-xs", "text-gray-500", "hidden", "@3xl:block"]);
119
+ const cvaSubtitle = cssClassVarianceUtilities.cvaMerge(["text-xs", "text-neutral-500", "hidden", "@3xl:block"]);
120
120
  const cvaStepNumberContainer = cssClassVarianceUtilities.cvaMerge(["self-center"]);
121
- const cvaStepNumber = cssClassVarianceUtilities.cvaMerge(["flex", "justify-center", "text-xs", "items-center", "m-0.5", "w-[20px]", "h-[20px]", "bg-gray-100", "rounded-full"], {
121
+ const cvaStepNumber = cssClassVarianceUtilities.cvaMerge([
122
+ "flex",
123
+ "justify-center",
124
+ "text-xs",
125
+ "items-center",
126
+ "m-0.5",
127
+ "w-[20px]",
128
+ "h-[20px]",
129
+ "bg-neutral-100",
130
+ "rounded-full",
131
+ ], {
122
132
  variants: {
123
133
  state: {
124
134
  ready: "",
@@ -128,7 +138,7 @@ const cvaStepNumber = cssClassVarianceUtilities.cvaMerge(["flex", "justify-cente
128
138
  disabled: "",
129
139
  },
130
140
  isSubStep: {
131
- true: "border-2 border-slate-200",
141
+ true: "border-2 border-neutral-200",
132
142
  false: "",
133
143
  },
134
144
  },
@@ -136,7 +146,7 @@ const cvaStepNumber = cssClassVarianceUtilities.cvaMerge(["flex", "justify-cente
136
146
  {
137
147
  state: "active",
138
148
  isSubStep: true,
139
- className: "border-2 border-slate-400 bg-white",
149
+ className: "border-2 border-neutral-400 bg-white",
140
150
  },
141
151
  ],
142
152
  defaultVariants: {
@@ -173,7 +183,7 @@ const cvaFooterContainer = cssClassVarianceUtilities.cvaMerge([
173
183
  "p-responsive-space",
174
184
  "border-t",
175
185
  "gap-responsive-space",
176
- "bg-slate-50",
186
+ "bg-neutral-50",
177
187
  ]);
178
188
  const cvaNavigationContainer = cssClassVarianceUtilities.cvaMerge(["flex", "gap-2"]);
179
189
 
@@ -190,7 +200,7 @@ const cvaFormWizardHeader = cssClassVarianceUtilities.cvaMerge([
190
200
  "flex",
191
201
  "flex-col",
192
202
  "p-responsive-space",
193
- "border-b-slate-200",
203
+ "border-b-neutral-200",
194
204
  "border-b",
195
205
  ]);
196
206
 
@@ -202,7 +212,7 @@ const FormWizardHeader = ({ title, description, className, dataTestId }) => {
202
212
  return (jsxRuntime.jsxs("div", { className: cvaFormWizardHeader({ className }), "data-testid": dataTestId, children: [jsxRuntime.jsx(reactComponents.Heading, { variant: "secondary", children: title }), description ? (jsxRuntime.jsx(reactComponents.Heading, { subtle: true, variant: "subtitle", children: description })) : null] }));
203
213
  };
204
214
 
205
- const cvaFormWizardComponentContainer = cssClassVarianceUtilities.cvaMerge(["p-responsive-space", "overflow-y-auto", "bg-slate-50"]);
215
+ const cvaFormWizardComponentContainer = cssClassVarianceUtilities.cvaMerge(["p-responsive-space", "overflow-y-auto", "bg-neutral-50"]);
206
216
  const cvaFormWizardComponentStepForm = cssClassVarianceUtilities.cvaMerge(["grid-rows-min-fr-min", "grid", "h-full", "overflow-hidden"]);
207
217
 
208
218
  /**
package/index.esm.js CHANGED
@@ -64,7 +64,7 @@ const cvaSidebar = cvaMerge([
64
64
  "h-full",
65
65
  "bg-white",
66
66
  "border-r",
67
- "border-slate-200",
67
+ "border-neutral-200",
68
68
  "@3xl:flex-col",
69
69
  ]);
70
70
 
@@ -76,11 +76,11 @@ function FormWizardSidebar({ dataTestId, children, className }) {
76
76
  return (jsxs("aside", { className: cvaSidebar({ className }), "data-testid": dataTestId, children: [children, jsx("div", { className: cvaFillSection() })] }));
77
77
  }
78
78
 
79
- const cvaFormWizardSidebarStep = cvaMerge(["p-2", "hover:bg-slate-200", "transition", "border-b", "border-slate-200", "shrink-0"], {
79
+ const cvaFormWizardSidebarStep = cvaMerge(["p-2", "hover:bg-neutral-200", "transition", "border-b", "border-neutral-200", "shrink-0"], {
80
80
  variants: {
81
81
  state: {
82
82
  ready: "",
83
- active: "@3xl:bg-slate-100",
83
+ active: "@3xl:bg-neutral-100",
84
84
  done: "",
85
85
  invalid: "",
86
86
  disabled: "pointer-events-none cursor-not-allowed opacity-50 hover:bg-transparent",
@@ -99,7 +99,7 @@ const cvaSectionHeaderContainer = cvaMerge(["flex", "justify-between", "gap-2",
99
99
  variants: {
100
100
  state: {
101
101
  ready: "",
102
- active: "bg-slate-100",
102
+ active: "bg-neutral-100",
103
103
  done: "",
104
104
  invalid: "",
105
105
  disabled: "",
@@ -114,9 +114,19 @@ const cvaSectionHeaderContainer = cvaMerge(["flex", "justify-between", "gap-2",
114
114
  },
115
115
  });
116
116
  const cvaHeader = cvaMerge(["text-md"]);
117
- const cvaSubtitle = cvaMerge(["text-xs", "text-gray-500", "hidden", "@3xl:block"]);
117
+ const cvaSubtitle = cvaMerge(["text-xs", "text-neutral-500", "hidden", "@3xl:block"]);
118
118
  const cvaStepNumberContainer = cvaMerge(["self-center"]);
119
- const cvaStepNumber = cvaMerge(["flex", "justify-center", "text-xs", "items-center", "m-0.5", "w-[20px]", "h-[20px]", "bg-gray-100", "rounded-full"], {
119
+ const cvaStepNumber = cvaMerge([
120
+ "flex",
121
+ "justify-center",
122
+ "text-xs",
123
+ "items-center",
124
+ "m-0.5",
125
+ "w-[20px]",
126
+ "h-[20px]",
127
+ "bg-neutral-100",
128
+ "rounded-full",
129
+ ], {
120
130
  variants: {
121
131
  state: {
122
132
  ready: "",
@@ -126,7 +136,7 @@ const cvaStepNumber = cvaMerge(["flex", "justify-center", "text-xs", "items-cent
126
136
  disabled: "",
127
137
  },
128
138
  isSubStep: {
129
- true: "border-2 border-slate-200",
139
+ true: "border-2 border-neutral-200",
130
140
  false: "",
131
141
  },
132
142
  },
@@ -134,7 +144,7 @@ const cvaStepNumber = cvaMerge(["flex", "justify-center", "text-xs", "items-cent
134
144
  {
135
145
  state: "active",
136
146
  isSubStep: true,
137
- className: "border-2 border-slate-400 bg-white",
147
+ className: "border-2 border-neutral-400 bg-white",
138
148
  },
139
149
  ],
140
150
  defaultVariants: {
@@ -171,7 +181,7 @@ const cvaFooterContainer = cvaMerge([
171
181
  "p-responsive-space",
172
182
  "border-t",
173
183
  "gap-responsive-space",
174
- "bg-slate-50",
184
+ "bg-neutral-50",
175
185
  ]);
176
186
  const cvaNavigationContainer = cvaMerge(["flex", "gap-2"]);
177
187
 
@@ -188,7 +198,7 @@ const cvaFormWizardHeader = cvaMerge([
188
198
  "flex",
189
199
  "flex-col",
190
200
  "p-responsive-space",
191
- "border-b-slate-200",
201
+ "border-b-neutral-200",
192
202
  "border-b",
193
203
  ]);
194
204
 
@@ -200,7 +210,7 @@ const FormWizardHeader = ({ title, description, className, dataTestId }) => {
200
210
  return (jsxs("div", { className: cvaFormWizardHeader({ className }), "data-testid": dataTestId, children: [jsx(Heading, { variant: "secondary", children: title }), description ? (jsx(Heading, { subtle: true, variant: "subtitle", children: description })) : null] }));
201
211
  };
202
212
 
203
- const cvaFormWizardComponentContainer = cvaMerge(["p-responsive-space", "overflow-y-auto", "bg-slate-50"]);
213
+ const cvaFormWizardComponentContainer = cvaMerge(["p-responsive-space", "overflow-y-auto", "bg-neutral-50"]);
204
214
  const cvaFormWizardComponentStepForm = cvaMerge(["grid-rows-min-fr-min", "grid", "h-full", "overflow-hidden"]);
205
215
 
206
216
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/react-form-wizard",
3
- "version": "1.7.15",
3
+ "version": "1.7.18",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "dependencies": {
@@ -10,11 +10,11 @@
10
10
  "react-hook-form": "7.62.0",
11
11
  "@tanstack/react-router": "1.114.29",
12
12
  "@tanstack/router-core": "1.114.29",
13
- "@trackunit/shared-utils": "1.9.8",
14
- "@trackunit/css-class-variance-utilities": "1.7.8",
15
- "@trackunit/react-components": "1.9.15",
16
- "@trackunit/i18n-library-translation": "1.7.12",
17
- "@trackunit/react-test-setup": "1.4.8"
13
+ "@trackunit/shared-utils": "1.9.10",
14
+ "@trackunit/css-class-variance-utilities": "1.7.10",
15
+ "@trackunit/react-components": "1.9.18",
16
+ "@trackunit/i18n-library-translation": "1.7.14",
17
+ "@trackunit/react-test-setup": "1.4.10"
18
18
  },
19
19
  "engines": {
20
20
  "node": ">=22.x",