@ouestfrance/sipa-bms-ui 8.11.0 → 8.13.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ouestfrance/sipa-bms-ui",
-  "version": "8.11.0",
+  "version": "8.13.0",
   "author": "Ouest-France BMS",
   "license": "ISC",
   "scripts": {
@@ -37,9 +37,9 @@
     "@commitlint/config-conventional": "19.8.1",
     "@formkit/vue": "1.6.9",
     "@mdx-js/react": "3.1.1",
-    "@storybook/addon-docs": "9.1.10",
-    "@storybook/addon-links": "9.1.10",
-    "@storybook/vue3-vite": "9.1.10",
+    "@storybook/addon-docs": "9.1.13",
+    "@storybook/addon-links": "9.1.13",
+    "@storybook/vue3-vite": "9.1.13",
     "@types/lodash": "4.17.20",
     "@types/uuid": "11.0.0",
     "@vitejs/plugin-vue": "6.0.1",
@@ -53,14 +53,14 @@
     "cors": "^2.8.5",
     "cross-env": "^10.0.0",
     "cy2": "^4.0.0",
-    "cypress": "15.4.0",
+    "cypress": "15.5.0",
     "express": "^5.0.0",
     "husky": "9.1.7",
-    "jsdom": "27.0.0",
+    "jsdom": "27.0.1",
     "keycloak-js": "26.1.2",
     "lint-staged": "16.2.4",
     "lodash": "4.17.21",
-    "lucide-vue-next": "0.545.0",
+    "lucide-vue-next": "0.546.0",
     "msw-storybook-addon": "^2.0.3",
     "normalize.css": "8.0.1",
     "path": "0.12.7",
@@ -68,12 +68,12 @@
     "sass": "1.93.2",
     "semantic-release": "24.2.9",
     "start-server-and-test": "2.1.2",
-    "storybook": "9.1.10",
-    "storybook-addon-pseudo-states": "9.1.10",
+    "storybook": "9.1.13",
+    "storybook-addon-pseudo-states": "9.1.13",
     "storybook-vue3-router": "^6.0.2",
     "typescript": "5.2.2",
     "uuid": "13.0.0",
-    "vite": "7.1.10",
+    "vite": "^7.1.12",
     "vite-plugin-dts": "^4.1.0",
     "vite-plugin-mkcert": "1.17.9",
     "vite-plugin-pages": "0.33.1",
@@ -82,7 +82,7 @@
     "vue": "3.5.22",
     "vue-codemirror": "6.1.1",
     "vue-loader": "17.4.2",
-    "vue-router": "4.6.0",
+    "vue-router": "4.6.3",
     "vue-tsc": "3.1.1"
   },
   "files": [

package/src/components/form/BmsSelect.vue

@@ -106,74 +106,38 @@ defineExpose({
 
 <style lang="scss" scoped>
 .field__input {
-  --field-border-color: var(--bms-grey-50);
-  --field-border-color-active: var(--bms-main-100);
-  --input-background-color: var(--bms-white);
+  .icon-toggle {
+    &-container {
+      height: 100%;
+      display: flex;
+      align-items: center;
 
-  .select-wrapper {
-    width: 100%;
-    padding: 0 0 0 1em;
-    border-radius: var(--bms-border-radius);
-    border: 1px solid var(--field-border-color);
-    background-color: var(--input-background-color);
-    min-height: var(--field-height);
-
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    .icon-toggle {
-      &-container {
-        height: 100%;
-        display: flex;
-        align-items: center;
-
-        &:hover {
-          cursor: pointer;
-        }
+      &:hover {
+        cursor: pointer;
       }
-      &-button {
-        width: 1em;
-        margin: 0 var(--field-padding);
-        display: block;
-      }
-    }
-
-    &:hover {
-      --field-border-color: var(--bms-grey-100);
-    }
-
-    &:has(input:focus) {
-      --field-border-color: var(--field-border-color-active);
     }
-
-    &.is-error {
-      --field-border-color: var(--bms-red-100);
-      --input-background-color: var(--bms-red-25);
-    }
-
-    &.is-disabled {
-      --field-border-color: var(--bms-grey-25);
-      --input-background-color: var(--bms-grey-25);
-      pointer-events: none;
+    &-button {
+      width: 1em;
+      margin: 0 var(--field-padding);
+      display: block;
     }
+  }
 
-    input {
-      border: none;
-      background-color: transparent;
-      caret-color: transparent;
-      cursor: pointer;
-      outline: none;
-      appearance: none;
-      margin: 0;
-      padding: 0;
-      font: inherit;
-      color: inherit;
-      height: 24px;
-      line-height: 1;
-      width: 100%;
-      height: 100%;
-    }
+  input {
+    border: none;
+    background-color: transparent;
+    caret-color: transparent;
+    cursor: pointer;
+    outline: none;
+    appearance: none;
+    margin: 0;
+    padding: 0;
+    font: inherit;
+    color: inherit;
+    height: 24px;
+    line-height: 1;
+    width: 100%;
+    height: 100%;
   }
 }
 </style>

package/src/components/form/RawSelect.vue

@@ -61,7 +61,7 @@ const selectItem = (option: any) => {
 
   .select-wrapper {
     width: 100%;
-    padding: 0 0 0 1em;
+    padding: 0 0 0 var(--field-padding);
     border-radius: var(--bms-border-radius);
     border: 1px solid var(--field-border-color);
     background-color: var(--input-background-color);
@@ -71,23 +71,6 @@ const selectItem = (option: any) => {
     align-items: center;
     justify-content: space-between;
 
-    .icon-down {
-      &-container {
-        height: 100%;
-        display: flex;
-        align-items: center;
-
-        &:hover {
-          cursor: pointer;
-        }
-      }
-      &-button {
-        width: 1em;
-        margin: 0 var(--field-padding);
-        display: block;
-      }
-    }
-
     &:hover {
       --field-border-color: var(--bms-grey-100);
     }

package/src/plugins/field/FieldComponent.vue

@@ -152,7 +152,6 @@ const getCaptionIdentifier = (caption: string | Caption): string => {
   &__wrapper {
     display: inline-block;
     position: relative;
-    min-width: 24rem;
     width: 100%;
     background-color: transparent;
   }
@@ -202,10 +201,11 @@ const getCaptionIdentifier = (caption: string | Caption): string => {
   }
 
   &.is-small {
-    --field-height: 28px;
+    --field-height: 1.5em;
     --field-padding: 0.5em;
     --field-margin: 0;
     --field-label-font-weight: normal;
+
     .field__captions {
       margin-top: 0.5rem;
     }