scu-web-components 0.0.57 → 0.0.59

package/dist/utils/suffix.js

@@ -1 +1 @@
-import{a}from"../chunks/chunk.THHB3DFF.js";import"../chunks/chunk.V4LKG7M5.js";import"../chunks/chunk.W4CRIA2R.js";import"../chunks/chunk.NBAHMDHF.js";import"../chunks/chunk.G2G2TPJK.js";import"../chunks/chunk.KRGVR4EU.js";export{a as default};
+import{a}from"../chunks/chunk.Y7O6U5BJ.js";import"../chunks/chunk.IQ74DK67.js";import"../chunks/chunk.W4CRIA2R.js";import"../chunks/chunk.NBAHMDHF.js";import"../chunks/chunk.G2G2TPJK.js";import"../chunks/chunk.KRGVR4EU.js";export{a as default};

package/dist-node/scw-alert/ScwAlert.js

@@ -40,7 +40,7 @@ var g=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var r=(n,i,e,o
   outline: 2px solid red !important;
 }`;var s=class{constructor(i,e){this._element=i,this._callback=e,this.observe()}observe(){if(this.disconnect(),this._element){let i={characterData:!0,childList:!0,attributes:!1,subtree:!0};this._mutationObserver=new MutationObserver(()=>this._callback()),this._mutationObserver.observe(this._element,i)}}disconnect(){!this._mutationObserver||this._mutationObserver.disconnect()}};var t=class extends y{constructor(){super(...arguments);this.ariaLabel="";this.ariaDisabled="false";this.isLink=!1;this.dynamic=!1;this.element="component"}disconnectedCallback(){super.disconnectedCallback(),this._lightDomMutationObserver&&this._lightDomMutationObserver.disconnect()}firstUpdated(e){super.firstUpdated(e),this.dynamic&&(this._lightDomMutationObserver=new s(this,()=>{this.domMutated()}))}domMutated(){}warn(e){this._lastWarning||(this._lastWarning=e,this.setAttribute("warning",e),this.setAttribute("title",`[ERROR]: ${e}`))}clearWarnings(){this._lastWarning=void 0,this.removeAttribute("warning"),this.removeAttribute("title")}render(){return x`
       <slot></slot>
-    `}};t.styles=p,r([l({type:String,reflect:!0,attribute:"aria-label"})],t.prototype,"ariaLabel",2),r([l({type:String,attribute:"aria-disabled"})],t.prototype,"ariaDisabled",2),r([l({type:Boolean,reflect:!0,attribute:"is-link"})],t.prototype,"isLink",2),r([l({type:Boolean})],t.prototype,"dynamic",2),r([l({type:String,reflect:!0})],t.prototype,"element",2),r([k()],t.prototype,"_lastWarning",2);var c=class extends t{constructor(){super();this.description="";this.element="alert",O&&this.addEventListener("click",()=>console.log("hi"))}static get styles(){return[t.styles,m]}render(){return _`
+    `}};t.styles=p,r([l({type:String,reflect:!0,attribute:"aria-label"})],t.prototype,"ariaLabel",2),r([l({type:String,attribute:"aria-disabled"})],t.prototype,"ariaDisabled",2),r([l({type:Boolean,reflect:!0,attribute:"is-link"})],t.prototype,"isLink",2),r([l({type:Boolean})],t.prototype,"dynamic",2),r([l({type:String,reflect:!0})],t.prototype,"element",2),r([k()],t.prototype,"_lastWarning",2);var c=class extends t{constructor(){super();this.description="";this.element="alert",O||this.addEventListener("click",()=>console.log("hi"))}static get styles(){return[t.styles,m]}render(){return _`
       <span class="message">${this.description}</span>
       <span class="description">${this.description}</span>
       ${JSON.stringify(t.styles)}

package/dist-node/scw-alert/scw-alert.js

@@ -40,7 +40,7 @@ var f=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var r=(s,i,e,c
   outline: 2px solid red !important;
 }`;var l=class{constructor(i,e){this._element=i,this._callback=e,this.observe()}observe(){if(this.disconnect(),this._element){let i={characterData:!0,childList:!0,attributes:!1,subtree:!0};this._mutationObserver=new MutationObserver(()=>this._callback()),this._mutationObserver.observe(this._element,i)}}disconnect(){!this._mutationObserver||this._mutationObserver.disconnect()}};var t=class extends y{constructor(){super(...arguments);this.ariaLabel="";this.ariaDisabled="false";this.isLink=!1;this.dynamic=!1;this.element="component"}disconnectedCallback(){super.disconnectedCallback(),this._lightDomMutationObserver&&this._lightDomMutationObserver.disconnect()}firstUpdated(e){super.firstUpdated(e),this.dynamic&&(this._lightDomMutationObserver=new l(this,()=>{this.domMutated()}))}domMutated(){}warn(e){this._lastWarning||(this._lastWarning=e,this.setAttribute("warning",e),this.setAttribute("title",`[ERROR]: ${e}`))}clearWarnings(){this._lastWarning=void 0,this.removeAttribute("warning"),this.removeAttribute("title")}render(){return x`
       <slot></slot>
