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

package/dist/types/stencil-public-runtime.d.ts

@@ -125,8 +125,27 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
+export interface AttachInternalsOptions {
+    /**
+     * Initial custom states to set on the ElementInternals.states CustomStateSet.
+     * Each key is the state name and the value is the initial boolean state.
+     *
+     * These states can be targeted with the CSS `:state()` pseudo-class.
+     *
+     * @example
+     * ```tsx
+     * @AttachInternals({ states: { open: true, active: false } })
+     * internals: ElementInternals;
+     * ```
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/CustomStateSet
+     */
+    states?: {
+        [stateName: string]: boolean;
+    };
+}
 export interface AttachInternalsDecorator {
-    (): PropertyDecorator;
+    (opts?: AttachInternalsOptions): PropertyDecorator;
 }
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
@@ -1419,6 +1438,8 @@ export declare namespace JSXBase {
         results?: number;
         security?: string;
         unselectable?: boolean;
+        [key: `attr:${string}`]: string;
+        [key: `prop:${string}`]: any;
     }
     interface SVGAttributes<T = SVGElement> extends DOMAttributes<T> {
         class?: string | {
@@ -1680,6 +1701,8 @@ export declare namespace JSXBase {
         yChannelSelector?: string;
         z?: number | string;
         zoomAndPan?: string;
+        [key: `attr:${string}`]: string;
+        [key: `prop:${string}`]: any;
     }
     /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent) */
     interface ToggleEvent extends Event {

package/dist/types/themes/themes.d.ts

@@ -1,13 +1,13 @@
 export declare const themes: {
-    rouge: string;
-    bleu: string;
-    bleuClair: string;
-    vert: string;
-    vertLeger: string;
-    orange: string;
-    turquoise: string;
-    indigo: string;
-    mauve: string;
-    gris: string;
+    rouge: () => string;
+    bleu: () => string;
+    bleuClair: () => string;
+    vert: () => string;
+    vertLeger: () => string;
+    orange: () => string;
+    turquoise: () => string;
+    indigo: () => string;
+    mauve: () => string;
+    gris: () => string;
 };
 export type SpwTheme = keyof typeof themes;