@sprinklrjs/spaceweb 12.14.4 → 12.33.2

package/button/IconButton/styled-components.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderIconButtonChild = exports.iconButtonStyles = void 0;
+exports.renderIconButtonChild = exports.iconButtonStyles = exports.getBorderRadiiStyles = void 0;
 var tslib_1 = require("tslib");
 var React = (0, tslib_1.__importStar)(require("react"));
 var themeHelpers_1 = require("../../helpers/themeHelpers");
@@ -18,6 +18,18 @@ var getDimensions = function (_a, _b) {
     var size = getButtonSizeTheme(theme, $size).buttonSize;
     return { height: px2rem(size), width: px2rem(size) };
 };
+var getBorderRadiiStyles = function (utils, props) {
+    var theme = utils.theme;
+    var $size = props.$size, $shape = props.$shape;
+    if ($shape !== 'square')
+        return undefined;
+    var squareButtonSizeRadius = getButtonSizeTheme(theme, $size).squareBorderRadius;
+    var squareBorderRadius = squareButtonSizeRadius
+        ? "".concat(squareButtonSizeRadius, "px")
+        : theme.iconButton.shapeSquare.borderRadius;
+    return (0, longHandHelpers_1.borderRadius)(squareBorderRadius);
+};
+exports.getBorderRadiiStyles = getBorderRadiiStyles;
 var resetPadding = function (_a) {
     var theme = _a.theme;
     return (0, longHandHelpers_1.padding)(theme.padding['0']);
@@ -33,11 +45,32 @@ var makeGetStyleFromTheme = function (theme, shape, bordered) {
         return bordered ? (_b = iconButton["".concat(btnShapeKey, "Bordered")][btnStateKey]) !== null && _b !== void 0 ? _b : defaultColor : defaultColor;
     };
 };
