npm - @utrecht/web-component-library-stencil - Versions diffs - 1.0.0-alpha.40 → 1.0.0-alpha.401 - Mend

@utrecht/web-component-library-stencil 1.0.0-alpha.40 → 1.0.0-alpha.401

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 (1676) hide show

package/README.md CHANGED Viewed

@@ -1,3 +1,5 @@
+<!-- @license CC0-1.0 -->
 # Web Components
 If you want to use the components library, you can use custom elements in your HTML page to render the components. The npm package `@utrecht/web-component-library-stencil` contains the implementation of every web component, but each component will be loaded separately and on-demand, so including the entire component library will not slow down your application.
@@ -22,7 +24,28 @@ Combine it with the latest Web Components (for convenience you can use the unpkg
 Then you can go ahead and see the result:
 ```html
-<utrecht-html-content>
+<utrecht-html-content class="utrecht-theme">
   <h1>Page styled with NL Design System</h1>
 </utrecht-html-content>
 ```
+## `Content-Security-Policy`
+Autodiscovery of the nonce will ensure the CSS for lazy loaded components can be loaded in pages with a strict CSP configuration. To safely configure the nonce, render a `style` element early in the `<head>` of your HTML page, with a cryptographically strong random value in the `nonce` attribute that you must generate for each request. For example:
+```html
+<html>
+  <head>
+    <style nonce="2346ad27d7568ba9896f1b7da6b5991251debdf2"></style>
+  </head>
+</html>
+```
+The nonce must match with the nonce you provide in the `Content-Security-Policy` HTTP header for the web page. For example:
+```text
+Content-Security-Policy: default-src 'self'; style-src 'self' 'nonce-2346ad27d7568ba9896f1b7da6b5991251debdf2'
+Content-Type: text/html
+```
+**You MUST NOT use a hardcoded value for the nonce.** Do not copy the example code as-is.

package/dist/cjs/clsx.m-b21b5592.js ADDED Viewed

@@ -0,0 +1,5 @@
+'use strict';
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+exports.clsx = clsx;