@utrecht/component-library-css 1.0.0-alpha.99 → 1.0.0

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 (13) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/README.md +5 -3
  3. package/dist/html.css +1427 -1437
  4. package/dist/index.css +5464 -3456
  5. package/html-component.md +5 -3
  6. package/package.json +5 -5
  7. package/project.json +18 -0
  8. package/src/html.scss +1 -25
  9. package/src/index.scss +12 -7
  10. package/dist/bem.css +0 -2212
  11. package/dist/root-theme.css +0 -629
  12. package/src/bem.scss +0 -70
  13. package/src/root-theme.scss +0 -9
package/CHANGELOG.md ADDED
@@ -0,0 +1,8 @@
1
+ # @utrecht/component-library-css
2
+
3
+ ## 1.0.0
4
+
5
+ ### Patch Changes
6
+
7
+ - c7cae76a0d: allow word wrap for URL data, so it is fully readable in print and on screen
8
+ - 28a3ef848a: Support rendering of `<select>` element with multiple attribute.
package/README.md CHANGED
@@ -1,9 +1,11 @@
1
+ <!-- @license CC0-1.0 -->
2
+
1
3
  # CSS Components
2
4
 
3
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.
4
6
 
5
7
  ```shell
6
- npm install --save-dev @utrecht/component-library-css
8
+ npm install --save-dev --save-exact @utrecht/component-library-css
7
9
 
8
10
  ```
9
11
 
@@ -14,7 +16,7 @@ Theoretically you can include the components in your HTML page like so, but this
14
16
  <html lang="en">
15
17
  <head>
16
18
  <title>Example page</title>
17
- <link rel="stylesheet" href="node_modules/@utrecht/component-library-css/dist/bem.css" />
19
+ <link rel="stylesheet" href="node_modules/@utrecht/component-library-css" />
18
20
  </head>
19
21
  <body>
20
22
  <h1 class="utrecht-heading-1">Home</h1>
@@ -27,7 +29,7 @@ The BEM class names can be particularly useful to include only the CSS you need
27
29
 
28
30
  ```js
29
31
  import React from "react";
30
- import style from "@utrecht/component-library-css/dist/bem.css";
32
+ import style from "@utrecht/component-library-css";
31
33
 
32
34
  export default class ExamplePage extends React.Component {
33
35
  render() {