-    `}};t.styles=p,r([o({type:String,reflect:!0,attribute:"aria-label"})],t.prototype,"ariaLabel",2),r([o({type:String,attribute:"aria-disabled"})],t.prototype,"ariaDisabled",2),r([o({type:Boolean,reflect:!0,attribute:"is-link"})],t.prototype,"isLink",2),r([o({type:Boolean})],t.prototype,"dynamic",2),r([o({type:String,reflect:!0})],t.prototype,"element",2),r([k()],t.prototype,"_lastWarning",2);var n=class extends t{constructor(){super();this.description="";this.element="alert",O&&this.addEventListener("click",()=>console.log("hi"))}static get styles(){return[t.styles,u]}render(){return _`
+    `}};t.styles=p,r([o({type:String,reflect:!0,attribute:"aria-label"})],t.prototype,"ariaLabel",2),r([o({type:String,attribute:"aria-disabled"})],t.prototype,"ariaDisabled",2),r([o({type:Boolean,reflect:!0,attribute:"is-link"})],t.prototype,"isLink",2),r([o({type:Boolean})],t.prototype,"dynamic",2),r([o({type:String,reflect:!0})],t.prototype,"element",2),r([k()],t.prototype,"_lastWarning",2);var n=class extends t{constructor(){super();this.description="";this.element="alert",O||this.addEventListener("click",()=>console.log("hi"))}static get styles(){return[t.styles,u]}render(){return _`
       <span class="message">${this.description}</span>
       <span class="description">${this.description}</span>
       ${JSON.stringify(t.styles)}

package/dist-node/scw-button/ScwButton.js

@@ -4,13 +4,17 @@ var _=Object.defineProperty;var n2=Object.getOwnPropertyDescriptor;var t=(a,o)=>
   justify-content: center;
   align-items: center;
 }`});import{css as V2}from"lit-element/lit-element.js";var $,I=t(()=>{"use strict";$=V2`
+:host([design=text]) {
+  display: inline-block;
+}
+
 :host([design=text]) .scw-link-base {
   outline: none;
   display: inline;
 }
 :host([design=text]) .scw-link-base .label {
   text-align: LEFT;
-  font: var(--scw-type-text-font);
+  font: var(--scw-type-text-06-font);
   color: var(--scw-color-primary-04);
   text-decoration: underline;
 }
@@ -18,13 +22,13 @@ var _=Object.defineProperty;var n2=Object.getOwnPropertyDescriptor;var t=(a,o)=>
 :host([design=text]:hover) a.scw-link-base .label,
 :host([design=text][hover]) a.scw-link-base .label {
   text-align: LEFT;
-  font: var(--scw-type-text-font);
+  font: var(--scw-type-text-06-font);
   color: var(--scw-color-primary-01);
 }
 
 :host([design=text][aria-disabled=true]) .scw-link-base .label {
   text-align: LEFT;
-  font: var(--scw-type-text-font);
+  font: var(--scw-type-text-06-font);
   color: var(--scw-color-grey-07);
 }`});import{css as H2}from"lit-element/lit-element.js";var R,O=t(()=>{"use strict";R=H2`
 :host([design=solid]) .scw-link-base {
@@ -38,7 +42,7 @@ var _=Object.defineProperty;var n2=Object.getOwnPropertyDescriptor;var t=(a,o)=>
   padding-right: calc(var(--scw-spacing-1) * 1.6);
   padding-top: calc(var(--scw-spacing-1) * 0.6);
   padding-bottom: calc(var(--scw-spacing-1) * 0.6);
-  background-color: var(--scw-theme-color, var(--scw-color-primary-04));
+  background-color: var(--scw-theme-color, var(--scw-color-primary));
   border-radius: 6px 6px 6px 6px;
   display: inline-flex;
 }
