@utrecht/component-library-css 1.0.0-alpha.528 → 1.0.0-alpha.529
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.
- package/dist/index.css +50 -7
- package/package.json +2 -2
package/dist/index.css
CHANGED
|
@@ -3211,6 +3211,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
3211
3211
|
block-size: var(--utrecht-icon-size);
|
|
3212
3212
|
color: var(--utrecht-icon-color);
|
|
3213
3213
|
display: inline-block;
|
|
3214
|
+
font-size: var(--utrecht-icon-size);
|
|
3214
3215
|
inline-size: var(--utrecht-icon-size);
|
|
3215
3216
|
inset-block-start: var(--utrecht-icon-inset-block-start, 0);
|
|
3216
3217
|
position: relative;
|
|
@@ -4978,20 +4979,62 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
4978
4979
|
--utrecht-button-letter-spacing: var(--utrecht-search-bar-button-letter-spacing);
|
|
4979
4980
|
--utrecht-button-primary-action-background-color: var(--utrecht-search-bar-button-background-color);
|
|
4980
4981
|
--utrecht-button-primary-action-color: var(--utrecht-search-bar-button-color);
|
|
4981
|
-
--utrecht-button-primary-action-hover-background-color: var(--utrecht-search-bar-hover-background-color);
|
|
4982
|
+
--utrecht-button-primary-action-hover-background-color: var(--utrecht-search-bar-button-hover-background-color);
|
|
4982
4983
|
--utrecht-button-text-transform: var(--utrecht-search-bar-button-text-transform);
|
|
4983
|
-
--utrecht-textbox-border-color: var(--utrecht-search-bar-
|
|
4984
|
-
--utrecht-textbox-padding-inline-start: var(--utrecht-search-bar-
|
|
4985
|
-
--utrecht-textbox-border-bottom-width: var(--utrecht-search-bar-
|
|
4984
|
+
--utrecht-textbox-border-color: var(--utrecht-search-bar-input-border-color);
|
|
4985
|
+
--utrecht-textbox-padding-inline-start: var(--utrecht-search-bar-input-padding-inline-start);
|
|
4986
|
+
--utrecht-textbox-border-bottom-width: var(--utrecht-search-bar-input-border-bottom-width);
|
|
4987
|
+
--utrecht-textbox-max-inline-size: var(--utrecht-search-bar-input-max-inline-size);
|
|
4986
4988
|
display: flex;
|
|
4987
4989
|
}
|
|
4988
4990
|
|
|
4989
4991
|
.utrecht-search-bar__input {
|
|
4990
4992
|
background-image: var(--utrecht-search-bar-input-background-image, none);
|
|
4991
|
-
background-position-x: var(--utrecht-search-bar-
|
|
4992
|
-
background-position-y: var(--utrecht-search-bar-
|
|
4993
|
+
background-position-x: var(--utrecht-search-bar-input-background-position-x);
|
|
4994
|
+
background-position-y: var(--utrecht-search-bar-input-background-position-y);
|
|
4993
4995
|
background-repeat: no-repeat;
|
|
4994
|
-
background-size: var(--utrecht-search-bar-
|
|
4996
|
+
background-size: var(--utrecht-search-bar-input-background-size);
|
|
4997
|
+
}
|
|
4998
|
+
|
|
4999
|
+
.utrecht-search-bar__dropdown {
|
|
5000
|
+
border-color: var(--utrecht-search-bar-dropdown-border-color);
|
|
5001
|
+
border-style: solid;
|
|
5002
|
+
border-width: var(--utrecht-search-bar-dropdown-border-width);
|
|
5003
|
+
inline-size: var(--utrecht-search-bar-dropdown-inline-size, var(--utrecht-form-input-max-inline-size));
|
|
5004
|
+
max-block-size: var(--utrecht-search-bar-dropdown-max-block-size);
|
|
5005
|
+
overflow: auto;
|
|
5006
|
+
padding-block-end: var(--utrecht-search-bar-dropdown-padding-block-end);
|
|
5007
|
+
padding-block-start: var(--utrecht-search-bar-dropdown-padding-block-start);
|
|
5008
|
+
padding-inline-end: var(--utrecht-search-bar-dropdown-padding-inline-end);
|
|
5009
|
+
padding-inline-start: var(--utrecht-search-bar-dropdown-padding-inline-start);
|
|
5010
|
+
position: absolute;
|
|
5011
|
+
z-index: var(--utrecht-search-bar-dropdown-z-index);
|
|
5012
|
+
}
|
|
5013
|
+
|
|
5014
|
+
.utrecht-search-bar__section-title {
|
|
5015
|
+
color: var(--utrecht-search-bar-section-title-color);
|
|
5016
|
+
font-size: var(--utrecht-search-bar-section-title-font-size);
|
|
5017
|
+
font-weight: var(--utrecht-search-bar-section-title-font-weight);
|
|
5018
|
+
line-height: var(--utrecht-search-bar-section-title-line-height);
|
|
5019
|
+
margin-inline-start: var(--utrecht-search-bar-section-title-margin-inline-start);
|
|
5020
|
+
}
|
|
5021
|
+
|
|
5022
|
+
.utrecht-search-bar__list-item {
|
|
5023
|
+
padding-block-end: var(--utrecht-search-bar-list-item-padding-block-end);
|
|
5024
|
+
padding-block-start: var(--utrecht-search-bar-list-item-padding-block-start);
|
|
5025
|
+
padding-inline-end: var(--utrecht-search-bar-list-item-padding-inline-end);
|
|
5026
|
+
padding-inline-start: var(--utrecht-search-bar-list-item-padding-inline-start);
|
|
5027
|
+
}
|
|
5028
|
+
|
|
5029
|
+
.utrecht-search-bar__list-item--is-active {
|
|
5030
|
+
background-color: var(--utrecht-search-bar-list-item-is-active-background-color);
|
|
5031
|
+
color: var(--utrecht-search-bar-list-item-is-active-color);
|
|
5032
|
+
font-weight: var(--utrecht-search-bar-list-item-is-active-font-weight);
|
|
5033
|
+
}
|
|
5034
|
+
|
|
5035
|
+
.utrecht-search-bar__list-item--is-selected {
|
|
5036
|
+
background-color: var(--utrecht-search-bar-list-item-is-selected-background-color);
|
|
5037
|
+
color: var(--utrecht-search-bar-list-item-is-selected-color);
|
|
4995
5038
|
}
|
|
4996
5039
|
|
|
4997
5040
|
/**
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.0.0-alpha.
|
|
2
|
+
"version": "1.0.0-alpha.529",
|
|
3
3
|
"author": "Community for NL Design System",
|
|
4
4
|
"description": "Component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
|
|
5
5
|
"license": "EUPL-1.2",
|
|
@@ -26,5 +26,5 @@
|
|
|
26
26
|
"clean": "rimraf dist/"
|
|
27
27
|
},
|
|
28
28
|
"main": "dist/index.css",
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "0d0431df93a8362970bad0af40c6a0ddb9157734"
|
|
30
30
|
}
|