@sprinklrjs/spaceweb 10.1.0

package/base-button/styled-components.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledBaseButton = exports.buttonResetStyles = void 0;
+var tslib_1 = require("tslib");
+var style_1 = require("../style");
+exports.buttonResetStyles = [
+    'inline-flex items-center justify-center',
+    'm-0 p-0 border-0 rounded-0 border-none',
+    'cursor-pointer no-underline appearance-none select-none spr-text-01',
+    { backgroundColor: 'transparent', fontSize: 'inherit' },
+    'focus-visible:outline-01',
+];
+exports.StyledBaseButton = style_1.styled.apply(void 0, (0, tslib_1.__spreadArray)(['button'], (0, tslib_1.__read)(exports.buttonResetStyles), false));

package/base-button/types.d.ts

@@ -0,0 +1,2 @@
+import { SpacewebComponentProps } from '../types';
+export declare type BaseButtonProps = SpacewebComponentProps;

package/base-button/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/box/Box.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare const Box: import("react").ForwardRefExoticComponent<Omit<import("react").AllHTMLAttributes<HTMLElement>, "style" | "className"> & {
+    $as?: import("react").ElementType<any> | undefined;
+    className?: import("..").Styles;
+    style?: import("..").Styles;
+} & {
+    overrides?: {
+        Box?: import("../overrides").Override<Record<string, any>> | undefined;
+    } | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;
+export default Box;

package/box/Box.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var overrides_1 = require("../overrides");
+var style_1 = require("../style");
+var StyledBox = (0, style_1.styled)('div');
+var Box = (0, react_1.forwardRef)(function (props, ref) {
+    var _a = props.overrides, overrides = _a === void 0 ? {} : _a, boxProps = (0, tslib_1.__rest)(props, ["overrides"]);
+    var _b = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides.Box, StyledBox), 2), Comp = _b[0], overrideProps = _b[1];
+    return (0, jsx_runtime_1.jsx)(Comp, (0, tslib_1.__assign)({ "data-spaceweb": "box", "data-testid": "box" }, boxProps, overrideProps, { ref: ref }), void 0);
+});
+Box.displayName = 'Box';
+exports.default = Box;

package/box/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Box } from './Box';
+export * from './types';

package/box/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Box = void 0;
+var tslib_1 = require("tslib");
+var Box_1 = require("./Box");
+Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(Box_1).default; } });
+(0, tslib_1.__exportStar)(require("./types"), exports);

package/box/package.json

@@ -0,0 +1,4 @@
+{
+  "sideEffects": false,
+  "module": "../esm/box/index.js"
+}

package/box/types.d.ts

@@ -0,0 +1,7 @@
+import { Override } from '../overrides';
+import { SpacewebComponentProps } from '../types';
+export declare type BoxProps = SpacewebComponentProps & {
+    overrides?: {
+        Box?: Override<Record<string, any>>;
+    };
+};

package/box/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/button/Button.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+declare const Button: React.ForwardRefExoticComponent<Omit<{
+    $as?: React.ElementType<any> | undefined;
+    className?: import("..").Styles;
+    style?: import("..").Styles;
+    size?: import("./types").Size | undefined;
+    shape?: import("./types").Shape | undefined;
+    variant?: import("..").Variant | undefined;
+    intent?: import("..").Intent | undefined;
+    isLoading?: boolean | undefined;
+    isSelected?: boolean | undefined;
+    disabled?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    autoFocus?: boolean | undefined;
+    href?: string | undefined;
+    target?: string | undefined;
+    rel?: string | undefined;
+    children?: React.ReactNode;
+    endEnhancer?: React.ReactNode;
+    onClick?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => any) | undefined;
+    overrides?: import("./types").ButtonOverrides | undefined;
+    startEnhancer?: React.ReactNode;
+    type?: "button" | "reset" | "submit" | undefined;
+    tooltipContent?: React.ReactNode | ((args: {
+        close: () => void;
+    }) => React.ReactNode);
+}, "style" | "className"> & {
+    $as?: React.ElementType<any> | undefined;
+    className?: import("..").Styles;
+    style?: import("..").Styles;
+} & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

