@usecapsule/core-components 2.0.10 → 3.0.1-dev.1

package/dist/types/constants.d.ts

@@ -1,3 +1,17 @@
 import { Theme } from './interface';
 export declare const MOBILE_SIZE = 480;
 export declare const DEFAULT_THEME: Theme;
+export declare const COLOR_MIXES: number[];
+export declare const UTILITY_COLORS: {
+    red: string;
+    yellow: string;
+    green: string;
+};
+export declare const DEFAULT_Z_INDICES: {
+    modalNoOverlay: number;
+    appBar: number;
+    overlay: number;
+    drawer: number;
+    modal: number;
+    popover: number;
+};

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
 export * from './components';
 export { generateTheme } from './utils/theme/generateTheme';
-export type { Theme, BorderRadius } from './interface';
+export type { Theme, BorderRadius, IconType } from './interface';

package/dist/types/interface.d.ts

@@ -50,6 +50,7 @@ export interface CustomPalette {
         surface?: {
             disabled?: string;
             default?: string;
+            hover?: string;
         };
         border?: {
             placeholder?: string;
@@ -57,6 +58,32 @@ export interface CustomPalette {
             error?: string;
         };
     };
+    select?: {
+        surface?: {
+            disabled?: string;
+            default?: string;
+            hover?: string;
+        };
+        border?: {
+            placeholder?: string;
+            active?: string;
+            error?: string;
+        };
+        dropdown?: {
+            border?: string;
+        };
+    };
+    file?: {
+        surface?: {
+            disabled?: string;
+            default?: string;
+            drag?: string;
+        };
+        border?: {
+            placeholder?: string;
+            error?: string;
+        };
+    };
     tileButton?: {
         surface?: {
             default?: string;
@@ -91,6 +118,19 @@ export interface CustomPalette {
         };
         outline?: string;
     };
+    destructiveButton?: {
+        surface?: {
+            default?: string;
+            hover?: string;
+            pressed?: string;
+            disabled?: string;
+        };
+        border?: {
+            default?: string;
+            disabled?: string;
+        };
+        outline?: string;
+    };
     divider?: string;
     spinner?: {
         path?: string;
@@ -144,4 +184,43 @@ export interface CustomPalette {
             error?: string;
         };
     };
+    switch?: {
+        surface?: {
+            default?: string;
+            checked?: string;
+        };
+        thumb?: {
+            default?: string;
+            checked?: string;
+        };
+    };
+    checkbox?: {
+        surface?: {
+            default?: string;
+            checked?: string;
+        };
+        border?: {
+            default?: string;
+            checked?: string;
+        };
+        icon?: string;
+    };
+    radio?: {
+        surface?: {
+            default?: string;
+            checked?: string;
+        };
+        border?: {
+            default?: string;
+            checked?: string;
+        };
+    };
+    card?: {
+        surface?: string;
+        border?: string;
+    };
+}
+export interface InteractionCallback {
+    eventName: string;
+    callback: (ev: any) => void;
 }

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

@@ -768,6 +768,7 @@ export declare namespace JSXBase {
         hrefLang?: string;
         hreflang?: string;
         media?: string;
+        ping?: string;
         rel?: string;
         target?: string;
         referrerPolicy?: ReferrerPolicy;
@@ -794,7 +795,6 @@ export declare namespace JSXBase {
         cite?: string;
     }
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         formAction?: string;
@@ -921,8 +921,6 @@ export declare namespace JSXBase {
         autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         capture?: string;
         checked?: boolean;
         crossOrigin?: string;
@@ -979,8 +977,6 @@ export declare namespace JSXBase {
         popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         challenge?: string;
         disabled?: boolean;
         form?: string;
@@ -1129,7 +1125,6 @@ export declare namespace JSXBase {
         type?: string;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1164,8 +1159,6 @@ export declare namespace JSXBase {
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         cols?: number;
         disabled?: boolean;
         form?: string;
@@ -1218,6 +1211,8 @@ export declare namespace JSXBase {
     interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
         innerHTML?: string;
         accessKey?: string;
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
         class?: string | {
             [className: string]: boolean;
         };

package/dist/types/utils/theme/utils.d.ts

@@ -3,3 +3,4 @@ export declare const isColor: (strColor: any) => boolean;
 export declare const getCssColors: (customPalette: CustomPalette) => {
     [k: string]: string;
 };
+export declare const overlayMix: (baseColor: string, overlayColor: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usecapsule/core-components",
-  "version": "2.0.10",
+  "version": "3.0.1-dev.1",
   "description": "Capsule Core Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -27,6 +27,7 @@
   },
   "dependencies": {
     "@stencil/core": "^4.7.0",
+    "color-blend": "^4.0.0",
     "color2k": "^2.0.3",
     "gsap": "^3.12.5",
     "lottie-web": "^5.12.2",
@@ -49,6 +50,5 @@
     "sass": "^1.71.1",
     "stencil-inline-svg": "^1.1.0",
     "ts-node": "^10.9.2"
-  },
-  "gitHead": "d6668445dbab34c8bd6d60464fadcc96c8351c28"
+  }
 }

package/dist/capsule/p-6b02ea8d.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as a,H as r}from"./p-b2997f3c.js";const c=":host{display:flex;flex-wrap:wrap}";const f=c;const e=class{constructor(a){s(this,a)}render(){return a(r,{key:"5f061d20ff017b612a4bada01c66992795cbabe1"},a("slot",{key:"ba35af68f6f00e8b12ff3c091935482beb10d27c"}))}};e.style=f;export{e as cpsl_row};
-//# sourceMappingURL=p-6b02ea8d.entry.js.map