@utrecht/component-library-css 1.0.0-alpha.166 → 1.0.0-alpha.167

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.
Files changed (5) hide show
  1. package/dist/bem.css +10 -0
  2. package/dist/html.css +20 -0
  3. package/dist/index.css +32 -1
  4. package/dist/root-theme.css +2 -1
  5. package/package.json +3 -3
package/dist/bem.css CHANGED
@@ -1269,6 +1269,16 @@ however browsers don't seem to have implemented great looking supixel tweening y
1269
1269
  text-underline-offset: var(--utrecht-link-text-underline-offset);
1270
1270
  }
1271
1271
 
1272
+ .utrecht-link-icon-left {
1273
+ background-image: var(--utrecht-link-icon-left-background-image, none);
1274
+ background-position: 0 0.25em;
1275
+ background-repeat: no-repeat;
1276
+ color: var(--utrecht-link-color, blue);
1277
+ font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
1278
+ padding-inline-start: var(--utrecht-space-block-md);
1279
+ text-decoration: none;
1280
+ }
1281
+
1272
1282
  .utrecht-link:visited,
1273
1283
  .utrecht-link--visited {
1274
1284
  color: var(--utrecht-link-visited-color, var(--utrecht-link-color));
package/dist/html.css CHANGED
@@ -1076,6 +1076,16 @@ however browsers don't seem to have implemented great looking supixel tweening y
1076
1076
  text-underline-offset: var(--utrecht-link-text-underline-offset);
1077
1077
  }
1078
1078
 
1079
+ .utrecht-link-icon-left {
1080
+ background-image: var(--utrecht-link-icon-left-background-image, none);
1081
+ background-position: 0 0.25em;
1082
+ background-repeat: no-repeat;
1083
+ color: var(--utrecht-link-color, blue);
1084
+ font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
1085
+ padding-inline-start: var(--utrecht-space-block-md);
1086
+ text-decoration: none;
1087
+ }
1088
+
1079
1089
  .utrecht-link:visited,
1080
1090
  .utrecht-link--visited,
1081
1091
  .utrecht-html a:visited {
@@ -1774,6 +1784,16 @@ however browsers don't seem to have implemented great looking supixel tweening y
1774
1784
  text-underline-offset: var(--utrecht-link-text-underline-offset);
1775
1785
  }
1776
1786
 
1787
+ .utrecht-link-icon-left {
1788
+ background-image: var(--utrecht-link-icon-left-background-image, none);
1789
+ background-position: 0 0.25em;
1790
+ background-repeat: no-repeat;
1791
+ color: var(--utrecht-link-color, blue);
1792
+ font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
1793
+ padding-inline-start: var(--utrecht-space-block-md);
1794
+ text-decoration: none;
1795
+ }
1796
+
1777
1797
  .utrecht-link:visited,
1778
1798
  .utrecht-link--visited,
1779
1799
  .utrecht-html a:visited {
package/dist/index.css CHANGED
@@ -1306,6 +1306,16 @@ however browsers don't seem to have implemented great looking supixel tweening y
1306
1306
  text-underline-offset: var(--utrecht-link-text-underline-offset);
1307
1307
  }
1308
1308
 
1309
+ .utrecht-link-icon-left {
1310
+ background-image: var(--utrecht-link-icon-left-background-image, none);
1311
+ background-position: 0 0.25em;
1312
+ background-repeat: no-repeat;
1313
+ color: var(--utrecht-link-color, blue);
1314
+ font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
1315
+ padding-inline-start: var(--utrecht-space-block-md);
1316
+ text-decoration: none;
1317
+ }
1318
+
1309
1319
  .utrecht-link:visited,
1310
1320
  .utrecht-link--visited,
1311
1321
  .utrecht-html a:visited {
@@ -3892,6 +3902,16 @@ however browsers don't seem to have implemented great looking supixel tweening y
3892
3902
  text-underline-offset: var(--utrecht-link-text-underline-offset);
3893
3903
  }
3894
3904
 
