@utrecht/component-library-css 1.0.0-alpha.527 → 1.0.0-alpha.529

package/dist/index.css

@@ -3211,6 +3211,7 @@ ol.utrecht-breadcrumb__list {
   block-size: var(--utrecht-icon-size);
   color: var(--utrecht-icon-color);
   display: inline-block;
+  font-size: var(--utrecht-icon-size);
   inline-size: var(--utrecht-icon-size);
   inset-block-start: var(--utrecht-icon-inset-block-start, 0);
   position: relative;
@@ -4978,20 +4979,62 @@ however browsers don't seem to have implemented great looking supixel tweening y
   --utrecht-button-letter-spacing: var(--utrecht-search-bar-button-letter-spacing);
   --utrecht-button-primary-action-background-color: var(--utrecht-search-bar-button-background-color);
   --utrecht-button-primary-action-color: var(--utrecht-search-bar-button-color);
-  --utrecht-button-primary-action-hover-background-color: var(--utrecht-search-bar-hover-background-color);
+  --utrecht-button-primary-action-hover-background-color: var(--utrecht-search-bar-button-hover-background-color);
   --utrecht-button-text-transform: var(--utrecht-search-bar-button-text-transform);
-  --utrecht-textbox-border-color: var(--utrecht-search-bar-textbox-border-color);
-  --utrecht-textbox-padding-inline-start: var(--utrecht-search-bar-textbox-padding-inline-start);
-  --utrecht-textbox-border-bottom-width: var(--utrecht-search-bar-textbox-border-bottom-width);
+  --utrecht-textbox-border-color: var(--utrecht-search-bar-input-border-color);
+  --utrecht-textbox-padding-inline-start: var(--utrecht-search-bar-input-padding-inline-start);
+  --utrecht-textbox-border-bottom-width: var(--utrecht-search-bar-input-border-bottom-width);
+  --utrecht-textbox-max-inline-size: var(--utrecht-search-bar-input-max-inline-size);
   display: flex;
 }
 
 .utrecht-search-bar__input {
   background-image: var(--utrecht-search-bar-input-background-image, none);
-  background-position-x: var(--utrecht-search-bar-textbox-background-position-x);
-  background-position-y: var(--utrecht-search-bar-textbox-background-position-y);
+  background-position-x: var(--utrecht-search-bar-input-background-position-x);
+  background-position-y: var(--utrecht-search-bar-input-background-position-y);
   background-repeat: no-repeat;
-  background-size: var(--utrecht-search-bar-textbox-background-size);
+  background-size: var(--utrecht-search-bar-input-background-size);
+}
+
+.utrecht-search-bar__dropdown {
+  border-color: var(--utrecht-search-bar-dropdown-border-color);
+  border-style: solid;
+  border-width: var(--utrecht-search-bar-dropdown-border-width);
+  inline-size: var(--utrecht-search-bar-dropdown-inline-size, var(--utrecht-form-input-max-inline-size));
+  max-block-size: var(--utrecht-search-bar-dropdown-max-block-size);
+  overflow: auto;
+  padding-block-end: var(--utrecht-search-bar-dropdown-padding-block-end);
+  padding-block-start: var(--utrecht-search-bar-dropdown-padding-block-start);
+  padding-inline-end: var(--utrecht-search-bar-dropdown-padding-inline-end);
+  padding-inline-start: var(--utrecht-search-bar-dropdown-padding-inline-start);
+  position: absolute;
+  z-index: var(--utrecht-search-bar-dropdown-z-index);
+}
+
+.utrecht-search-bar__section-title {
+  color: var(--utrecht-search-bar-section-title-color);
+  font-size: var(--utrecht-search-bar-section-title-font-size);
+  font-weight: var(--utrecht-search-bar-section-title-font-weight);
+  line-height: var(--utrecht-search-bar-section-title-line-height);
+  margin-inline-start: var(--utrecht-search-bar-section-title-margin-inline-start);
+}
+
+.utrecht-search-bar__list-item {
+  padding-block-end: var(--utrecht-search-bar-list-item-padding-block-end);
+  padding-block-start: var(--utrecht-search-bar-list-item-padding-block-start);
+  padding-inline-end: var(--utrecht-search-bar-list-item-padding-inline-end);
+  padding-inline-start: var(--utrecht-search-bar-list-item-padding-inline-start);
+}
+
+.utrecht-search-bar__list-item--is-active {
+  background-color: var(--utrecht-search-bar-list-item-is-active-background-color);
+  color: var(--utrecht-search-bar-list-item-is-active-color);
+  font-weight: var(--utrecht-search-bar-list-item-is-active-font-weight);
+}
+
+.utrecht-search-bar__list-item--is-selected {
+  background-color: var(--utrecht-search-bar-list-item-is-selected-background-color);
+  color: var(--utrecht-search-bar-list-item-is-selected-color);
 }
 
 /**

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.527",
+  "version": "1.0.0-alpha.529",
   "author": "Community for NL Design System",
   "description": "Component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
@@ -26,5 +26,5 @@
     "clean": "rimraf dist/"
   },
   "main": "dist/index.css",
-  "gitHead": "e97f40c4c98692a5cb62915563a0888a832c715d"
+  "gitHead": "0d0431df93a8362970bad0af40c6a0ddb9157734"
 }