@@ -111,6 +115,9 @@ var _=Object.defineProperty;var n2=Object.getOwnPropertyDescriptor;var t=(a,o)=>
 :host([design=solid][aria-disabled=true]) .scw-link-base {
   background-color: var(--scw-color-grey-095);
   border-radius: 6px 6px 6px 6px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: var(--scw-color-grey-095);
 }
 :host([design=solid][aria-disabled=true]) .scw-link-base .label {
   text-align: LEFT;
@@ -130,7 +137,7 @@ var _=Object.defineProperty;var n2=Object.getOwnPropertyDescriptor;var t=(a,o)=>
   border-radius: 6px 6px 6px 6px;
   border-width: 2px;
   border-style: solid;
-  border-color: var(--scw-color-primary-04);
+  border-color: var(--scw-color-primary);
   display: flex;
   flex-flow: row nowrap;
   justify-content: center;
@@ -148,7 +155,7 @@ var _=Object.defineProperty;var n2=Object.getOwnPropertyDescriptor;var t=(a,o)=>
 :host([design=outlined]) .scw-link-base .label {
   text-align: LEFT;
   font: var(--scw-type-text-bold-condensed-06-font);
-  color: var(--scw-color-primary-04);
+  color: var(--scw-color-primary);
   min-height: 27px;
 }
 :host([design=outlined]) .scw-link-base .icon {
@@ -160,10 +167,10 @@ var _=Object.defineProperty;var n2=Object.getOwnPropertyDescriptor;var t=(a,o)=>
   vertical-align: top;
   width: 100%;
   height: 100%;
-  fill: var(--scw-color-primary-04);
+  fill: var(--scw-color-primary);
 }
 :host([design=outlined]) .scw-link-base .icon svg * {
-  fill: var(--scw-color-primary-04);
+  fill: var(--scw-color-primary);
 }
 
 :host([design=outlined][icon][icon-side=left]) .scw-link-base {

package/dist-node/scw-button/scw-button.js

@@ -4,13 +4,17 @@ var _=Object.defineProperty;var c2=Object.getOwnPropertyDescriptor;var t=(a,o)=>
   justify-content: center;
   align-items: center;
 }`});import{css as H2}from"lit-element/lit-element.js";var $,I=t(()=>{"use strict";$=H2`
+:host([design=text]) {
+  display: inline-block;
+}
+
 :host([design=text]) .scw-link-base {
   outline: none;
   display: inline;
 }
 :host([design=text]) .scw-link-base .label {
   text-align: LEFT;
-  font: var(--scw-type-text-font);
+  font: var(--scw-type-text-06-font);
   color: var(--scw-color-primary-04);
   text-decoration: underline;
 }
@@ -18,13 +22,13 @@ var _=Object.defineProperty;var c2=Object.getOwnPropertyDescriptor;var t=(a,o)=>
 :host([design=text]:hover) a.scw-link-base .label,
 :host([design=text][hover]) a.scw-link-base .label {
   text-align: LEFT;
-  font: var(--scw-type-text-font);
+  font: var(--scw-type-text-06-font);
   color: var(--scw-color-primary-01);
 }
 
 :host([design=text][aria-disabled=true]) .scw-link-base .label {
   text-align: LEFT;
-  font: var(--scw-type-text-font);
+  font: var(--scw-type-text-06-font);
   color: var(--scw-color-grey-07);
 }`});import{css as d2}from"lit-element/lit-element.js";var R,O=t(()=>{"use strict";R=d2`
 :host([design=solid]) .scw-link-base {
@@ -38,7 +42,7 @@ var _=Object.defineProperty;var c2=Object.getOwnPropertyDescriptor;var t=(a,o)=>
   padding-right: calc(var(--scw-spacing-1) * 1.6);
   padding-top: calc(var(--scw-spacing-1) * 0.6);
   padding-bottom: calc(var(--scw-spacing-1) * 0.6);
-  background-color: var(--scw-theme-color, var(--scw-color-primary-04));
+  background-color: var(--scw-theme-color, var(--scw-color-primary));
   border-radius: 6px 6px 6px 6px;
   display: inline-flex;
 }
@@ -111,6 +115,9 @@ var _=Object.defineProperty;var c2=Object.getOwnPropertyDescriptor;var t=(a,o)=>
 :host([design=solid][aria-disabled=true]) .scw-link-base {
   background-color: var(--scw-color-grey-095);
   border-radius: 6px 6px 6px 6px;
+  border-width: 2px;
+  border-style: solid;
+  border-color: var(--scw-color-grey-095);
 }
 :host([design=solid][aria-disabled=true]) .scw-link-base .label {
   text-align: LEFT;
@@ -130,7 +137,7 @@ var _=Object.defineProperty;var c2=Object.getOwnPropertyDescriptor;var t=(a,o)=>
   border-radius: 6px 6px 6px 6px;
   border-width: 2px;
   border-style: solid;
-  border-color: var(--scw-color-primary-04);
+  border-color: var(--scw-color-primary);
   display: flex;
   flex-flow: row nowrap;
   justify-content: center;
@@ -148,7 +155,7 @@ var _=Object.defineProperty;var c2=Object.getOwnPropertyDescriptor;var t=(a,o)=>
 :host([design=outlined]) .scw-link-base .label {
   text-align: LEFT;
   font: var(--scw-type-text-bold-condensed-06-font);
-  color: var(--scw-color-primary-04);
+  color: var(--scw-color-primary);
   min-height: 27px;
 }
 :host([design=outlined]) .scw-link-base .icon {
@@ -160,10 +167,10 @@ var _=Object.defineProperty;var c2=Object.getOwnPropertyDescriptor;var t=(a,o)=>
   vertical-align: top;
   width: 100%;
   height: 100%;
-  fill: var(--scw-color-primary-04);
+  fill: var(--scw-color-primary);
 }
 :host([design=outlined]) .scw-link-base .icon svg * {
-  fill: var(--scw-color-primary-04);
+  fill: var(--scw-color-primary);
 }
 
 :host([design=outlined][icon][icon-side=left]) .scw-link-base {