package/button/Button.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var React = (0, tslib_1.__importStar)(require("react"));
+var pick_1 = (0, tslib_1.__importDefault)(require("lodash/pick"));
+var omit_1 = (0, tslib_1.__importDefault)(require("lodash/omit"));
+var button_1 = require("baseui/button");
+var useConvertOverrides_1 = require("../helpers/baseui/useConvertOverrides");
+var overrides_1 = require("../overrides");
+var styled_components_1 = require("./styled-components");
+var basewebAdapter_1 = (0, tslib_1.__importDefault)(require("./basewebAdapter"));
+var helpers_1 = require("../helpers");
+var base_button_1 = require("../base-button");
+var tooltip_1 = require("../tooltip");
+var context_1 = require("../form-control/context");
+button_1.Button.displayName = 'BaseUIButton';
+var Button = React.forwardRef(function (props, ref) {
+    var buttonRef = ref;
+    var _a = (0, context_1.useContextualFormProps)(props), _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, _c = _a.intent, intent = _c === void 0 ? 'default' : _c, _d = _a.size, size = _d === void 0 ? 'lg' : _d, fullWidth = _a.fullWidth, className = _a.className, style = _a.style, overrides = _a.overrides, tooltipContent = _a.tooltipContent, restProps = (0, tslib_1.__rest)(_a, ["variant", "intent", "size", "fullWidth", "className", "style", "overrides", "tooltipContent"]);
+    var buttonOverrides = React.useMemo(function () { return (0, omit_1.default)(overrides, 'StatefulTooltip'); }, [overrides]);
+    var adaptedProps = (0, basewebAdapter_1.default)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, restProps), { variant: variant, overrides: buttonOverrides }));
+    var convertedOverrides = (0, useConvertOverrides_1.useConvertOverrides)(adaptedProps.overrides || {});
+    var mergedOverrides = (0, overrides_1.mergeOverrides)({
+        BaseButton: {
+            props: (0, tslib_1.__assign)({ className: [styled_components_1.getButtonStyles, className, style] }, (0, helpers_1.add$props)({ variant: variant, intent: intent, size: size, fullWidth: fullWidth })),
+            component: base_button_1.StyledBaseButton, //using StyledBaseButton instead of BaseButton as all the handling is done by baseui's Button.
+        },
+        LoadingSpinnerContainer: {
+            component: styled_components_1.StyledLoadingSpinnerContainer,
+            props: {
+                $size: size,
+            },
+        },
+        LoadingSpinner: {
+            style: {
+                height: '100%',
+                width: '100%',
+            },
+        },
+    }, (0, pick_1.default)(adaptedProps.overrides, 'BaseButton'));
+    var _e = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.StatefulTooltip, tooltip_1.StatefulTooltip), 2), StatefulTooltip = _e[0], statefulTooltipProps = _e[1];
+    var buttonEl = ((0, jsx_runtime_1.jsx)(button_1.Button, (0, tslib_1.__assign)({ "data-spaceweb": "button", "data-testid": "button" }, adaptedProps, { overrides: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, convertedOverrides), mergedOverrides), ref: buttonRef }), void 0));
+    if (adaptedProps.disabled && tooltipContent) {
+        return ((0, jsx_runtime_1.jsx)(tooltip_1.DisabledTooltipContainer, (0, tslib_1.__assign)({ placement: "bottom", content: tooltipContent }, statefulTooltipProps, { children: buttonEl }), void 0));
+    }
+    return tooltipContent ? ((0, jsx_runtime_1.jsx)(StatefulTooltip, (0, tslib_1.__assign)({ placement: "bottom", content: tooltipContent }, statefulTooltipProps, { children: buttonEl }), void 0)) : (buttonEl);
+});
+Button.displayName = 'Button';
+exports.default = Button;

