@utrecht/component-library-css 1.0.0-alpha.191 → 1.0.0-alpha.192
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/README.md +1 -1
- package/dist/bem.css +5 -5
- package/dist/html.css +10 -10
- package/dist/index.css +16 -16
- package/dist/root-theme.css +1 -1
- package/html-component.md +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
CSS components are developed using BEM class names and the stylesheets can be included in your page side-effect free. Apply the class names to your elements to make them stylable using design tokens.
|
|
6
6
|
|
|
7
7
|
```shell
|
|
8
|
-
npm install --save-dev @utrecht/component-library-css
|
|
8
|
+
npm install --save-dev --save-exact @utrecht/component-library-css
|
|
9
9
|
|
|
10
10
|
```
|
|
11
11
|
|
package/dist/bem.css
CHANGED
|
@@ -2342,11 +2342,11 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
2342
2342
|
vertical-align: baseline;
|
|
2343
2343
|
}
|
|
2344
2344
|
|
|
2345
|
-
.utrecht-
|
|
2346
|
-
color: var(--utrecht-table-
|
|
2347
|
-
font-size: var(--utrecht-table-
|
|
2348
|
-
font-weight: var(--utrecht-table-
|
|
2349
|
-
text-transform: var(--utrecht-table-
|
|
2345
|
+
.utrecht-table__header-cell {
|
|
2346
|
+
color: var(--utrecht-table-header-cell-color);
|
|
2347
|
+
font-size: var(--utrecht-table-header-cell-font-size);
|
|
2348
|
+
font-weight: var(--utrecht-table-header-cell-font-weight);
|
|
2349
|
+
text-transform: var(--utrecht-table-header-cell-text-transform);
|
|
2350
2350
|
}
|
|
2351
2351
|
|
|
2352
2352
|
.utrecht-table__cell {
|
package/dist/html.css
CHANGED
|
@@ -1317,11 +1317,11 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
1317
1317
|
vertical-align: baseline;
|
|
1318
1318
|
}
|
|
1319
1319
|
|
|
1320
|
-
.utrecht-
|
|
1321
|
-
color: var(--utrecht-table-
|
|
1322
|
-
font-size: var(--utrecht-table-
|
|
1323
|
-
font-weight: var(--utrecht-table-
|
|
1324
|
-
text-transform: var(--utrecht-table-
|
|
1320
|
+
.utrecht-table__header-cell, .utrecht-html th {
|
|
1321
|
+
color: var(--utrecht-table-header-cell-color);
|
|
1322
|
+
font-size: var(--utrecht-table-header-cell-font-size);
|
|
1323
|
+
font-weight: var(--utrecht-table-header-cell-font-weight);
|
|
1324
|
+
text-transform: var(--utrecht-table-header-cell-text-transform);
|
|
1325
1325
|
}
|
|
1326
1326
|
|
|
1327
1327
|
.utrecht-table__cell, .utrecht-html th,
|
|
@@ -2102,11 +2102,11 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
2102
2102
|
vertical-align: baseline;
|
|
2103
2103
|
}
|
|
2104
2104
|
|
|
2105
|
-
.utrecht-
|
|
2106
|
-
color: var(--utrecht-table-
|
|
2107
|
-
font-size: var(--utrecht-table-
|
|
2108
|
-
font-weight: var(--utrecht-table-
|
|
2109
|
-
text-transform: var(--utrecht-table-
|
|
2105
|
+
.utrecht-table__header-cell, .utrecht-html th {
|
|
2106
|
+
color: var(--utrecht-table-header-cell-color);
|
|
2107
|
+
font-size: var(--utrecht-table-header-cell-font-size);
|
|
2108
|
+
font-weight: var(--utrecht-table-header-cell-font-weight);
|
|
2109
|
+
text-transform: var(--utrecht-table-header-cell-text-transform);
|
|
2110
2110
|
}
|
|
2111
2111
|
|
|
2112
2112
|
.utrecht-table__cell, .utrecht-html th,
|
package/dist/index.css
CHANGED
|
@@ -2382,11 +2382,11 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
2382
2382
|
vertical-align: baseline;
|
|
2383
2383
|
}
|
|
2384
2384
|
|
|
2385
|
-
.utrecht-
|
|
2386
|
-
color: var(--utrecht-table-
|
|
2387
|
-
font-size: var(--utrecht-table-
|
|
2388
|
-
font-weight: var(--utrecht-table-
|
|
2389
|
-
text-transform: var(--utrecht-table-
|
|
2385
|
+
.utrecht-table__header-cell, .utrecht-html th {
|
|
2386
|
+
color: var(--utrecht-table-header-cell-color);
|
|
2387
|
+
font-size: var(--utrecht-table-header-cell-font-size);
|
|
2388
|
+
font-weight: var(--utrecht-table-header-cell-font-weight);
|
|
2389
|
+
text-transform: var(--utrecht-table-header-cell-text-transform);
|
|
2390
2390
|
}
|
|
2391
2391
|
|
|
2392
2392
|
.utrecht-table__cell, .utrecht-html th,
|
|
@@ -4084,11 +4084,11 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
4084
4084
|
vertical-align: baseline;
|
|
4085
4085
|
}
|
|
4086
4086
|
|
|
4087
|
-
.utrecht-
|
|
4088
|
-
color: var(--utrecht-table-
|
|
4089
|
-
font-size: var(--utrecht-table-
|
|
4090
|
-
font-weight: var(--utrecht-table-
|
|
4091
|
-
text-transform: var(--utrecht-table-
|
|
4087
|
+
.utrecht-table__header-cell, .utrecht-html th {
|
|
4088
|
+
color: var(--utrecht-table-header-cell-color);
|
|
4089
|
+
font-size: var(--utrecht-table-header-cell-font-size);
|
|
4090
|
+
font-weight: var(--utrecht-table-header-cell-font-weight);
|
|
4091
|
+
text-transform: var(--utrecht-table-header-cell-text-transform);
|
|
4092
4092
|
}
|
|
4093
4093
|
|
|
4094
4094
|
.utrecht-table__cell, .utrecht-html th,
|
|
@@ -4869,11 +4869,11 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
4869
4869
|
vertical-align: baseline;
|
|
4870
4870
|
}
|
|
4871
4871
|
|
|
4872
|
-
.utrecht-
|
|
4873
|
-
color: var(--utrecht-table-
|
|
4874
|
-
font-size: var(--utrecht-table-
|
|
4875
|
-
font-weight: var(--utrecht-table-
|
|
4876
|
-
text-transform: var(--utrecht-table-
|
|
4872
|
+
.utrecht-table__header-cell, .utrecht-html th {
|
|
4873
|
+
color: var(--utrecht-table-header-cell-color);
|
|
4874
|
+
font-size: var(--utrecht-table-header-cell-font-size);
|
|
4875
|
+
font-weight: var(--utrecht-table-header-cell-font-weight);
|
|
4876
|
+
text-transform: var(--utrecht-table-header-cell-text-transform);
|
|
4877
4877
|
}
|
|
4878
4878
|
|
|
4879
4879
|
.utrecht-table__cell, .utrecht-html th,
|
|
@@ -5264,7 +5264,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
5264
5264
|
/* Collection of CSS variables for Utrecht theme applied to `:root` */
|
|
5265
5265
|
/**
|
|
5266
5266
|
* Do not edit directly
|
|
5267
|
-
* Generated on
|
|
5267
|
+
* Generated on Mon, 11 Apr 2022 13:44:32 GMT
|
|
5268
5268
|
*/
|
|
5269
5269
|
:root {
|
|
5270
5270
|
--utrecht-toptask-nav-link-grid-max-inline-size: 240px;
|
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
|
|
8
|
+
* Generated on Mon, 11 Apr 2022 13:44:32 GMT
|
|
9
9
|
*/
|
|
10
10
|
:root {
|
|
11
11
|
--utrecht-toptask-nav-link-grid-max-inline-size: 240px;
|
package/html-component.md
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
HTML components contain a small subset of the CSS components, for components that occur in regular HTML pages with semantic HTML. You can apply the `utrecht-html-content` class name to your page, and any semantic HTML will be styled automatically. This can be helpful to style HTML content from a CMS, for example.
|
|
6
6
|
|
|
7
7
|
```shell
|
|
8
|
-
npm install --save-dev @utrecht/component-library-css
|
|
8
|
+
npm install --save-dev --save-exact @utrecht/component-library-css
|
|
9
9
|
```
|
|
10
10
|
|
|
11
11
|
Include the CSS in your HTML page like so:
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.0.0-alpha.
|
|
2
|
+
"version": "1.0.0-alpha.192",
|
|
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.
|
|
19
|
+
"@utrecht/design-tokens": "1.0.0-alpha.185",
|
|
20
20
|
"node-sass-package-importer": "5.3.2",
|
|
21
21
|
"rimraf": "3.0.2",
|
|
22
22
|
"sass": "1.50.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": "
|
|
29
|
+
"gitHead": "99098b8b9d047959fc561752b3e76265cc6f427c"
|
|
30
30
|
}
|