@spw-ds/spw-stencil-library 1.3.4 → 1.3.5

package/dist/components/spw-theme-provider.js

@@ -1 +1 @@
-import{p as e,H as s,h as o,t as r}from"./index.js";const t={rouge:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro'}:root{--spw-ds-primary:var(--spw-color-themes-red-red-500);--spw-ds-variant:var(--spw-color-themes-red-red-700);--spw-ds-active:var(--spw-color-themes-red-red-800);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-red-red-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-red-red-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-red-red-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-red-red-800)}",bleu:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro'}:root{--spw-ds-primary:var(--spw-color-themes-blue-blue-500);--spw-ds-variant:var(--spw-color-themes-blue-blue-700);--spw-ds-active:var(--spw-color-themes-blue-blue-800);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-blue-blue-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-blue-blue-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-blue-blue-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-blue-blue-800)}",bleuClair:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro'}:root{--spw-ds-primary:var(--spw-color-themes-light-blue-light-blue-600);--spw-ds-variant:var(--spw-color-themes-light-blue-light-blue-800);--spw-ds-active:var(--spw-color-themes-light-blue-light-blue-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-light-blue-light-blue-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-light-blue-light-blue-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-light-blue-light-blue-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-light-blue-light-blue-800)}",vert:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro'}:root{--spw-ds-primary:var(--spw-color-themes-green-green-700);--spw-ds-variant:var(--spw-color-themes-green-green-800);--spw-ds-active:var(--spw-color-themes-green-green-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-green-green-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-green-green-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-green-green-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-green-green-800)}",vertLeger:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro'}:root{--spw-ds-primary:var(--spw-color-themes-light-green-light-green-700);--spw-ds-variant:var(--spw-color-themes-light-green-light-green-800);--spw-ds-active:var(--spw-color-themes-light-green-light-green-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-light-green-light-green-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-light-green-light-green-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-light-green-light-green-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-light-green-light-green-800)}",orange:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro'}:root{--spw-ds-primary:var(--spw-color-themes-orange-orange-700);--spw-ds-variant:var(--spw-color-themes-orange-orange-800);--spw-ds-active:var(--spw-color-themes-orange-orange-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-orange-orange-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-orange-orange-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-orange-orange-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-orange-orange-800)}",turquoise:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro'}:root{--spw-ds-primary:var(--spw-color-themes-teal-teal-700);--spw-ds-variant:var(--spw-color-themes-teal-teal-800);--spw-ds-active:var(--spw-color-themes-teal-teal-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-teal-teal-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-teal-teal-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-teal-teal-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-teal-teal-800)}",indigo:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro'}:root{--spw-ds-primary:var(--spw-color-themes-indigo-indigo-700);--spw-ds-variant:var(--spw-color-themes-indigo-indigo-800);--spw-ds-active:var(--spw-color-themes-indigo-indigo-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-indigo-indigo-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-indigo-indigo-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-indigo-indigo-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-indigo-indigo-800)}",mauve:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro'}:root{--spw-ds-primary:var(--spw-color-themes-purple-purple-500);--spw-ds-variant:var(--spw-color-themes-purple-purple-800);--spw-ds-active:var(--spw-color-themes-purple-purple-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-purple-purple-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-purple-purple-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-purple-purple-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-purple-purple-800)}",gris:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro'}:root{--spw-ds-primary:var(--spw-color-themes-grey-grey-500);--spw-ds-variant:var(--spw-color-themes-grey-grey-800);--spw-ds-active:var(--spw-color-themes-grey-grey-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-grey-grey-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-grey-grey-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-grey-grey-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-grey-grey-800)}"},a=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.theme="rouge"}componentWillLoad(){this.applyTheme(this.theme)}componentWillUpdate(){this.applyTheme(this.theme)}applyTheme(e){const s="theme-styles";let o=document.getElementById(s);o||(o=document.createElement("style"),o.id=s,document.head.appendChild(o)),o.innerHTML=t[e],document.documentElement.setAttribute("data-theme",e)}render(){return o("main",{key:"b6cfa87f134b66c57ca99075db426ae052a7179b",class:"spw-theme-"+this.theme},o("slot",{key:"e1393ce6cf720a1bbd79c83c46181218679bb2f4"}))}get el(){return this}},[260,"spw-theme-provider",{theme:[1]}]),l=a,p=function(){"undefined"!=typeof customElements&&["spw-theme-provider"].forEach((e=>{"spw-theme-provider"===e&&(customElements.get(r(e))||customElements.define(r(e),a))}))};export{l as SpwThemeProvider,p as defineCustomElement}
+import{p as e,H as s,h as o,t as r}from"./index.js";const t={rouge:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro'}:root{--spw-ds-primary:var(--spw-color-themes-red-red-500);--spw-ds-variant:var(--spw-color-themes-red-red-700);--spw-ds-active:var(--spw-color-themes-red-red-800);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-red-red-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-red-red-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-red-red-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-red-red-800)}",bleu:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro'}:root{--spw-ds-primary:var(--spw-color-themes-blue-blue-500);--spw-ds-variant:var(--spw-color-themes-blue-blue-700);--spw-ds-active:var(--spw-color-themes-blue-blue-800);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-blue-blue-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-blue-blue-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-blue-blue-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-blue-blue-800)}",bleuClair:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro'}:root{--spw-ds-primary:var(--spw-color-themes-light-blue-light-blue-600);--spw-ds-variant:var(--spw-color-themes-light-blue-light-blue-800);--spw-ds-active:var(--spw-color-themes-light-blue-light-blue-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-light-blue-light-blue-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-light-blue-light-blue-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-light-blue-light-blue-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-light-blue-light-blue-800)}",vert:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro'}:root{--spw-ds-primary:var(--spw-color-themes-green-green-700);--spw-ds-variant:var(--spw-color-themes-green-green-800);--spw-ds-active:var(--spw-color-themes-green-green-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-green-green-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-green-green-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-green-green-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-green-green-800)}",vertLeger:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro'}:root{--spw-ds-primary:var(--spw-color-themes-light-green-light-green-700);--spw-ds-variant:var(--spw-color-themes-light-green-light-green-800);--spw-ds-active:var(--spw-color-themes-light-green-light-green-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-light-green-light-green-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-light-green-light-green-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-light-green-light-green-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-light-green-light-green-800)}",orange:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro'}:root{--spw-ds-primary:var(--spw-color-themes-orange-orange-700);--spw-ds-variant:var(--spw-color-themes-orange-orange-800);--spw-ds-active:var(--spw-color-themes-orange-orange-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-orange-orange-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-orange-orange-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-orange-orange-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-orange-orange-800)}",turquoise:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro'}:root{--spw-ds-primary:var(--spw-color-themes-teal-teal-700);--spw-ds-variant:var(--spw-color-themes-teal-teal-800);--spw-ds-active:var(--spw-color-themes-teal-teal-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-teal-teal-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-teal-teal-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-teal-teal-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-teal-teal-800)}",indigo:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro'}:root{--spw-ds-primary:var(--spw-color-themes-indigo-indigo-700);--spw-ds-variant:var(--spw-color-themes-indigo-indigo-800);--spw-ds-active:var(--spw-color-themes-indigo-indigo-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-indigo-indigo-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-indigo-indigo-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-indigo-indigo-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-indigo-indigo-800)}",mauve:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro'}:root{--spw-ds-primary:var(--spw-color-themes-purple-purple-500);--spw-ds-variant:var(--spw-color-themes-purple-purple-800);--spw-ds-active:var(--spw-color-themes-purple-purple-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-purple-purple-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-purple-purple-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-purple-purple-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-purple-purple-800)}",gris:()=>":root{--spw-ds-white:var(--spw-color-shades-base-white);--spw-ds-focus:var(--spw-color-themes-blue-blue-400);--spw-ds-font-icons-solid:'Font Awesome 7 Pro';--spw-ds-font-icons-brands:'Font Awesome 7 Brands';--spw-ds-font-icons-regular:'Font Awesome 7 Pro'}:root{--spw-ds-primary:var(--spw-color-themes-grey-grey-500);--spw-ds-variant:var(--spw-color-themes-grey-grey-800);--spw-ds-active:var(--spw-color-themes-grey-grey-900);--spw-ds-cta-outlined-bg-hover:var(--spw-color-themes-grey-grey-50);--spw-ds-cta-outlined-stroke-hover:var(--spw-color-themes-grey-grey-700);--spw-ds-cta-outlined-bg-active:var(--spw-color-themes-grey-grey-100);--spw-ds-cta-outlined-stroke-active:var(--spw-color-themes-grey-grey-800)}"},a=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.theme="rouge"}componentWillLoad(){this.applyTheme(this.theme)}componentWillUpdate(){this.applyTheme(this.theme)}applyTheme(e){const s="theme-styles";let o=document.getElementById(s);o||(o=document.createElement("style"),o.id=s,document.head.appendChild(o));const r=t[e];o.innerHTML="function"==typeof r?r():r,document.documentElement.setAttribute("data-theme",e)}render(){return o("main",{key:"b7afe2152b67a083c80e11c6f997783843d82b6f",class:"spw-theme-"+this.theme},o("slot",{key:"cd0f17e823c5b506e5b46635eac8536c321812bd"}))}get el(){return this}},[260,"spw-theme-provider",{theme:[1]}]),l=a,p=function(){"undefined"!=typeof customElements&&["spw-theme-provider"].forEach((e=>{"spw-theme-provider"===e&&(customElements.get(r(e))||customElements.define(r(e),a))}))};export{l as SpwThemeProvider,p as defineCustomElement}

package/dist/components_json.d.ts

@@ -207,6 +207,10 @@ export interface JsonDocsComponent {
    * Array of component Parts information, generate from `@part` tags
    */
   parts: JsonDocsPart[];
+  /**
+   * Array of custom states defined via @AttachInternals({ states: {...} })
+   */
+  customStates: JsonDocsCustomState[];
   /**
    * Array of metadata describing where the current component is used
    */
@@ -424,6 +428,28 @@ export interface JsonDocsPart {
    */
   docs: string;
 }
+/**
+ * A descriptor for a Custom State defined via @AttachInternals({ states: {...} })
+ *
+ * Custom states are exposed via the ElementInternals.states CustomStateSet
+ * and can be targeted with the CSS `:state()` pseudo-class.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/CustomStateSet
+ */
+export interface JsonDocsCustomState {
+  /**
+   * The name of the custom state (without dashes)
+   */
+  name: string;
+  /**
+   * The initial/default value of the state
+   */
+  initialValue: boolean;
+  /**
+   * A textual description of the custom state
+   */
+  docs: string;
+}
 /**
  * Represents a parsed block comment in a CSS, Sass, etc. file for a custom property.
  */