@getpara/core-components 2.0.0-dev.3 → 2.0.0-dev.6

package/dist/types/components.d.ts

@@ -388,6 +388,18 @@ export namespace Components {
         "withDefaultTheme"?: boolean;
     }
     interface CpslIcon {
+        /**
+          * The background CSS property of the icon.
+         */
+        "background"?: string;
+        /**
+          * The border CSS property of the icon.
+         */
+        "border"?: string;
+        /**
+          * The color of the icon.
+         */
+        "color"?: string;
         /**
           * The name of the icon. If both `icon` and `src` are provided, `icon` will be used.
          */
@@ -400,6 +412,10 @@ export namespace Components {
           * Whether to invert the icon's colors.
          */
         "invert"?: boolean;
+        /**
+          * Whether the icon should be rounded.
+         */
+        "radius"?: 'none' | 'theme' | 'full';
         /**
           * The CSS size of the icon.
          */
@@ -669,6 +685,10 @@ export namespace Components {
         "text": string;
     }
     interface CpslPopover {
+        /**
+          * If `true`, the popover will be aligned to the center of the trigger element. Default is `false`.
+         */
+        "alignCenter": boolean;
         /**
           * ID for the element that the popover anchors to.
          */
@@ -759,6 +779,10 @@ export namespace Components {
         "justify"?: React.CSSProperties['justifyContent'];
     }
     interface CpslSelect {
+        /**
+          * If `true`, the popover will be aligned to the center of the trigger element. Default is `false`.
+         */
+        "alignCenter": boolean;
         /**
           * ID of element to anchor popover to.
          */
@@ -790,7 +814,7 @@ export namespace Components {
         /**
           * The name of the icon to use for the end icon. Default: `chevronUp`
          */
-        "icon"?: IconType;
+        "icon"?: IconType | null;
         /**
           * ID of the element, must be unique for the popover trigger.
          */
@@ -927,6 +951,10 @@ export namespace Components {
         "selectedTab"?: string;
     }
     interface CpslText {
+        /**
+          * The text-align CSS property to apply. Options are: `"left"`, `"center", `"right". Default is: `"left"`.
+         */
+        "align"?: 'left' | 'center' | 'right';
         /**
           * The color of text. Options are: `"primary"`, `"secondary", `"tertiary", `"subtle", `"inverted", `"error". Default is: `"primary"`.
          */
@@ -941,6 +969,10 @@ export namespace Components {
         "weight"?: 'regular' | 'medium' | 'semiBold' | 'bold';
     }
     interface CpslTileButton {
+        /**
+          * If the button is disabled. Default is: false.
+         */
+        "disabled"?: boolean;
         /**
           * The name of the icon. If both `icon` and `src` are provided, `icon` will be used.
          */
@@ -1949,6 +1981,18 @@ declare namespace LocalJSX {
         "withDefaultTheme"?: boolean;
     }
     interface CpslIcon {
+        /**
+          * The background CSS property of the icon.
+         */
+        "background"?: string;
+        /**
+          * The border CSS property of the icon.
+         */
+        "border"?: string;
+        /**
+          * The color of the icon.
+         */
+        "color"?: string;
         /**
           * The name of the icon. If both `icon` and `src` are provided, `icon` will be used.
          */
@@ -1961,6 +2005,10 @@ declare namespace LocalJSX {
           * Whether to invert the icon's colors.
          */
         "invert"?: boolean;
+        /**
+          * Whether the icon should be rounded.
+         */
+        "radius"?: 'none' | 'theme' | 'full';
         /**
           * The CSS size of the icon.
          */
@@ -2278,6 +2326,10 @@ declare namespace LocalJSX {
         "text"?: string;
     }
     interface CpslPopover {
+        /**
+          * If `true`, the popover will be aligned to the center of the trigger element. Default is `false`.
+         */
+        "alignCenter"?: boolean;
         /**
           * ID for the element that the popover anchors to.
          */
@@ -2376,6 +2428,10 @@ declare namespace LocalJSX {
         "justify"?: React.CSSProperties['justifyContent'];
     }
     interface CpslSelect {
+        /**
+          * If `true`, the popover will be aligned to the center of the trigger element. Default is `false`.
+         */
+        "alignCenter"?: boolean;
         /**
           * ID of element to anchor popover to.
          */
@@ -2407,7 +2463,7 @@ declare namespace LocalJSX {
         /**
           * The name of the icon to use for the end icon. Default: `chevronUp`
          */
-        "icon"?: IconType;
+        "icon"?: IconType | null;
         /**
           * ID of the element, must be unique for the popover trigger.
          */
@@ -2572,6 +2628,10 @@ declare namespace LocalJSX {
         "selectedTab"?: string;
     }
     interface CpslText {
+        /**
+          * The text-align CSS property to apply. Options are: `"left"`, `"center", `"right". Default is: `"left"`.
+         */
+        "align"?: 'left' | 'center' | 'right';
         /**
           * The color of text. Options are: `"primary"`, `"secondary", `"tertiary", `"subtle", `"inverted", `"error". Default is: `"primary"`.
          */
@@ -2586,6 +2646,10 @@ declare namespace LocalJSX {
         "weight"?: 'regular' | 'medium' | 'semiBold' | 'bold';
     }
     interface CpslTileButton {
+        /**
+          * If the button is disabled. Default is: false.
+         */
+        "disabled"?: boolean;
         /**
           * The name of the icon. If both `icon` and `src` are provided, `icon` will be used.
          */

package/dist/types/interface.d.ts

@@ -20,6 +20,7 @@ export type Theme = {
     mode?: 'light' | 'dark';
     borderRadius?: BorderRadius;
     font?: string;
+    overlayBackground?: string;
     customPalette?: CustomPalette;
     customFontSizes?: CustomFontSizes;
     customBorderRadii?: CustomBorderRadii;

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

@@ -4,6 +4,6 @@ export type Palette = {
     backgroundColors: string[];
     accentColors: string[];
 };
-export declare const generatePalette: ({ foregroundColor, backgroundColor, accentColor, isDarkTheme, customPalette, }: Pick<Theme, 'foregroundColor' | 'backgroundColor' | 'accentColor' | 'customPalette'> & {
+export declare const generatePalette: ({ foregroundColor, backgroundColor, accentColor, isDarkTheme, customPalette, overlayBackground, }: Pick<Theme, 'foregroundColor' | 'backgroundColor' | 'accentColor' | 'customPalette' | 'overlayBackground'> & {
     isDarkTheme: boolean;
 }) => void;

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

@@ -3,4 +3,4 @@ import { Theme } from '../../interface.js';
  * Generates css theme variables.
  * @returns @boolean Whether background is dark or not.
  */
-export declare const generateTheme: ({ foregroundColor, backgroundColor, accentColor, darkForegroundColor, darkBackgroundColor, darkAccentColor, mode, font, customPalette, borderRadius, customFontSizes, customBorderRadii, }: Theme) => void;
+export declare const generateTheme: ({ foregroundColor, backgroundColor, accentColor, darkForegroundColor, darkBackgroundColor, darkAccentColor, mode, font, customPalette, borderRadius, customFontSizes, customBorderRadii, overlayBackground, }: Theme) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@getpara/core-components",
   "description": "Capsule Core Components",
-  "version": "2.0.0-dev.3",
+  "version": "2.0.0-dev.6",
   "collection": "dist/collection/collection-manifest.json",
   "collection:main": "dist/collection/index.js",
   "dependencies": {
@@ -68,5 +68,5 @@
   ],
   "type": "module",
   "types": "dist/types/index.d.ts",
-  "gitHead": "ffe34f7d8df2dd3c2327ca1f35bcc9764e0a68a2"
+  "gitHead": "c2125e37c73a19f11978031f5aa2eab39b978c56"
 }