@utrecht/component-library-css 1.0.0-alpha.115 → 1.0.0-alpha.119
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/bem.css +10 -12
- package/dist/index.css +11 -13
- package/dist/root-theme.css +1 -1
- package/package.json +4 -4
package/dist/bem.css
CHANGED
|
@@ -1482,7 +1482,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
1482
1482
|
|
|
1483
1483
|
.utrecht-topnav__link--focus, .utrecht-topnav__link:focus {
|
|
1484
1484
|
background-color: var(--utrecht-topnav-link-focus-background-color);
|
|
1485
|
-
|
|
1485
|
+
/* #ffd633 */
|
|
1486
1486
|
color: var(--utrecht-topnav-link-focus-color, var(--utrecht-topnav-link-color));
|
|
1487
1487
|
text-decoration: var(--utrecht-topnav-link-focus-text-decoration, var(--utrecht-topnav-link-text-decoration, underline));
|
|
1488
1488
|
}
|
|
@@ -1552,14 +1552,14 @@ ol.utrecht-breadcrumb__list {
|
|
|
1552
1552
|
border-block-end: none;
|
|
1553
1553
|
}
|
|
1554
1554
|
|
|
1555
|
-
/*draw the li item box bottom line*/
|
|
1555
|
+
/* draw the li item box bottom line */
|
|
1556
1556
|
.utrecht-sidenav__item span:not(.utrecht-sidenav__item:last-child span, .utrecht-sidenav__item--has-children span:first-of-type) {
|
|
1557
1557
|
border-block-end: 1px solid var(--utrecht-color-grey-80);
|
|
1558
1558
|
display: block;
|
|
1559
1559
|
margin-inline-start: var(--utrecht-space-inline-sm);
|
|
1560
1560
|
}
|
|
1561
1561
|
|
|
1562
|
-
/*Remove bottom padding form first item in list with children*/
|
|
1562
|
+
/* Remove bottom padding form first item in list with children */
|
|
1563
1563
|
.utrecht-sidenav__item .utrecht-sidenav__link--has-children {
|
|
1564
1564
|
padding-block-end: 0;
|
|
1565
1565
|
}
|
|
@@ -1599,25 +1599,25 @@ ol.utrecht-breadcrumb__list {
|
|
|
1599
1599
|
left: 26px;
|
|
1600
1600
|
}
|
|
1601
1601
|
|
|
1602
|
-
/*Little fix to move the dot to the right*/
|
|
1602
|
+
/* Little fix to move the dot to the right */
|
|
1603
1603
|
.utrecht-sidenav__link--current::before {
|
|
1604
1604
|
background-color: var(--utrecht-sidenav-link-hover-color);
|
|
1605
1605
|
left: 27px;
|
|
1606
1606
|
}
|
|
1607
1607
|
|
|
1608
|
-
/*Dot for link with siblings */
|
|
1608
|
+
/* Dot for link with siblings */
|
|
1609
1609
|
.utrecht-sidenav__link::before,
|
|
1610
1610
|
.utrecht-sidenav__link--sibling::before,
|
|
1611
1611
|
.utrecht-sidenav__item:last-child .utrecht-sidenav__link--current::before {
|
|
1612
1612
|
border-radius: 100%;
|
|
1613
1613
|
box-shadow: 0 0 2px 2px #fff;
|
|
1614
|
-
/*Make var*/
|
|
1614
|
+
/* Make var */
|
|
1615
1615
|
content: "";
|
|
1616
1616
|
height: 8px;
|
|
1617
1617
|
overflow: hidden;
|
|
1618
1618
|
position: absolute;
|
|
1619
1619
|
top: 20px;
|
|
1620
|
-
/*Hard value
|
|
1620
|
+
/* Hard value? */
|
|
1621
1621
|
transform: translateY(-50%) translateX(-2.5ch);
|
|
1622
1622
|
width: 8px;
|
|
1623
1623
|
z-index: 10;
|
|
@@ -1643,7 +1643,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
1643
1643
|
.utrecht-sidenav__item:last-child .utrecht-sidenav__link::after {
|
|
1644
1644
|
background: var(--utrecht-sidenav-item-marker-color);
|
|
1645
1645
|
/* min-height: 100%;
|
|
1646
|
-
height: calc(100% + 2px)
|
|
1646
|
+
height: calc(100% + 2px); */
|
|
1647
1647
|
bottom: 0;
|
|
1648
1648
|
content: "";
|
|
1649
1649
|
display: block;
|
|
@@ -1663,7 +1663,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
1663
1663
|
min-height: 38px;
|
|
1664
1664
|
}
|
|
1665
1665
|
|
|
1666
|
-
/* Remove first metro line in listing*/
|
|
1666
|
+
/* Remove first metro line in listing */
|
|
1667
1667
|
.utrecht-sidenav__item:first-child .utrecht-sidenav__link::after {
|
|
1668
1668
|
content: "";
|
|
1669
1669
|
display: none;
|
|
@@ -1690,7 +1690,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
1690
1690
|
position: relative;
|
|
1691
1691
|
}
|
|
1692
1692
|
|
|
1693
|
-
/*No last border on child item*/
|
|
1693
|
+
/* No last border on child item */
|
|
1694
1694
|
.utrecht-sidenav__item--child:last-child {
|
|
1695
1695
|
border: none;
|
|
1696
1696
|
}
|
|
@@ -2153,8 +2153,6 @@ ol.utrecht-breadcrumb__list {
|
|
|
2153
2153
|
--utrecht-button-primary-action-color: var(--utrecht-search-bar-button-color);
|
|
2154
2154
|
--utrecht-button-primary-action-hover-background-color: var(--utrecht-search-bar-hover-background-color);
|
|
2155
2155
|
--utrecht-button-text-transform: var(--utrecht-search-bar-button-text-transform);
|
|
2156
|
-
--utrecht-button-primary-action-hover-background-color: var(--utrecht-searchbar-hover-background-color);
|
|
2157
|
-
--utrecht-button-focus-transform-scale: var(--utrecht-searchbar-hover-background-transform);
|
|
2158
2156
|
--utrecht-textbox-border-color: var(--utrecht-search-bar-textbox-border-color);
|
|
2159
2157
|
--utrecht-textbox-padding-inline-start: var(--utrecht-search-bar-textbox-padding-inline-start);
|
|
2160
2158
|
--utrecht-textbox-border-bottom-width: var(--utrecht-search-bar-textbox-border-bottom-width);
|
package/dist/index.css
CHANGED
|
@@ -1522,7 +1522,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
1522
1522
|
|
|
1523
1523
|
.utrecht-topnav__link--focus, .utrecht-topnav__link:focus {
|
|
1524
1524
|
background-color: var(--utrecht-topnav-link-focus-background-color);
|
|
1525
|
-
|
|
1525
|
+
/* #ffd633 */
|
|
1526
1526
|
color: var(--utrecht-topnav-link-focus-color, var(--utrecht-topnav-link-color));
|
|
1527
1527
|
text-decoration: var(--utrecht-topnav-link-focus-text-decoration, var(--utrecht-topnav-link-text-decoration, underline));
|
|
1528
1528
|
}
|
|
@@ -1592,14 +1592,14 @@ ol.utrecht-breadcrumb__list {
|
|
|
1592
1592
|
border-block-end: none;
|
|
1593
1593
|
}
|
|
1594
1594
|
|
|
1595
|
-
/*draw the li item box bottom line*/
|
|
1595
|
+
/* draw the li item box bottom line */
|
|
1596
1596
|
.utrecht-sidenav__item span:not(.utrecht-sidenav__item:last-child span, .utrecht-sidenav__item--has-children span:first-of-type) {
|
|
1597
1597
|
border-block-end: 1px solid var(--utrecht-color-grey-80);
|
|
1598
1598
|
display: block;
|
|
1599
1599
|
margin-inline-start: var(--utrecht-space-inline-sm);
|
|
1600
1600
|
}
|
|
1601
1601
|
|
|
1602
|
-
/*Remove bottom padding form first item in list with children*/
|
|
1602
|
+
/* Remove bottom padding form first item in list with children */
|
|
1603
1603
|
.utrecht-sidenav__item .utrecht-sidenav__link--has-children {
|
|
1604
1604
|
padding-block-end: 0;
|
|
1605
1605
|
}
|
|
@@ -1639,25 +1639,25 @@ ol.utrecht-breadcrumb__list {
|
|
|
1639
1639
|
left: 26px;
|
|
1640
1640
|
}
|
|
1641
1641
|
|
|
1642
|
-
/*Little fix to move the dot to the right*/
|
|
1642
|
+
/* Little fix to move the dot to the right */
|
|
1643
1643
|
.utrecht-sidenav__link--current::before {
|
|
1644
1644
|
background-color: var(--utrecht-sidenav-link-hover-color);
|
|
1645
1645
|
left: 27px;
|
|
1646
1646
|
}
|
|
1647
1647
|
|
|
1648
|
-
/*Dot for link with siblings */
|
|
1648
|
+
/* Dot for link with siblings */
|
|
1649
1649
|
.utrecht-sidenav__link::before,
|
|
1650
1650
|
.utrecht-sidenav__link--sibling::before,
|
|
1651
1651
|
.utrecht-sidenav__item:last-child .utrecht-sidenav__link--current::before {
|
|
1652
1652
|
border-radius: 100%;
|
|
1653
1653
|
box-shadow: 0 0 2px 2px #fff;
|
|
1654
|
-
/*Make var*/
|
|
1654
|
+
/* Make var */
|
|
1655
1655
|
content: "";
|
|
1656
1656
|
height: 8px;
|
|
1657
1657
|
overflow: hidden;
|
|
1658
1658
|
position: absolute;
|
|
1659
1659
|
top: 20px;
|
|
1660
|
-
/*Hard value
|
|
1660
|
+
/* Hard value? */
|
|
1661
1661
|
transform: translateY(-50%) translateX(-2.5ch);
|
|
1662
1662
|
width: 8px;
|
|
1663
1663
|
z-index: 10;
|
|
@@ -1683,7 +1683,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
1683
1683
|
.utrecht-sidenav__item:last-child .utrecht-sidenav__link::after {
|
|
1684
1684
|
background: var(--utrecht-sidenav-item-marker-color);
|
|
1685
1685
|
/* min-height: 100%;
|
|
1686
|
-
height: calc(100% + 2px)
|
|
1686
|
+
height: calc(100% + 2px); */
|
|
1687
1687
|
bottom: 0;
|
|
1688
1688
|
content: "";
|
|
1689
1689
|
display: block;
|
|
@@ -1703,7 +1703,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
1703
1703
|
min-height: 38px;
|
|
1704
1704
|
}
|
|
1705
1705
|
|
|
1706
|
-
/* Remove first metro line in listing*/
|
|
1706
|
+
/* Remove first metro line in listing */
|
|
1707
1707
|
.utrecht-sidenav__item:first-child .utrecht-sidenav__link::after {
|
|
1708
1708
|
content: "";
|
|
1709
1709
|
display: none;
|
|
@@ -1730,7 +1730,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
1730
1730
|
position: relative;
|
|
1731
1731
|
}
|
|
1732
1732
|
|
|
1733
|
-
/*No last border on child item*/
|
|
1733
|
+
/* No last border on child item */
|
|
1734
1734
|
.utrecht-sidenav__item--child:last-child {
|
|
1735
1735
|
border: none;
|
|
1736
1736
|
}
|
|
@@ -2193,8 +2193,6 @@ ol.utrecht-breadcrumb__list {
|
|
|
2193
2193
|
--utrecht-button-primary-action-color: var(--utrecht-search-bar-button-color);
|
|
2194
2194
|
--utrecht-button-primary-action-hover-background-color: var(--utrecht-search-bar-hover-background-color);
|
|
2195
2195
|
--utrecht-button-text-transform: var(--utrecht-search-bar-button-text-transform);
|
|
2196
|
-
--utrecht-button-primary-action-hover-background-color: var(--utrecht-searchbar-hover-background-color);
|
|
2197
|
-
--utrecht-button-focus-transform-scale: var(--utrecht-searchbar-hover-background-transform);
|
|
2198
2196
|
--utrecht-textbox-border-color: var(--utrecht-search-bar-textbox-border-color);
|
|
2199
2197
|
--utrecht-textbox-padding-inline-start: var(--utrecht-search-bar-textbox-padding-inline-start);
|
|
2200
2198
|
--utrecht-textbox-border-bottom-width: var(--utrecht-search-bar-textbox-border-bottom-width);
|
|
@@ -5098,7 +5096,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
5098
5096
|
/* Collection of CSS variables for Utrecht theme applied to `:root` */
|
|
5099
5097
|
/**
|
|
5100
5098
|
* Do not edit directly
|
|
5101
|
-
* Generated on
|
|
5099
|
+
* Generated on Sun, 31 Oct 2021 20:29:22 GMT
|
|
5102
5100
|
*/
|
|
5103
5101
|
:root {
|
|
5104
5102
|
--utrecht-searchbar-hover-transform: 1;
|
package/dist/root-theme.css
CHANGED
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.0.0-alpha.
|
|
2
|
+
"version": "1.0.0-alpha.119",
|
|
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",
|
|
@@ -16,15 +16,15 @@
|
|
|
16
16
|
"url": "git@github.com:nl-design-system/utrecht.git"
|
|
17
17
|
},
|
|
18
18
|
"devDependencies": {
|
|
19
|
-
"@utrecht/design-tokens": "1.0.0-alpha.
|
|
19
|
+
"@utrecht/design-tokens": "1.0.0-alpha.112",
|
|
20
20
|
"node-sass-package-importer": "5.3.2",
|
|
21
21
|
"rimraf": "3.0.2",
|
|
22
|
-
"sass": "1.43.
|
|
22
|
+
"sass": "1.43.4"
|
|
23
23
|
},
|
|
24
24
|
"scripts": {
|
|
25
25
|
"prebuild": "npm run clean",
|
|
26
26
|
"build": "sass src/:dist/ --load-path=../../node_modules/ --no-source-map",
|
|
27
27
|
"clean": "rimraf dist/"
|
|
28
28
|
},
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "390dba8a40cd716324b7655702d19d3b0fc1b17a"
|
|
30
30
|
}
|