@entur/dropdown 5.5.1 → 6.0.0

package/dist/styles.css

@@ -1,10 +1,3 @@
-.eds-inline-spinner {
-  align-items: center;
-  display: flex;
-  justify-content: center;
-  height: 100%;
-  width: 100%;
-}
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-multi-select {
@@ -185,6 +178,13 @@
 .eds-form-control.eds-dropdown__input::placeholder {
   transition: none;
 }
+.eds-inline-spinner {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  height: 100%;
+  width: 100%;
+}
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-dropdown__toggle-button {
@@ -274,33 +274,33 @@
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-dropdown__list {
+  box-sizing: content-box;
+  z-index: 20;
+  width: 100%;
+  max-height: 50vh;
+  overflow-y: auto;
+  padding: 0;
+  margin: 0;
   list-style: none;
-  border-radius: 0.25rem;
   border: 0.125rem solid var(--components-form-basemenu-border);
+  border-radius: 0.25rem;
   box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
-  padding: 0;
-  margin: 0;
-  max-height: 50vh;
-  overflow-y: auto;
-  width: 100%;
-  z-index: 20;
 }
 .eds-dropdown__list:focus {
   outline: none;
 }
 .eds-dropdown__list__item {
-  background-color: var(--components-form-basemenu-fill-default);
-  color: var(--components-form-basemenu-text);
   display: flex;
   align-items: center;
   justify-content: flex-start;
+  padding: 0.75rem 1rem;
   font-family: inherit;
   font-size: 1rem;
+  word-break: break-word;
   line-height: 1.25rem;
-  padding: 0.75rem 1rem;
-  width: 100%;
   overflow-x: hidden;
-  word-break: break-word;
+  color: var(--components-form-basemenu-text);
+  background-color: var(--components-form-basemenu-fill-default);
 }
 .eds-dropdown__list__item:last-child {
   border-bottom: none;
@@ -462,18 +462,6 @@
 }
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-dropdown__wrapper {
-  position: relative;
-  width: 100%;
-  min-width: 6rem;
-  max-width: 100%;
-}
-.eds-dropdown__wrapper--has-tooltip {
-  padding-right: 2rem;
-}
-.eds-dropdown__wrapper--has-tooltip .eds-dropdown__list {
-  width: calc(100% - 2rem);
-}
 .eds-dropdown__input {
   flex: 1;
   width: 0;
@@ -486,13 +474,14 @@
   display: flex;
 }
 .eds-dropdown__selected-item {
-  cursor: pointer;
   flex: 1;
+  height: 100%;
+  min-height: 2.75rem;
+  padding: 1.25rem 0rem 0.25rem;
   overflow-x: hidden;
   text-overflow: ellipsis;
   line-height: 1rem;
-  padding: 1.25rem 1rem 0.25rem;
-  min-height: 2.75rem;
+  cursor: pointer;
 }
 .eds-dropdown__selected-item.focus-visible {
   outline: none;
@@ -505,22 +494,15 @@
   flex: 1;
   overflow-x: hidden;
   text-overflow: ellipsis;
+  padding: 1.375rem 0rem 0.25rem;
   white-space: nowrap;
-  margin-right: -1rem;
-  padding: 1.375rem 0rem 0.25rem 1rem;
-  font-family: inherit;
   line-height: 1rem;
+  font-family: inherit;
   cursor: text;
 }
 .eds-dropdown--searchable__selected-item--hidden {
   flex: 0;
 }
-.eds-dropdown--searchable .eds-input-group__label {
-  top: 0;
-}
-.eds-dropdown--searchable.eds-form-control-wrapper--is-filled .eds-input-group__label {
-  top: 0.375rem;
-}
 .eds-dropdown--multiselect__selected-items-and-input {
   display: flex;
   flex-wrap: wrap;
@@ -530,7 +512,7 @@
   cursor: text;
 }
 .eds-dropdown--multiselect__selected-items-and-input--filled {
-  padding: 1.25rem 0rem 0.25rem 1rem;
+  padding: 1.25rem 0rem 0.25rem;
 }
 .eds-dropdown--multiselect__selected-items-and-input--filled .eds-dropdown__input {
   padding: 0;
@@ -544,40 +526,6 @@
   width: 1rem;
   height: 1rem;
 }
-.eds-dropdown--multiselect .eds-input-group__label {
-  top: 0;
-}
-.eds-dropdown--multiselect.eds-form-control-wrapper--is-filled .eds-input-group__label {
-  top: 0.375rem;
-}
-.eds-dropdown.eds-form-control-wrapper {
-  align-items: start;
-}
-.eds-dropdown.eds-form-control-wrapper.eds-dropdown--not-filled .eds-input-group__label {
-  font-size: 1rem;
-  position: absolute;
-  line-height: 1rem;
-  padding: 1rem;
-  padding-left: 0;
-  margin-left: 1rem;
-  top: 0;
-  transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out, padding 0.2s ease-in-out, line-height ease-in-out 0.2s;
-}
-.eds-dropdown.eds-form-control-wrapper .eds-form-control__prepend {
-  top: 1rem;
-}
-.eds-dropdown.eds-form-control-wrapper .eds-form-control__append {
-  top: 0.25rem;
-}
-.eds-dropdown.eds-form-control-wrapper .eds-form-control__append.eds-form-control__append--tooltip {
-  color: var(--primary-text-color);
-  position: absolute;
-  top: 0.75rem;
-  right: -3rem;
-}
-.eds-dropdown.eds-form-control-wrapper .eds-form-control__append .eds-loading-dots {
-  height: 2rem;
-}
 .eds-dropdown--native + .eds-form-control__append {
   margin-left: -2em;
   pointer-events: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/dropdown",
-  "version": "5.5.1",
+  "version": "6.0.0",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/dropdown.esm.js",
@@ -28,17 +28,17 @@
   },
   "dependencies": {
     "@entur/a11y": "^0.2.87",
-    "@entur/button": "^3.2.27",
-    "@entur/chip": "^0.7.14",
-    "@entur/form": "^7.2.1",
-    "@entur/icons": "^6.18.1",
-    "@entur/loader": "^0.5.5",
+    "@entur/button": "^3.2.28",
+    "@entur/chip": "^0.7.15",
+    "@entur/form": "^8.0.0",
+    "@entur/icons": "^7.0.0",
+    "@entur/loader": "^0.5.6",
     "@entur/tokens": "^3.15.2",
-    "@entur/tooltip": "^2.7.11",
+    "@entur/tooltip": "^3.0.0",
     "@entur/utils": "^0.11.1",
     "@floating-ui/react-dom": "^2.1.0",
     "classnames": "^2.3.1",
     "downshift": "^8.3.3"
   },
-  "gitHead": "4d4f7939fb1c9b936e07dd321b7faa3e12476b3d"
+  "gitHead": "cff2157007648ca73944d215e9f3f03160c96f13"
 }