@umbraco-ui/uui-box - npm Package Compare versions

Comparing version 0.0.6 to 0.0.7

dist/uui-box.min.js

@@ -17,3 +17,3 @@ (function(f){typeof define=="function"&&define.amd?define(f):f()})(function(){"use strict";/**
  * SPDX-License-Identifier: BSD-3-Clause
- */var I,D,V;class T extends A{constructor(){super(...arguments),this.renderOptions={host:this},this._$Dt=void 0}createRenderRoot(){var t,e;const s=super.createRenderRoot();return(t=(e=this.renderOptions).renderBefore)!==null&&t!==void 0||(e.renderBefore=s.firstChild),s}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Dt=dt(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Dt)===null||t===void 0||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Dt)===null||t===void 0||t.setConnected(!1)}render(){return g}}T.finalized=!0,T._$litElement$=!0,(I=globalThis.litElementHydrateSupport)===null||I===void 0||I.call(globalThis,{LitElement:T}),(D=globalThis.litElementPolyfillSupport)===null||D===void 0||D.call(globalThis,{LitElement:T}),((V=globalThis.litElementVersions)!==null&&V!==void 0?V:globalThis.litElementVersions=[]).push("3.0.0");class st extends T{render(){return at`<slot name="header"></slot><slot name="main"></slot><slot></slot>`}}st.styles=[nt`:host{display:block;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border-radius:var(--uui-size-border-radius,3px);background-color:var(--uui-interface-surface,#fefefe)}::slotted([slot=header]){border-bottom:1px solid var(--uui-interface-border,#c4c4c4)}::slotted([slot=header]),::slotted([slot=main]){padding:var(--uui-size-space-3,12px)}`],((n,t,e)=>{if(n.indexOf("-")>0===!1){console.error(`${n} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}customElements.get(n)?console.error(`${n} is already defined`):customElements.define(n,t,e)})("uui-box",st)});
+ */var I,D,V;class T extends A{constructor(){super(...arguments),this.renderOptions={host:this},this._$Dt=void 0}createRenderRoot(){var t,e;const s=super.createRenderRoot();return(t=(e=this.renderOptions).renderBefore)!==null&&t!==void 0||(e.renderBefore=s.firstChild),s}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Dt=dt(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Dt)===null||t===void 0||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Dt)===null||t===void 0||t.setConnected(!1)}render(){return g}}T.finalized=!0,T._$litElement$=!0,(I=globalThis.litElementHydrateSupport)===null||I===void 0||I.call(globalThis,{LitElement:T}),(D=globalThis.litElementPolyfillSupport)===null||D===void 0||D.call(globalThis,{LitElement:T}),((V=globalThis.litElementVersions)!==null&&V!==void 0?V:globalThis.litElementVersions=[]).push("3.0.0");class st extends T{render(){return at`<slot name="header"></slot><slot name="main"></slot><slot></slot>`}}st.styles=[nt`:host{display:block;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border-radius:var(--uui-border-radius,3px);background-color:var(--uui-interface-surface,#fefefe)}::slotted([slot=header]){border-bottom:1px solid var(--uui-interface-border,#c4c4c4)}::slotted([slot=header]),::slotted([slot=main]){padding:var(--uui-size-3,9px)}`],((n,t,e)=>{if(n.indexOf("-")>0===!1){console.error(`${n} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}customElements.get(n)?console.error(`${n} is already defined`):customElements.define(n,t,e)})("uui-box",st)});
 //# sourceMappingURL=uui-box.min.js.map

lib/index.js

@@ -19,3 +19,3 @@ import { css, LitElement, html } from 'lit';
         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-        border-radius: var(--uui-size-border-radius,3px);
+        border-radius: var(--uui-border-radius,3px);
         background-color: var(--uui-interface-surface,#FEFEFE);
@@ -30,3 +30,3 @@ }
       ::slotted([slot='main']) {
-        padding: var(--uui-size-space-3,12px);
+        padding: var(--uui-size-3,9px);
       }
@@ -33,0 +33,0 @@ `

lib/uui-box.element.js

@@ -18,3 +18,3 @@ import { css, LitElement, html } from 'lit';
         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-        border-radius: var(--uui-size-border-radius,3px);
+        border-radius: var(--uui-border-radius,3px);
         background-color: var(--uui-interface-surface,#FEFEFE);
@@ -29,3 +29,3 @@ }
       ::slotted([slot='main']) {
-        padding: var(--uui-size-space-3,12px);
+        padding: var(--uui-size-3,9px);
       }
@@ -32,0 +32,0 @@ `

package.json

 {
   "name": "@umbraco-ui/uui-box",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "license": "MIT",
@@ -31,3 +31,3 @@ "description": "A box web component for grouping elements",
   "dependencies": {
-    "@umbraco-ui/uui-base": "^0.0.9"
+    "@umbraco-ui/uui-base": "0.0.10"
   },
@@ -42,3 +42,3 @@ "scripts": {
   },
-  "gitHead": "ffb7ad3be3197ddb38f2a2917ffc3d70334d1ce2"
+  "gitHead": "5fa8aa5ade2a0b35193b05533156dbe10b25df3e"
 }

README.md

 # uui-avatar
 
-## Usage
+## Installation
 
+### ES imports
+
 ```zsh
@@ -21,5 +23,17 @@ npm i @umbraco-ui/uui-box
 
-## Example
+### CDN
 
+The component is available via CDN. This means it can be added to your application without the need of any bundler configuration. Here is how to use it with jsDelivr.
+
 ```html
+<!-- Latest Version -->
+<script src="https://cdn.jsdelivr.net/npm/@umbraco-ui/uui-box@latest/dist/uui-box.min.js"></script>
+
+<!-- Specific version -->
+<script src="https://cdn.jsdelivr.net/npm/@umbraco-ui/uui-box@X.X.X/dist/uui-box.min.js"></script>
+```
+
+## Usage
+
+```html
 <uui-box>
@@ -26,0 +40,0 @@ <div slot="header">Header</div>

No alert changes

Improved metrics

Total package byte prevSize

58793

increased by0.71%

Number of lines in readme file

43

increased by48.28%

Dependency changes

• + Added@umbraco-ui/uui-base@0.0.10(transitive)

• - Removed@umbraco-ui/uui-base@0.0.9(transitive)

• Updated@umbraco-ui/uui-base@0.0.10