3905
+ .utrecht-link-icon-left {
3906
+ background-image: var(--utrecht-link-icon-left-background-image, none);
3907
+ background-position: 0 0.25em;
3908
+ background-repeat: no-repeat;
3909
+ color: var(--utrecht-link-color, blue);
3910
+ font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
3911
+ padding-inline-start: var(--utrecht-space-block-md);
3912
+ text-decoration: none;
3913
+ }
3914
+
3895
3915
  .utrecht-link:visited,
3896
3916
  .utrecht-link--visited,
3897
3917
  .utrecht-html a:visited {
@@ -4590,6 +4610,16 @@ however browsers don't seem to have implemented great looking supixel tweening y
4590
4610
  text-underline-offset: var(--utrecht-link-text-underline-offset);
4591
4611
  }
4592
4612
 
4613
+ .utrecht-link-icon-left {
4614
+ background-image: var(--utrecht-link-icon-left-background-image, none);
4615
+ background-position: 0 0.25em;
4616
+ background-repeat: no-repeat;
4617
+ color: var(--utrecht-link-color, blue);
4618
+ font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
4619
+ padding-inline-start: var(--utrecht-space-block-md);
4620
+ text-decoration: none;
4621
+ }
4622
+
4593
4623
  .utrecht-link:visited,
4594
4624
  .utrecht-link--visited,
4595
4625
  .utrecht-html a:visited {
@@ -5293,7 +5323,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5293
5323
  /* Collection of CSS variables for Utrecht theme applied to `:root` */
5294
5324
  /**
5295
5325
  * Do not edit directly
5296
- * Generated on Thu, 27 Jan 2022 13:09:48 GMT
5326
+ * Generated on Fri, 28 Jan 2022 10:35:33 GMT
5297
5327
  */
5298
5328
  :root {
5299
5329
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
@@ -5989,6 +6019,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
5989
6019
  }
5990
6020
  :root {
5991
6021
  --utrecht-menulijst-item-background-image: url("./pijltje.svg");
6022
+ --utrecht-link-icon-left-background-image: url("./pijltje.svg");
5992
6023
  --utrecht-search-bar-input-background-image: url("./icoon-zoek-rood.svg");
5993
6024
  --utrecht-select-background-image: url("./arrow-dropdown.svg");
5994
6025
  --utrecht-link-list-marker-background-image: url("./pijltje-zwart.svg");
package/dist/root-theme.css CHANGED
@@ -5,7 +5,7 @@
5
5
  /* Collection of CSS variables for Utrecht theme applied to `:root` */
6
6
  /**
7
7
  * Do not edit directly
8
- * Generated on Thu, 27 Jan 2022 13:09:48 GMT
8
+ * Generated on Fri, 28 Jan 2022 10:35:33 GMT
9
9
  */
10
10
  :root {
11
11
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
@@ -701,6 +701,7 @@
701
701
  }
702
702
  :root {
703
703
  --utrecht-menulijst-item-background-image: url("./pijltje.svg");
704
+ --utrecht-link-icon-left-background-image: url("./pijltje.svg");
704
705
  --utrecht-search-bar-input-background-image: url("./icoon-zoek-rood.svg");
705
706
  --utrecht-select-background-image: url("./arrow-dropdown.svg");
706
707
  --utrecht-link-list-marker-background-image: url("./pijltje-zwart.svg");
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.166",
2
+ "version": "1.0.0-alpha.167",
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,7 +16,7 @@
16
16
  "url": "git@github.com:nl-design-system/utrecht.git"
17
17
  },
18
18
  "devDependencies": {
19
- "@utrecht/design-tokens": "1.0.0-alpha.159",
19
+ "@utrecht/design-tokens": "1.0.0-alpha.160",
20
20
  "node-sass-package-importer": "5.3.2",
21
21
  "rimraf": "3.0.2",
22
22
  "sass": "1.49.0"
@@ -26,5 +26,5 @@
26
26
  "build": "sass src/:dist/ --load-path=../../node_modules/ --no-source-map",
27
27
  "clean": "rimraf dist/"
28
28
  },
29
- "gitHead": "e196cb08598cb3b559e48d3329adebf8dd40a4d2"
29
+ "gitHead": "f8bf13126ba56f27241835ee311f79f16507afcf"
30
30
  }