@usecapsule/core-components 3.0.1 → 3.1.0

package/dist/types/constants.d.ts

@@ -11,7 +11,7 @@ export declare const DEFAULT_Z_INDICES: {
     modalNoOverlay: number;
     appBar: number;
     overlay: number;
-    modal: number;
     drawer: number;
-    modalWrapper: number;
+    modal: number;
+    popover: number;
 };

package/dist/types/interface.d.ts

@@ -15,8 +15,31 @@ export type Theme = {
     font?: string;
     customPalette?: CustomPalette;
     customFontSizes?: CustomFontSizes;
+    customBorderRadii?: CustomBorderRadii;
 };
-export type BorderRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'full';
+export type BorderRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export interface CustomBorderRadii {
+    input?: string;
+    select?: string;
+    fileSelect?: string;
+    alert?: string;
+    tabs?: string;
+    primaryButton?: string;
+    secondaryButton?: string;
+    destructiveButton?: string;
+    tileButton?: string;
+    modal?: string;
+    pill?: string;
+    qrCode?: string;
+    infoBox?: string;
+    tableContainer?: string;
+    switch?: string;
+    checkbox?: string;
+    radio?: string;
+    avatar?: string;
+    card?: string;
+    buttonGroup?: string;
+}
 export interface CustomFontSizes {
     body2XS?: string;
     bodyXS?: string;
@@ -50,6 +73,7 @@ export interface CustomPalette {
         surface?: {
             disabled?: string;
             default?: string;
+            hover?: string;
         };
         border?: {
             placeholder?: string;
@@ -57,6 +81,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 +141,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;
@@ -180,3 +243,7 @@ export interface CustomPalette {
         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/generateBorderRadii.d.ts

@@ -1,2 +1,2 @@
 import { Theme } from '../../interface';
-export declare const generateBorderRadii: ({ borderRadius }: Pick<Theme, 'borderRadius'>) => void;
+export declare const generateBorderRadii: ({ borderRadius, customBorderRadii }: Pick<Theme, 'borderRadius' | 'customBorderRadii'>) => void;

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

@@ -1,2 +1,2 @@
 import { Theme } from '../../interface';
-export declare const generateTheme: ({ foregroundColor, backgroundColor, font, customPalette, borderRadius, customFontSizes, }: Theme) => boolean;
+export declare const generateTheme: ({ foregroundColor, backgroundColor, font, customPalette, borderRadius, customFontSizes, customBorderRadii, }: Theme) => boolean;

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

@@ -1,6 +1,9 @@
-import { CustomPalette } from '../../interface';
+import { CustomBorderRadii, CustomPalette } from '../../interface';
 export declare const isColor: (strColor: any) => boolean;
 export declare const getCssColors: (customPalette: CustomPalette) => {
     [k: string]: string;
 };
+export declare const getCssBorderRadii: (customBorderRadii: CustomBorderRadii) => {
+    [k: string]: string;
+};
 export declare const overlayMix: (baseColor: string, overlayColor: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usecapsule/core-components",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "description": "Capsule Core Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -51,5 +51,5 @@
     "stencil-inline-svg": "^1.1.0",
     "ts-node": "^10.9.2"
   },
-  "gitHead": "ce327f37fb825d3ab1346fbaf317d67e09ae4a58"
+  "gitHead": "aa59622ddf088e8612d1c09f8d0695ec0f42111f"
 }