next-helios-fe 1.4.0 → 1.4.2

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 (5) hide show
  1. package/dist/components/content-container/wizard/index.d.ts +1 -0
  2. package/dist/index.js +1 -1
  3. package/package.json +1 -1
  4. package/src/components/content-container/wizard/index.tsx +6 -1
  5. package/src/components/timeline/item.tsx +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "next-helios-fe",
3
- "version": "1.4.0",
3
+ "version": "1.4.2",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
package/src/components/content-container/wizard/index.tsx CHANGED
@@ -12,6 +12,7 @@ interface WizardProps {
12
12
  }[];
13
13
  options?: {
14
14
  border?: boolean;
15
+ disableNavigationClick?: boolean;
15
16
  };
16
17
  onPreviousClick?: () => void;
17
18
  onNextClick?: () => void;
@@ -47,7 +48,11 @@ export const Wizard: WizardComponent = ({
47
48
  }`}
48
49
  >
49
50
  <button
50
- className="flex justify-center items-center w-12 h-12 shadow border border-white rounded-full bg-secondary-light duration-300 group-[.is-active]:bg-primary group-[.is-active]:text-white"
51
+ className={`flex justify-center items-center w-12 h-12 shadow border border-white rounded-full bg-secondary-light duration-300 group-[.is-active]:bg-primary group-[.is-active]:text-white ${
52
+ !options?.disableNavigationClick &&
53
+ "hover:text-primary"
54
+ }`}
55
+ disabled={options?.disableNavigationClick}
51
56
  onClick={() => {
52
57
  setActiveTab(index);
53
58
  }}
package/src/components/timeline/item.tsx CHANGED
@@ -10,11 +10,11 @@ export interface ItemProps {
10
10
  export const Item: React.FC<ItemProps> = ({ children, icon, isActive }) => {
11
11
  return (
12
12
  <div
13
- className={`relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group ${
13
+ className={`group relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse ${
14
14
  isActive && "is-active"
15
15
  }`}
16
16
  >
17
- <div className="flex items-center justify-center w-8 h-8 rounded-full border border-white bg-slate-300 group-[.is-active]:bg-primary group-[.is-active]:text-white shadow shrink-0 md:order-1 md:group-odd:-translate-x-1/2 md:group-even:translate-x-1/2">
17
+ <div className="flex items-center justify-center w-8 h-8 rounded-full border border-white bg-secondary-light group-[.is-active]:bg-primary group-[.is-active]:text-white shadow shrink-0 md:order-1 md:group-odd:-translate-x-1/2 md:group-even:translate-x-1/2">
18
18
  {icon}
19
19
  </div>
20
20
  <div className="w-[calc(100%-4rem)] md:w-[calc(50%-2rem)]">