allaw-ui 1.0.29 → 1.0.31

package/dist/components/atoms/buttons/TabNavigation.css

@@ -33,6 +33,11 @@
   color: var(--Tags-Mid-grey, var(--light-grey, #728ea7));
 }
 
+.tab-navigation.normal .tab-item.inactive:hover {
+  border-bottom: 3px solid var(--venom-grey-dark, #d1dce8);
+  color: var(--Tags-Mid-grey, var(--dark-grey, #456073));
+}
+
 /* Style round */
 .tab-navigation.tab-navigation--round {
   padding: 4px;

package/dist/components/atoms/buttons/TertiaryButton.css

@@ -8,9 +8,9 @@
   border: none;
   background: none;
   cursor: pointer;
-  transition:
+  /* transition:
     color 0.15s,
-    border-bottom 0.15s; /* Ajout de la transition de 0.15s */
+    border-bottom 0.15s; */
 }
 
 .tertiary-button-default {
@@ -20,7 +20,7 @@
 
 .tertiary-button-default:hover {
   color: var(--primary-black, #171e25);
-  border-bottom: none; /* Suppression de la border-bottom au hover */
+  border-bottom: none;
 }
 
 .tertiary-button-variant {
@@ -30,7 +30,12 @@
 }
 
 .tertiary-button-variant:hover {
-  color: var(--Primary-Dark-grey, var(--dark-grey, #456073));
+  color: var(--Primary-Dark-grey, var(--noir, #171e25));
+}
+
+.tertiary-button-variant:hover .tertiary-button-icon,
+.tertiary-button-variant:hover .tertiary-button-label {
+  color: var(--Primary-Dark-grey, var(--noir, #171e25));
 }
 
 .tertiary-button-icon {
@@ -40,6 +45,8 @@
   width: 16px;
   height: 16px;
   padding: 3.333px;
+  color: inherit;
+  /* transition: color 0.15s; */
 }
 
 .tertiary-button-label {
@@ -48,16 +55,18 @@
   font-style: normal;
   line-height: normal;
   letter-spacing: 0em;
+  color: inherit;
+  /* transition: color 0.15s; */
 }
 
 /* Styles spécifiques pour variant=false */
 .tertiary-button-default .tertiary-button-label {
-  font-weight: 700; /* Bold */
+  font-weight: 700;
   color: var(--Primary-Mid-black, var(--primary-black, #171e25));
 }
 
 /* Styles spécifiques pour variant=true */
 .tertiary-button-variant .tertiary-button-label {
-  font-weight: 400; /* Normal */
+  font-weight: 400;
   color: var(--Primary-Dark-grey, var(--dark-grey, #456073));
 }

package/dist/components/molecules/appointmentSlot/AppointmentSlot.css

@@ -15,16 +15,16 @@
   cursor: pointer;
   transition:
     background-color 0.05s ease,
-    transform 0.2s ease;
+    transform 0.1s ease;
   user-select: none;
 }
 
 .appointment-slot:hover {
-  transform: scale(1.008);
+  transform: scale(1.015);
 }
 
 .appointment-slot.active {
-  background: var(--active-grey, #e9eef5);
+  background: var(--grey-light-2);
 }
 
 /* Status-specific styles */

package/dist/components/molecules/stepper/Stepper.d.ts

@@ -25,6 +25,7 @@ export interface StepperProps {
         startIconName?: string;
         endIconName?: string;
         onPrimaryButtonClick?: (step: number) => void;
+        disabled?: boolean;
     }[];
     showProgressBar?: boolean[];
     onClose?: () => void;

package/dist/components/molecules/stepper/Stepper.js

@@ -115,7 +115,7 @@ var Stepper = function (_a) {
                 (currentSecondaryButton === null || currentSecondaryButton === void 0 ? void 0 : currentSecondaryButton.show) && (React.createElement("div", { className: "stepper-button-container secondary-button-container" },
                     React.createElement(SecondaryButton, { fullWidth: true, label: currentSecondaryButton.label, startIcon: currentSecondaryButton.startIconName ? true : undefined, endIcon: currentSecondaryButton.endIconName ? true : undefined, startIconName: currentSecondaryButton.startIconName, endIconName: currentSecondaryButton.endIconName, onClick: function () { var _a; return (_a = currentSecondaryButton.onSecondaryButtonClick) === null || _a === void 0 ? void 0 : _a.call(currentSecondaryButton, step); } }))),
                 (currentPrimaryButton === null || currentPrimaryButton === void 0 ? void 0 : currentPrimaryButton.show) && (React.createElement("div", { className: "stepper-button-container primary-button-container" },
-                    React.createElement(PrimaryButton, { fullWidth: true, label: currentPrimaryButton.label, startIcon: currentPrimaryButton.startIconName ? true : undefined, endIcon: currentPrimaryButton.endIconName ? true : undefined, startIconName: currentPrimaryButton.startIconName, endIconName: currentPrimaryButton.endIconName, onClick: handleNext })))))));
+                    React.createElement(PrimaryButton, { fullWidth: true, label: currentPrimaryButton.label, startIcon: currentPrimaryButton.startIconName ? true : undefined, endIcon: currentPrimaryButton.endIconName ? true : undefined, startIconName: currentPrimaryButton.startIconName, endIconName: currentPrimaryButton.endIconName, disabled: currentPrimaryButton.disabled, onClick: handleNext })))))));
     return portalContainerRef.current && isVisible
         ? ReactDOM.createPortal(stepperContent, portalContainerRef.current)
         : null;

package/dist/styles/colors.css

@@ -10,6 +10,7 @@
   --grey-venom: #e6edf5;
   --venom-grey-dark: #d1dce8;
   --grey-light: #f6fcfe;
+  --grey-light-2: #f2f8fc;
   --active-grey: #e9eef5;
   --blue-lightning: #f6fcfe;
   --fond-de-selection: #f6fcfe;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "allaw-ui",
-  "version": "1.0.29",
+  "version": "1.0.31",
   "description": "Composants UI pour l'application Allaw",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -75,4 +75,4 @@
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   }
-}
+}