@xplor-education/react-wrappers 3.2.4 → 3.2.6
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/dist/components.cjs +11 -1
- package/dist/components.js +11 -1
- package/package.json +1 -1
package/dist/components.cjs
CHANGED
|
@@ -9682,6 +9682,16 @@ ol.mdc-list.sc-xplor-button li.mdc-list-item.sc-xplor-button, ul.mdc-list.sc-xpl
|
|
|
9682
9682
|
border-color: var(--color-secondary-50, #f3e5f5);
|
|
9683
9683
|
color: white;
|
|
9684
9684
|
}
|
|
9685
|
+
.x-button.tertiary.sc-xplor-button {
|
|
9686
|
+
background-color: var(--color-tertiary, rgb(219, 59, 3));
|
|
9687
|
+
border-color: var(--color-tertiary, rgb(219, 59, 3));
|
|
9688
|
+
color: white;
|
|
9689
|
+
}
|
|
9690
|
+
.x-button.tertiary.sc-xplor-button:hover {
|
|
9691
|
+
background-color: rgba(219, 59, 3, 0.85);
|
|
9692
|
+
border-color: rgba(219, 59, 3, 0.85);
|
|
9693
|
+
color: white;
|
|
9694
|
+
}
|
|
9685
9695
|
.x-button.ghost.sc-xplor-button {
|
|
9686
9696
|
background-color: #fff;
|
|
9687
9697
|
border-color: var(--color-secondary);
|
|
@@ -9770,7 +9780,7 @@ ol.mdc-list.sc-xplor-button li.mdc-list-item.sc-xplor-button, ul.mdc-list.sc-xpl
|
|
|
9770
9780
|
.x-button.disabled.x-button--icon-only.sc-xplor-button, .x-button.disabled.x-button--with-icon.sc-xplor-button {
|
|
9771
9781
|
cursor: not-allowed;
|
|
9772
9782
|
opacity: 0.6;
|
|
9773
|
-
}`,Vl=M(class extends ${constructor(){super(),this.__registerHost(),this.type="secondary",this.mode="pg",this.ariaLabel=null,this.disabled=!1,this.fullWidth=!1,this.fullWidthAttr=!1,this.iconPosition=null,this.icon="+"}renderIcon(){return this.icon==="svg"&&this.iconSvg?p("span",{class:"button-icon button-icon--svg ",innerHTML:this.iconSvg}):p("span",{class:"button-icon"},this.icon)}render(){const n=this.fullWidth||this.fullWidthAttr,e=!this.text&&this.iconPosition!==null,r=this.iconPosition!==null;return p(E,{key:"
|
|
9783
|
+
}`,Vl=M(class extends ${constructor(){super(),this.__registerHost(),this.type="secondary",this.mode="pg",this.ariaLabel=null,this.disabled=!1,this.fullWidth=!1,this.fullWidthAttr=!1,this.iconPosition=null,this.icon="+"}renderIcon(){return this.icon==="svg"&&this.iconSvg?p("span",{class:"button-icon button-icon--svg ",innerHTML:this.iconSvg}):p("span",{class:"button-icon"},this.icon)}render(){const n=this.fullWidth||this.fullWidthAttr,e=!this.text&&this.iconPosition!==null,r=this.iconPosition!==null;return p(E,{key:"d338a1b17a25fc843820a5dde83a38663a6ebb2e",class:{"x-button--full-width":n}},p("slot",{key:"5a6e640c188b9b9e1165add358cb71b97c319dd0"},p("button",{key:"c699bebecfac65bb0705f6397891afe22105b12c",role:"button",class:Object.assign({"x-button":!0,[this.type]:!0,"x-button--full-width":n,"x-button--icon-only":e,"x-button--with-icon":r&&!e,"x-button--icon-start":this.iconPosition==="start"&&!e,"x-button--icon-end":this.iconPosition==="end"&&!e},this.styles?{[this.styles]:!0}:{}),onClick:()=>this.clickAction&&this.clickAction(),"aria-label":this.ariaLabel,"aria-disabled":this.disabled?"true":null,disabled:this.disabled},r&&this.iconPosition==="start"&&this.renderIcon(),this.text&&p("span",{key:"d830e09d660f0260e83a4eca4cf41ab49aa4a490",class:"button-text"},this.text),r&&this.iconPosition==="end"&&this.renderIcon())))}static get style(){return Eu}},[6,"xplor-button",{text:[1],type:[1],mode:[1],size:[1],styles:[1],clickAction:[16,"click-action"],ariaLabel:[1,"aria-label"],disabled:[4],fullWidth:[516,"full-width"],fullWidthAttr:[4,"fullwidth"],iconPosition:[1,"icon-position"],icon:[1],iconSvg:[1,"icon-svg"]}]);function Lt(){if(typeof customElements>"u")return;["xplor-button"].forEach(n=>{switch(n){case"xplor-button":customElements.get(n)||customElements.define(n,Vl);break}})}const Iu=`@tailwind base;
|
|
9774
9784
|
@tailwind components;
|
|
9775
9785
|
@tailwind utilities;
|
|
9776
9786
|
@layer base {
|
package/dist/components.js
CHANGED
|
@@ -12207,6 +12207,16 @@ ol.mdc-list.sc-xplor-button li.mdc-list-item.sc-xplor-button, ul.mdc-list.sc-xpl
|
|
|
12207
12207
|
border-color: var(--color-secondary-50, #f3e5f5);
|
|
12208
12208
|
color: white;
|
|
12209
12209
|
}
|
|
12210
|
+
.x-button.tertiary.sc-xplor-button {
|
|
12211
|
+
background-color: var(--color-tertiary, rgb(219, 59, 3));
|
|
12212
|
+
border-color: var(--color-tertiary, rgb(219, 59, 3));
|
|
12213
|
+
color: white;
|
|
12214
|
+
}
|
|
12215
|
+
.x-button.tertiary.sc-xplor-button:hover {
|
|
12216
|
+
background-color: rgba(219, 59, 3, 0.85);
|
|
12217
|
+
border-color: rgba(219, 59, 3, 0.85);
|
|
12218
|
+
color: white;
|
|
12219
|
+
}
|
|
12210
12220
|
.x-button.ghost.sc-xplor-button {
|
|
12211
12221
|
background-color: #fff;
|
|
12212
12222
|
border-color: var(--color-secondary);
|
|
@@ -12304,7 +12314,7 @@ ol.mdc-list.sc-xplor-button li.mdc-list-item.sc-xplor-button, ul.mdc-list.sc-xpl
|
|
|
12304
12314
|
}
|
|
12305
12315
|
render() {
|
|
12306
12316
|
const n = this.fullWidth || this.fullWidthAttr, e = !this.text && this.iconPosition !== null, r = this.iconPosition !== null;
|
|
12307
|
-
return p(E, { key: "
|
|
12317
|
+
return p(E, { key: "d338a1b17a25fc843820a5dde83a38663a6ebb2e", class: { "x-button--full-width": n } }, p("slot", { key: "5a6e640c188b9b9e1165add358cb71b97c319dd0" }, p("button", { key: "c699bebecfac65bb0705f6397891afe22105b12c", role: "button", class: Object.assign({ "x-button": !0, [this.type]: !0, "x-button--full-width": n, "x-button--icon-only": e, "x-button--with-icon": r && !e, "x-button--icon-start": this.iconPosition === "start" && !e, "x-button--icon-end": this.iconPosition === "end" && !e }, this.styles ? { [this.styles]: !0 } : {}), onClick: () => this.clickAction && this.clickAction(), "aria-label": this.ariaLabel, "aria-disabled": this.disabled ? "true" : null, disabled: this.disabled }, r && this.iconPosition === "start" && this.renderIcon(), this.text && p("span", { key: "d830e09d660f0260e83a4eca4cf41ab49aa4a490", class: "button-text" }, this.text), r && this.iconPosition === "end" && this.renderIcon())));
|
|
12308
12318
|
}
|
|
12309
12319
|
static get style() {
|
|
12310
12320
|
return Eu;
|