package/button/IconButton/IconButton.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const IconButton: import("react").ForwardRefExoticComponent<Omit<import("..").ButtonProps, "size"> & {
+    size?: import("..").Size | undefined;
+    bordered?: boolean | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export default IconButton;

package/button/IconButton/IconButton.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var overrides_1 = require("../../overrides");
+var style_1 = require("../../style");
+var Button_1 = (0, tslib_1.__importDefault)(require("../Button"));
+var styled_components_1 = require("./styled-components");
+var IconButton = (0, react_1.forwardRef)(function (props, ref) {
+    var theme = (0, style_1.useStyle)().theme;
+    var bordered = props.bordered, _a = props.size, size = _a === void 0 ? 'md' : _a, className = props.className, style = props.style, _b = props.variant, variant = _b === void 0 ? 'minimal' : _b, _c = props.shape, shape = _c === void 0 ? 'round' : _c, buttonProps = (0, tslib_1.__rest)(props, ["bordered", "size", "className", "style", "variant", "shape"]);
+    var overrides = (0, overrides_1.mergeOverrides)({
+        BaseButton: {
+            style: [styled_components_1.iconButtonStyles, className, style],
+            props: { $bordered: bordered, $size: size, $isIconButton: true },
+        },
+    }, buttonProps.overrides);
+    return ((0, jsx_runtime_1.jsx)(Button_1.default, (0, tslib_1.__assign)({ variant: variant, shape: shape }, buttonProps, { overrides: overrides, ref: ref }, { children: react_1.Children.map(props.children, styled_components_1.renderIconButtonChild.bind(null, theme, size)) }), void 0));
+});
+IconButton.displayName = 'IconButton';
+exports.default = IconButton;

package/button/IconButton/index.d.ts

@@ -0,0 +1,3 @@
+import IconButton from './IconButton';
+export default IconButton;
+export * from './types';

package/button/IconButton/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var IconButton_1 = (0, tslib_1.__importDefault)(require("./IconButton"));
+exports.default = IconButton_1.default;
+(0, tslib_1.__exportStar)(require("./types"), exports);

package/button/IconButton/styled-components.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { IconProps } from '../../icon';
+import { Styles } from '../../types';
+export declare const iconButtonStyles: Styles;
+export declare const renderIconButtonChild: (theme: any, size: any, child: React.ReactElement<IconProps>) => React.ReactElement<IconProps, string | React.JSXElementConstructor<any>> | null;

package/button/IconButton/styled-components.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderIconButtonChild = exports.iconButtonStyles = void 0;
+var tslib_1 = require("tslib");
+var React = (0, tslib_1.__importStar)(require("react"));
+var themeHelpers_1 = require("../../helpers/themeHelpers");
+var longHandHelpers_1 = require("../../helpers/longHandHelpers");
+var styled_components_1 = require("../styled-components");
+var SHAPE_VS_THEME_KEY = {
+    round: 'shapeRound',
+    square: 'shapeSquare',
+};
+var getButtonShapeThemeKey = function (shape) { var _a; return (_a = SHAPE_VS_THEME_KEY[shape]) !== null && _a !== void 0 ? _a : SHAPE_VS_THEME_KEY.round; };
+var getButtonSizeTheme = function (theme, size) { return (0, themeHelpers_1.getComponentSizeTheme)(theme, 'iconButton', size, 'md'); };
+var getDimensions = function (_a, _b) {
+    var theme = _a.theme, px2rem = _a.px2rem;
+    var $size = _b.$size;
+    var size = getButtonSizeTheme(theme, $size).buttonSize;
+    return { height: px2rem(size), width: px2rem(size) };
+};
+var resetPadding = function (_a) {
+    var theme = _a.theme;
+    return (0, longHandHelpers_1.padding)(theme.padding['0']);
+};
+var makeGetStyleFromTheme = function (theme, shape, bordered) {
+    var btnShapeKey = getButtonShapeThemeKey(shape);
+    var iconButton = theme.iconButton;
+    return function (btnStateKey, defaultKey) {
+        var _a, _b;
+        var defaultColor = defaultKey
+            ? (_a = iconButton[btnShapeKey][btnStateKey]) !== null && _a !== void 0 ? _a : iconButton[btnShapeKey][defaultKey]
+            : iconButton[btnShapeKey][btnStateKey];
+        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 styleFromThemeGetter = makeGetStyleFromTheme(theme, $shape, $bordered);
+    return (0, styled_components_1.createButtonStyles)({
+        color: styleFromThemeGetter('color'),
+        activeColor: styleFromThemeGetter('activeColor'),
+        hoverColor: styleFromThemeGetter('hoverColor'),
+        disabledColor: styleFromThemeGetter('disabledColor'),
+        borderColor: styleFromThemeGetter('borderColor'),
+        hoverBorderColor: styleFromThemeGetter('hoverBorderColor'),
+        activeBorderColor: styleFromThemeGetter('activeBorderColor'),
+        disabledBorderColor: styleFromThemeGetter('disabledBorderColor'),
+        backgroundColor: styleFromThemeGetter('backgroundColor'),
+        hoverBackgroundColor: styleFromThemeGetter('hoverBackgroundColor'),
+        activeBackgroundColor: styleFromThemeGetter('activeBackgroundColor'),
+        disabledBackgroundColor: styleFromThemeGetter('disabledBackgroundColor'),
+    }, props);
+};
+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;
+    },
+    resetPadding,
+    getDimensions,
+    getVariantStyles,
+];
+var renderIconButtonChild = function (theme, size, child) {
+    return React.isValidElement(child)
+        ? React.cloneElement(child, {
+            size: child.props.size || getButtonSizeTheme(theme, size).iconSize,
+        })
+        : null;
+};
+exports.renderIconButtonChild = renderIconButtonChild;