-var getVariantStyles = function (_a, props) {
-    var theme = _a.theme;
-    var _b = props.$bordered, $bordered = _b === void 0 ? false : _b, _c = props.$shape, $shape = _c === void 0 ? 'round' : _c;
+var getAiIntentStyle = function (utils, props) {
+    var theme = utils.theme;
+    var $bordered = props.$bordered, $shape = props.$shape;
+    var aiIntentStyle = (0, styled_components_1.createButtonStyles)({
+        color: theme.spr.icon01,
+        borderColor: theme.borderColor.transparent,
+        hoverBorderColor: theme.borderColor.transparent,
+        activeBorderColor: theme.borderColor.transparent,
+        disabledBorderColor: theme.borderColor.transparent,
+        backgroundColor: theme.spr.ui01,
+        hoverBackgroundColor: theme.spr.ui01,
+        activeBackgroundColor: theme.spr.ui01,
+        background: $bordered ? theme.ai.border01.background : undefined,
+        hoverBackground: theme.ai.border01.background,
+        activeBackground: "".concat(theme.ai.ui02, " padding-box , ").concat(theme.ai.ui01, " border-box"),
+        disabledBackground: theme.ai.border01.background,
+        disabledOpacity: '0.2',
+    }, props);
+    var borderRadiiStyles = ($shape === 'round' ? (0, longHandHelpers_1.borderRadius)('100%') : (0, exports.getBorderRadiiStyles)(utils, props));
+    return (0, styled_components_1.getStylesWithAnimatedBorder)(utils, props, aiIntentStyle, borderRadiiStyles);
+};
+var getIntentStyles = function (utils, props) {
+    var theme = utils.theme;
+    var _a = props.$bordered, $bordered = _a === void 0 ? false : _a, _b = props.$shape, $shape = _b === void 0 ? 'round' : _b, $intent = props.$intent;
     var styleFromThemeGetter = makeGetStyleFromTheme(theme, $shape, $bordered);
-    return (0, styled_components_1.createButtonStyles)({
+    var defaultStyle = (0, styled_components_1.createButtonStyles)({
         color: styleFromThemeGetter('color'),
         activeColor: styleFromThemeGetter('activeColor'),
         hoverColor: styleFromThemeGetter('hoverColor'),
@@ -51,22 +84,22 @@ var getVariantStyles = function (_a, props) {
         activeBackgroundColor: styleFromThemeGetter('activeBackgroundColor'),
         disabledBackgroundColor: styleFromThemeGetter('disabledBackgroundColor'),
     }, props);
+    switch ($intent) {
+        case 'ai':
+            return getAiIntentStyle(utils, props);
+        default:
+            return defaultStyle;
+    }
 };
 exports.iconButtonStyles = [
     function (_a) {
         var theme = _a.theme;
         return ({ minWidth: theme.iconButton.minWidth });
     },
-    function (_a, _b) {
-        var theme = _a.theme;
-        var $shape = _b.$shape, $size = _b.$size;
-        var squareButtonSizeRadius = getButtonSizeTheme(theme, $size).squareBorderRadius;
-        var squareBorderRadius = squareButtonSizeRadius ? "".concat(squareButtonSizeRadius, "px") : theme.iconButton.shapeSquare.borderRadius;
-        return $shape === 'square' ? (0, longHandHelpers_1.borderRadius)(squareBorderRadius) : undefined;
-    },
+    exports.getBorderRadiiStyles,
     resetPadding,
     getDimensions,
-    getVariantStyles,
+    getIntentStyles,
 ];
 var renderIconButtonChild = function (theme, size, child) {
     return React.isValidElement(child)

package/button/IconTextButton/IconTextButton.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const IconTextButton: import("react").ForwardRefExoticComponent<Omit<import("..").ButtonProps, "variant"> & {
-    icon?: import("react").ComponentType<import("../../icon").IconProps> | undefined;
+    icon?: import("react").ComponentType<import("react").PropsWithChildren<import("../../icon").IconProps>> | undefined;
     variant?: import("./types").Variant | undefined;
     bordered?: boolean | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>;

package/button/IconTextButton/types.d.ts

@@ -3,7 +3,7 @@ import { ButtonProps, ButtonSharedProps } from '../types';
 import { IconProps } from '../../icon';
 export declare type Variant = 'default' | 'bulk';
 export declare type IconTextButtonProps = Omit<ButtonProps, 'variant'> & {
-    icon?: ComponentType<IconProps>;
+    icon?: ComponentType<React.PropsWithChildren<IconProps>>;
     variant?: Variant;
     bordered?: boolean;
 };

package/button/basewebAdapter.d.ts

@@ -6,27 +6,28 @@ declare const _default: (props: Omit<ButtonProps, 'size'>) => {
         readonly secondary: "secondary";
         readonly tertiary: "tertiary";
     }>;
+    children?: import("react").ReactNode;
     style?: import("..").Styles;
     disabled?: boolean | undefined;
     className?: import("..").Styles;
-    children?: import("react").ReactNode;
-    overrides?: import("./types").ButtonOverrides | undefined;
-    autoFocus?: boolean | undefined;
+    animate?: boolean | undefined;
     href?: string | undefined;
-    rel?: string | undefined;
     shape?: import("./types").Shape | undefined;
     target?: string | undefined;
     type?: "button" | "reset" | "submit" | undefined;
+    autoFocus?: boolean | undefined;
     tabIndex?: number | undefined;
     role?: import("react").AriaRole | undefined;
+    rel?: string | undefined;
     onClick?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => any) | undefined;
     $as?: import("react").ElementType<any> | undefined;
-    startEnhancer?: import("react").ReactNode;
-    endEnhancer?: import("react").ReactNode;
-    tooltipContent?: import("react").ReactNode | import("baseui/popover").StatefulContentRenderProp;
+    overrides?: import("./types").ButtonOverrides | undefined;
     intent?: import("..").Intent | undefined;
     isLoading?: boolean | undefined;
     isSelected?: boolean | undefined;
+    startEnhancer?: import("react").ReactNode | import("react").ComponentType<any>;
+    endEnhancer?: import("react").ReactNode | import("react").ComponentType<any>;
     fullWidth?: boolean | undefined;
+    tooltipContent?: import("react").ReactNode | import("../baseui/popover").ContentRenderProp;
 };
 export default _default;

package/button/basewebAdapter.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var button_1 = require("baseui/button");
+var button_1 = require("../baseui/button");
 var omit_1 = (0, tslib_1.__importDefault)(require("lodash/omit"));
 var variantMap = {
     primary: button_1.KIND.primary,

package/button/index.d.ts

@@ -1,5 +1,5 @@
 export { default as Button } from './Button';
 export { default as IconButton } from './IconButton';
 export { default as IconTextButton } from './IconTextButton';
-export { StyledStartEnhancer, StyledEndEnhancer, StyledLoadingSpinner, StyledLoadingSpinnerContainer, } from 'baseui/button';
+export { StyledStartEnhancer, StyledEndEnhancer, StyledLoadingSpinner, StyledLoadingSpinnerContainer, } from '../baseui/button';
 export type { ButtonProps, Shape, ButtonSharedProps, Size, ButtonOverrides } from './types';

package/button/index.js

@@ -10,7 +10,7 @@ var IconButton_1 = require("./IconButton");
 Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return __importDefault(IconButton_1).default; } });
 var IconTextButton_1 = require("./IconTextButton");
 Object.defineProperty(exports, "IconTextButton", { enumerable: true, get: function () { return __importDefault(IconTextButton_1).default; } });
-var button_1 = require("baseui/button");
+var button_1 = require("../baseui/button");
 Object.defineProperty(exports, "StyledStartEnhancer", { enumerable: true, get: function () { return button_1.StyledStartEnhancer; } });
 Object.defineProperty(exports, "StyledEndEnhancer", { enumerable: true, get: function () { return button_1.StyledEndEnhancer; } });
 Object.defineProperty(exports, "StyledLoadingSpinner", { enumerable: true, get: function () { return button_1.StyledLoadingSpinner; } });

package/button/styled-components.d.ts

@@ -1,4 +1,4 @@
-import { StyleObject, Styles } from '../types';
+import { StyleFn, StyleObject, Styles, StyleUtils } from '../types';
 import { ButtonSharedProps } from './types';
 declare type ButtonStyleParams = {
     color: string;
@@ -13,8 +13,33 @@ declare type ButtonStyleParams = {
     hoverBorderColor?: string;
     activeBorderColor?: string;
     disabledBorderColor?: string;
+    background?: string;
+    hoverBackground?: string;
+    activeBackground?: string;
+    disabledBackground?: string;
+    hoverOpacity?: string;
+    activeOpacity?: string;
+    disabledOpacity?: string;
 };
-export declare const createButtonStyles: ({ color, hoverColor, activeColor, disabledColor, backgroundColor, disabledBackgroundColor, hoverBackgroundColor, activeBackgroundColor, borderColor, hoverBorderColor, activeBorderColor, disabledBorderColor, }: ButtonStyleParams, { $disabled, $isSelected, $isFocusVisible }: ButtonSharedProps) => StyleObject;
+export declare const createButtonStyles: ({ color, hoverColor, activeColor, disabledColor, backgroundColor, disabledBackgroundColor, hoverBackgroundColor, activeBackgroundColor, borderColor, hoverBorderColor, activeBorderColor, disabledBorderColor, background, hoverBackground, activeBackground, disabledBackground, hoverOpacity, activeOpacity, disabledOpacity, }: ButtonStyleParams, { $disabled, $isSelected, $isFocusVisible }: ButtonSharedProps) => StyleObject;
+export declare const getSprinklrAIAnimatedBorderStyles: StyleFn;
+export declare const getStylesWithAnimatedBorder: (utils: StyleUtils, props: ButtonSharedProps, initialStyles: StyleObject, borderRadiiStyles: StyleObject) => StyleObject;
 export declare const getButtonStyles: Styles;
 export declare const StyledLoadingSpinnerContainer: import("../style/styled").StyledComponent;
+export declare const getLoaderMajorColor: ({ theme }: {
+    theme: any;
+}, { variant }: {
+    variant: any;
+}) => {
+    borderTopColor: any;
+    borderLeftColor: any;
+    borderRightColor: any;
+};
+export declare const getLoaderMinorColor: ({ theme }: {
+    theme: any;
+}, { variant }: {
+    variant: any;
+}) => {
+    borderBottomColor: any;
+};
 export {};