@xplor-education/react-wrappers 3.2.5 → 3.2.6

package/dist/components.cjs

@@ -9682,6 +9682,16 @@ ol.mdc-list.sc-xplor-button li.mdc-list-item.sc-xplor-button, ul.mdc-list.sc-xpl
   border-color: var(--color-secondary-50, #f3e5f5);
   color: white;
 }
+.x-button.tertiary.sc-xplor-button {
+  background-color: var(--color-tertiary, rgb(219, 59, 3));
+  border-color: var(--color-tertiary, rgb(219, 59, 3));
+  color: white;
+}
+.x-button.tertiary.sc-xplor-button:hover {
+  background-color: rgba(219, 59, 3, 0.85);
+  border-color: rgba(219, 59, 3, 0.85);
+  color: white;
+}
 .x-button.ghost.sc-xplor-button {
   background-color: #fff;
   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
 .x-button.disabled.x-button--icon-only.sc-xplor-button, .x-button.disabled.x-button--with-icon.sc-xplor-button {
   cursor: not-allowed;
   opacity: 0.6;
-}`,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:"7e1c935559697792d2309c397baa4c9614afc136",class:{"x-button--full-width":n}},p("slot",{key:"c4b12ac8a43aa8640b5f1b46d2eec44ae0b52c3a"},p("button",{key:"4bf6b7c8ab48618a343481f3c603f3d48fafbe6a",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:"09bbac7ae367a56a5a23ff5d010ee453ddc09499",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;
+}`,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;
 @tailwind components;
 @tailwind utilities;
 @layer base {

package/dist/components.js

@@ -12207,6 +12207,16 @@ ol.mdc-list.sc-xplor-button li.mdc-list-item.sc-xplor-button, ul.mdc-list.sc-xpl
   border-color: var(--color-secondary-50, #f3e5f5);
   color: white;
 }
+.x-button.tertiary.sc-xplor-button {
+  background-color: var(--color-tertiary, rgb(219, 59, 3));
+  border-color: var(--color-tertiary, rgb(219, 59, 3));
+  color: white;
+}
+.x-button.tertiary.sc-xplor-button:hover {
+  background-color: rgba(219, 59, 3, 0.85);
+  border-color: rgba(219, 59, 3, 0.85);
+  color: white;
+}
 .x-button.ghost.sc-xplor-button {
   background-color: #fff;
   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
   }
   render() {
     const n = this.fullWidth || this.fullWidthAttr, e = !this.text && this.iconPosition !== null, r = this.iconPosition !== null;
-    return p(E, { key: "7e1c935559697792d2309c397baa4c9614afc136", class: { "x-button--full-width": n } }, p("slot", { key: "c4b12ac8a43aa8640b5f1b46d2eec44ae0b52c3a" }, p("button", { key: "4bf6b7c8ab48618a343481f3c603f3d48fafbe6a", 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: "09bbac7ae367a56a5a23ff5d010ee453ddc09499", class: "button-text" }, this.text), r && this.iconPosition === "end" && this.renderIcon())));
+    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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xplor-education/react-wrappers",
-  "version": "3.2.5",
+  "version": "3.2.6",
   "private": false,
   "description": "React component wrappers for the Xplor design system",
   "license": "MIT",
@@ -29,9 +29,14 @@
   "publishConfig": {
     "access": "public"
   },
+  "scripts": {
+    "clean": "rm -rf dist",
+    "build": "vite build",
+    "prepublishOnly": "pnpm run build"
+  },
   "dependencies": {
-    "@stencil/react-output-target": "0.8.0",
-    "@xplor-education/core-stencil-components": "3.2.3"
+    "@stencil/react-output-target": "workspace:*",
+    "@xplor-education/core-stencil-components": "workspace:*"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0"
@@ -44,9 +49,5 @@
     "typescript": "^5.6.3",
     "vite": "^5.4.8",
     "vite-plugin-dts": "^4.5.4"
-  },
-  "scripts": {
-    "clean": "rm -rf dist",
-    "build": "vite build"
   }
-}
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) Drifty Co.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.