package/button/IconButton/types.d.ts

@@ -0,0 +1,10 @@
+import { ButtonProps, ButtonSharedProps } from '../types';
+import { Size } from '../../types';
+export declare type IconButtonProps = Omit<ButtonProps, 'size'> & {
+    size?: Size;
+    bordered?: boolean;
+};
+export declare type SharedProps = Omit<ButtonSharedProps, '$size'> & {
+    $size?: Size;
+    $bordered?: boolean;
+};

package/button/IconButton/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/button/IconTextButton/IconTextButton.d.ts

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

package/button/IconTextButton/IconTextButton.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var overrides_1 = require("../../overrides");
+var Button_1 = (0, tslib_1.__importDefault)(require("../Button"));
+var styled_components_1 = require("./styled-components");
+var IconTextButton = (0, react_1.forwardRef)(function (props, ref) {
+    var _a = props.variant, variant = _a === void 0 ? 'default' : _a, bordered = props.bordered, Icon = props.icon, _b = props.size, size = _b === void 0 ? 'md' : _b, buttonProps = (0, tslib_1.__rest)(props, ["variant", "bordered", "icon", "size"]);
+    var sharedProps = { $iconTextVariant: variant, $bordered: bordered };
+    var overrides = (0, overrides_1.mergeOverrides)({
+        BaseButton: {
+            style: styled_components_1.iconTextButtonStyle,
+            props: sharedProps,
+        },
+        StartEnhancer: {
+            style: styled_components_1.startEnhancerStyle,
+            props: sharedProps,
+        },
+    }, props.overrides || {});
+    var StyledIcon = Icon ? (0, jsx_runtime_1.jsx)(Icon, { size: 12 }, void 0) : null;
+    return ((0, jsx_runtime_1.jsx)(Button_1.default, (0, tslib_1.__assign)({}, buttonProps, { size: size, ref: ref, variant: "minimal", shape: "default", startEnhancer: StyledIcon, overrides: overrides }), void 0));
+});
+IconTextButton.displayName = 'IconTextButton';
+exports.default = IconTextButton;

package/button/IconTextButton/index.d.ts

@@ -0,0 +1,3 @@
+import IconTextButton from './IconTextButton';
+export default IconTextButton;
+export * from './types';

package/button/IconTextButton/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var IconTextButton_1 = (0, tslib_1.__importDefault)(require("./IconTextButton"));
+exports.default = IconTextButton_1.default;
+(0, tslib_1.__exportStar)(require("./types"), exports);

package/button/IconTextButton/styled-components.d.ts

@@ -0,0 +1,3 @@
+import { Styles } from '../../types';
+export declare const iconTextButtonStyle: Styles;
+export declare const startEnhancerStyle: Styles;

package/button/IconTextButton/styled-components.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.startEnhancerStyle = exports.iconTextButtonStyle = void 0;
+var tslib_1 = require("tslib");
+var longHandHelpers_1 = require("../../helpers/longHandHelpers");
+var getVariantStyles = function (_a, _b) {
+    var theme = _a.theme;
+    var $iconTextVariant = _b.$iconTextVariant, $isSelected = _b.$isSelected;
+    if ($iconTextVariant === 'default') {
+        return {
+            color: $isSelected ? theme.spr.text04 : theme.spr.text01,
+            ':active': {
+                color: theme.spr.text04,
+            },
+            ':active svg': {
+                color: theme.spr.focus01,
+            },
+            backgroundColor: 'transparent',
+        };
+    }
+    return { backgroundColor: 'transparent' };
+};
+var getIconVariantStyles = function (_a, _b) {
+    var theme = _a.theme;
+    var $iconTextVariant = _b.$iconTextVariant, $isSelected = _b.$isSelected;
+    switch ($iconTextVariant) {
+        case 'default':
+        default:
+            return {
+                color: $isSelected ? theme.spr.focus01 : theme.spr.icon02,
+            };
+        case 'bulk':
+            return { color: theme.spr.icon04 };
+    }
+};
+exports.iconTextButtonStyle = [
+    function (utils, props) { return ((0, tslib_1.__assign)({}, (props.$bordered
+        ? (0, tslib_1.__assign)((0, tslib_1.__assign)({}, (0, longHandHelpers_1.borderColor)(utils.theme.spr.border03)), { ':hover': (0, tslib_1.__assign)((0, tslib_1.__assign)({}, (0, longHandHelpers_1.borderColor)(utils.theme.spr.border06)), { backgroundColor: utils.theme.spr.ui02 }), ':active': (0, tslib_1.__assign)((0, tslib_1.__assign)({}, (0, longHandHelpers_1.borderColor)(utils.theme.spr.interactive01)), { backgroundColor: utils.theme.spr.ui05 }) }) : (0, longHandHelpers_1.borderColor)('transparent')))); },
+    getVariantStyles,
+];
+exports.startEnhancerStyle = [
+    function (_a) {
+        var px2rem = _a.px2rem;
+        return ({
+            marginRight: px2rem(8),
+        });
+    },
+    getIconVariantStyles,
+];

package/button/IconTextButton/types.d.ts

@@ -0,0 +1,13 @@
+import { ComponentType } from 'react';
+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>;
+    variant?: Variant;
+    bordered?: boolean;
+};
+export declare type SharedProps = ButtonSharedProps & {
+    $iconTextVariant?: Variant;
+    $bordered?: boolean;
+};

package/button/IconTextButton/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/button/basewebAdapter.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { KIND } from 'baseui/button';
+import { ButtonProps } from './types';
+declare const _default: (props: Omit<ButtonProps, 'size'>) => {
+    kind: import("../utility-types").ValueOf<KIND>;
+    style?: import("..").Styles;
+    disabled?: boolean | undefined;
+    className?: import("..").Styles;
+    overrides?: import("./types").ButtonOverrides | undefined;
+    children?: import("react").ReactNode;
+    autoFocus?: boolean | undefined;
+    href?: string | undefined;
+    rel?: string | undefined;
+    shape?: import("./types").Shape | undefined;
+    target?: string | undefined;
+    type?: "button" | "reset" | "submit" | undefined;
+    onClick?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => any) | undefined;
+    $as?: import("react").ElementType<any> | undefined;
+    startEnhancer?: import("react").ReactNode;
+    endEnhancer?: import("react").ReactNode;
+    intent?: import("..").Intent | undefined;
+    isLoading?: boolean | undefined;
+    isSelected?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    tooltipContent?: import("react").ReactNode | ((args: {
+        close: () => void;
+    }) => import("react").ReactNode);
+};
+export default _default;

package/button/basewebAdapter.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var button_1 = require("baseui/button");
+var omit_1 = (0, tslib_1.__importDefault)(require("lodash/omit"));
+var variantMap = {
+    primary: button_1.KIND.primary,
+    secondary: button_1.KIND.secondary,
+    tertiary: button_1.KIND.tertiary,
+    minimal: button_1.KIND.minimal,
+};
+exports.default = (function (props) { return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, (0, omit_1.default)(props, 'variant')), { kind: props.variant ? variantMap[props.variant] : button_1.KIND.primary })); });

package/button/index.d.ts

@@ -0,0 +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 type { ButtonProps, Shape, ButtonSharedProps, Size, ButtonOverrides } from './types';

package/button/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledLoadingSpinnerContainer = exports.StyledLoadingSpinner = exports.StyledEndEnhancer = exports.StyledStartEnhancer = exports.IconTextButton = exports.IconButton = exports.Button = void 0;
+var Button_1 = require("./Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
+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");
+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; } });
+Object.defineProperty(exports, "StyledLoadingSpinnerContainer", { enumerable: true, get: function () { return button_1.StyledLoadingSpinnerContainer; } });

package/button/package.json

@@ -0,0 +1,4 @@
+{
+  "sideEffects": false,
+  "module": "../esm/button/index.js"
+}

package/button/styled-components.d.ts

@@ -0,0 +1,20 @@
+import { StyleObject, Styles } from '../types';
+import { ButtonSharedProps } from './types';
+declare type ButtonStyleParams = {
+    color: string;
+    hoverColor?: string;
+    activeColor?: string;
+    disabledColor?: string;
+    backgroundColor: string;
+    disabledBackgroundColor?: string;
+    hoverBackgroundColor?: string;
+    activeBackgroundColor?: string;
+    borderColor: string;
+    hoverBorderColor?: string;
+    activeBorderColor?: string;
+    disabledBorderColor?: 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 getButtonStyles: Styles;
+export declare const StyledLoadingSpinnerContainer: import("../style/styled").StyledComponent;
+export {};