@workday/canvas-kit-react 10.0.0-alpha.538-next.0 → 10.0.0-alpha.540-next.0

package/checkbox/lib/Checkbox.tsx

@@ -12,13 +12,7 @@ import {
   Themeable,
   useLocalRef,
 } from '@workday/canvas-kit-react/common';
-import {
-  borderRadius,
-  colors,
-  inputColors,
-  space,
-  spaceNumbers,
-} from '@workday/canvas-kit-react/tokens';
+import {borderRadius, colors, inputColors, space} from '@workday/canvas-kit-react/tokens';
 import {SystemIcon} from '@workday/canvas-kit-react/icon';
 import {checkSmallIcon} from '@workday/canvas-system-icons-web';
 import {LabelText} from '@workday/canvas-kit-react/text';
@@ -67,17 +61,10 @@ export interface CheckboxProps extends Themeable {
   variant?: 'inverse' | undefined;
 }
 
-const checkboxHeight = (spaceNumbers.xl - spaceNumbers.xxxs) / 2;
-const checkboxTapArea = space.m;
-const checkboxContainerHeight = checkboxTapArea;
-const checkboxLabelDistance = `${spaceNumbers.xs}rem`;
-const checkboxWidth = checkboxHeight;
-const rippleRadius = (spaceNumbers.l - checkboxWidth) / 2;
-
 const CheckboxContainer = styled('div')({
   display: 'flex',
   alignItems: 'center',
-  minHeight: checkboxContainerHeight,
+  minHeight: space.m,
   position: 'relative',
 });
 
@@ -88,8 +75,8 @@ const CheckboxContainer = styled('div')({
  */
 const CheckboxInputWrapper = styled('div')<Pick<CheckboxProps, 'disabled'>>({
   display: 'flex',
-  height: `${checkboxHeight}rem`,
-  minWidth: `${checkboxWidth}rem`,
+  height: `calc(${space.s} + 2px)`,
+  minWidth: `calc(${space.s} + 2px)`,
   marginTop: '3px',
   alignSelf: 'flex-start',
 });
@@ -98,9 +85,9 @@ const CheckboxRipple = styled('span')<Pick<CheckboxProps, 'disabled' | 'variant'
   {
     borderRadius: borderRadius.circle,
     boxShadow: `0 0 0 0 ${colors.soap200}`,
-    height: `${checkboxHeight}rem`,
+    height: `calc(${space.s} + 2px)`,
     transition: 'box-shadow 150ms ease-out',
-    width: `${checkboxWidth}rem`,
+    width: `calc(${space.s} + 2px)`,
     position: 'absolute',
     pointerEvents: 'none', // This is a decorative element we don't want it to block clicks to input
   },
@@ -126,8 +113,8 @@ const CheckboxInput = styled('input')<CheckboxProps & StyledType>(
     variant,
   }) => ({
     borderRadius: borderRadius.s,
-    width: checkboxTapArea,
-    height: checkboxTapArea,
+    width: space.m,
+    height: space.m,
     margin: 0,
     marginTop: '-3px',
     marginLeft: '-3px',
@@ -139,11 +126,12 @@ const CheckboxInput = styled('input')<CheckboxProps & StyledType>(
     },
 
     // States
-    '&:not(:checked):not(:indeterminate):not(:disabled):not(:focus):hover, &:not(:checked):not(:indeterminate):not(:disabled):active': {
-      '~ div:first-of-type': {
-        borderColor: variant === 'inverse' ? colors.soap300 : inputColors.hoverBorder,
+    '&:not(:checked):not(:indeterminate):not(:disabled):not(:focus):hover, &:not(:checked):not(:indeterminate):not(:disabled):active':
+      {
+        '~ div:first-of-type': {
+          borderColor: variant === 'inverse' ? colors.soap300 : inputColors.hoverBorder,
+        },
       },
-    },
     '&:checked ~ div:first-of-type, &:indeterminate ~ div:first-of-type': {
       borderColor: variant === 'inverse' ? colors.soap300 : themePrimary.main,
       backgroundColor: variant === 'inverse' ? colors.frenchVanilla100 : themePrimary.main,
@@ -210,7 +198,9 @@ const CheckboxInput = styled('input')<CheckboxProps & StyledType>(
   }),
   ({disabled}) => ({
     '&:hover ~ span:first-of-type': {
-      boxShadow: disabled ? undefined : `0 0 0 ${rippleRadius}rem ${colors.soap200}`,
+      boxShadow: disabled
+        ? undefined
+        : `0 0 0 calc((${space.l} - (${space.s} + 2px)) / 2) ${colors.soap200}`,
     },
   }),
   ({theme, error, variant}) => {
@@ -226,11 +216,12 @@ const CheckboxInput = styled('input')<CheckboxProps & StyledType>(
           variant === 'inverse' ? `1px solid ${colors.soap300}` : `1px solid ${errorColors.inner}`,
         boxShadow: `0 0 0 1px ${errorColors.inner}, 0 0 0 2px ${errorColors.outer}`,
       },
-      '&:not(:checked):not(:indeterminate):not(:disabled):not(:focus):hover, &:not(:checked):not(:indeterminate):not(:disabled):active': {
-        '~ div:first-of-type': {
-          borderColor: variant === 'inverse' ? `1px solid ${colors.soap300}` : errorColors.inner,
+      '&:not(:checked):not(:indeterminate):not(:disabled):not(:focus):hover, &:not(:checked):not(:indeterminate):not(:disabled):active':
+        {
+          '~ div:first-of-type': {
+            borderColor: variant === 'inverse' ? `1px solid ${colors.soap300}` : errorColors.inner,
+          },
         },
-      },
       '&:checked ~ div:first-of-type, &:indeterminate ~ div:first-of-type': {
         borderColor: variant === 'inverse' ? colors.soap300 : theme.canvas.palette.primary.main,
         boxShadow: `
@@ -260,13 +251,13 @@ const CheckboxBackground = styled('div')<CheckboxProps>(
     borderRadius: borderRadius.s,
     boxSizing: 'border-box',
     display: 'flex',
-    height: `${checkboxHeight}rem`,
+    height: `calc(${space.s} + 2px)`,
     justifyContent: 'center',
     padding: '0px 2px',
     pointerEvents: 'none',
     position: 'absolute',
     transition: 'border 200ms ease, background 200ms',
-    width: `${checkboxWidth}rem`,
+    width: `calc(${space.s} + 2px)`,
   },
   ({variant}) => ({
     border: `1px solid ${variant === 'inverse' ? colors.soap300 : inputColors.border}`,
@@ -373,7 +364,7 @@ export const Checkbox = createComponent('input')({
             htmlFor={inputId}
             disabled={disabled}
             variant={variant}
-            paddingInlineStart={checkboxLabelDistance}
+            paddingInlineStart={space.xs}
             cursor="pointer"
           >
             {label}

package/common/lib/CanvasProvider.tsx

@@ -1,34 +1,60 @@
 import * as React from 'react';
 import {Theme, ThemeProvider} from '@emotion/react';
 import {InputProvider} from './InputProvider';
-import {defaultCanvasTheme, PartialEmotionCanvasTheme} from './theming';
+import {defaultCanvasTheme, PartialEmotionCanvasTheme, useTheme} from './theming';
+import {brand} from '@workday/canvas-tokens-web';
 
 export interface CanvasProviderProps {
   theme: PartialEmotionCanvasTheme;
 }
 
-export class CanvasProvider extends React.Component<
-  CanvasProviderProps & React.HTMLAttributes<HTMLElement>
-> {
-  static defaultProps = {
-    theme: {
-      canvas: defaultCanvasTheme,
-    },
-  };
+const mappedKeys = {
+  lightest: 'lightest',
+  light: 'light',
+  main: 'base',
+  dark: 'dark',
+  darkest: 'darkest',
+  contrast: 'accent',
+};
 
-  render() {
-    const {children, theme, ...elemProps} = this.props;
+const useCanvasThemeToCssVars = (
+  theme: PartialEmotionCanvasTheme,
+  elemProps: React.HTMLAttributes<HTMLElement>
+) => {
+  const filledTheme = useTheme(theme);
+  const {palette} = filledTheme.canvas;
+  const style = (['common', 'primary', 'error', 'alert', 'success', 'neutral'] as const).reduce(
+    (result, color) => {
+      if (color === 'common') {
+        // @ts-ignore
+        result[brand.common.focusOutline] = palette.common.focusOutline;
+      }
+      (['lightest', 'light', 'main', 'dark', 'darkest', 'contrast'] as const).forEach(key => {
+        // @ts-ignore
+        result[brand[color][mappedKeys[key]]] = palette[color][key];
+      });
+      return result;
+    },
+    elemProps.style || {}
+  );
+  return {...elemProps, style};
+};
 
-    return (
-      <ThemeProvider theme={theme as Theme}>
-        <InputProvider />
-        <div
-          dir={(theme.canvas && theme.canvas.direction) || defaultCanvasTheme.direction}
-          {...(elemProps as React.HTMLAttributes<HTMLDivElement>)}
-        >
-          {children}
-        </div>
-      </ThemeProvider>
-    );
-  }
-}
+export const CanvasProvider = ({
+  children,
+  theme,
+  ...props
+}: CanvasProviderProps & React.HTMLAttributes<HTMLElement>) => {
+  const elemProps = useCanvasThemeToCssVars(theme, props);
+  return (
+    <ThemeProvider theme={theme as Theme}>
+      <InputProvider />
+      <div
+        dir={(theme.canvas && theme.canvas.direction) || defaultCanvasTheme.direction}
+        {...(elemProps as React.HTMLAttributes<HTMLDivElement>)}
+      >
+        {children}
+      </div>
+    </ThemeProvider>
+  );
+};

package/dist/commonjs/button/index.d.ts

@@ -1,12 +1,15 @@
-export { PrimaryButton, PrimaryButtonProps } from './lib/PrimaryButton';
-export { SecondaryButton, SecondaryButtonProps } from './lib/SecondaryButton';
-export { TertiaryButton, TertiaryButtonProps } from './lib/TertiaryButton';
-export { DeleteButton, DeleteButtonProps } from './lib/DeleteButton';
 export { DeprecatedButton as deprecated_Button, DeprecatedButtonProps, } from './lib/deprecated_Button';
 export { ToolbarIconButton, ToolbarIconButtonProps } from './lib/ToolbarIconButton';
 export { ToolbarDropdownButton, ToolbarDropdownButtonProps } from './lib/ToolbarDropdownButton';
 export { Hyperlink, HyperlinkProps } from './lib/Hyperlink';
-export { BaseButton, ButtonContainerProps, BaseButtonProps, getMinWidthStyles, getPaddingStyles, } from './lib/BaseButton';
 export { ExternalHyperlink, ExternalHyperlinkProps } from './lib/ExternalHyperlink';
 export * from './lib/types';
+export * from './lib/PrimaryButton';
+export * from './lib/SecondaryButton';
+export * from './lib/TertiaryButton';
+export * from './lib/DeleteButton';
+export * from './lib/BaseButton';
+export * from './lib/ToolbarDropdownButton';
+export * from './lib/ToolbarIconButton';
+export * from './lib/types';
 //# sourceMappingURL=index.d.ts.map

package/dist/commonjs/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,kBAAkB,EAAC,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAC,eAAe,EAAE,oBAAoB,EAAC,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAAC,cAAc,EAAE,mBAAmB,EAAC,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAC,YAAY,EAAE,iBAAiB,EAAC,MAAM,oBAAoB,CAAC;AACnE,OAAO,EACL,gBAAgB,IAAI,iBAAiB,EACrC,qBAAqB,GACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAC,iBAAiB,EAAE,sBAAsB,EAAC,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAC,qBAAqB,EAAE,0BAA0B,EAAC,MAAM,6BAA6B,CAAC;AAC9F,OAAO,EAAC,SAAS,EAAE,cAAc,EAAC,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EACL,UAAU,EACV,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAE,sBAAsB,EAAC,MAAM,yBAAyB,CAAC;AAClF,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,IAAI,iBAAiB,EACrC,qBAAqB,GACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAC,iBAAiB,EAAE,sBAAsB,EAAC,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAC,qBAAqB,EAAE,0BAA0B,EAAC,MAAM,6BAA6B,CAAC;AAC9F,OAAO,EAAC,SAAS,EAAE,cAAc,EAAC,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAC,iBAAiB,EAAE,sBAAsB,EAAC,MAAM,yBAAyB,CAAC;AAClF,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC"}

package/dist/commonjs/button/index.js

@@ -10,15 +10,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExternalHyperlink = exports.getPaddingStyles = exports.getMinWidthStyles = exports.BaseButton = exports.Hyperlink = exports.ToolbarDropdownButton = exports.ToolbarIconButton = exports.deprecated_Button = exports.DeleteButton = exports.TertiaryButton = exports.SecondaryButton = exports.PrimaryButton = void 0;
-var PrimaryButton_1 = require("./lib/PrimaryButton");
-Object.defineProperty(exports, "PrimaryButton", { enumerable: true, get: function () { return PrimaryButton_1.PrimaryButton; } });
-var SecondaryButton_1 = require("./lib/SecondaryButton");
-Object.defineProperty(exports, "SecondaryButton", { enumerable: true, get: function () { return SecondaryButton_1.SecondaryButton; } });
-var TertiaryButton_1 = require("./lib/TertiaryButton");
-Object.defineProperty(exports, "TertiaryButton", { enumerable: true, get: function () { return TertiaryButton_1.TertiaryButton; } });
-var DeleteButton_1 = require("./lib/DeleteButton");
-Object.defineProperty(exports, "DeleteButton", { enumerable: true, get: function () { return DeleteButton_1.DeleteButton; } });
+exports.ExternalHyperlink = exports.Hyperlink = exports.ToolbarDropdownButton = exports.ToolbarIconButton = exports.deprecated_Button = void 0;
 var deprecated_Button_1 = require("./lib/deprecated_Button");
 Object.defineProperty(exports, "deprecated_Button", { enumerable: true, get: function () { return deprecated_Button_1.DeprecatedButton; } });
 var ToolbarIconButton_1 = require("./lib/ToolbarIconButton");
@@ -27,10 +19,14 @@ var ToolbarDropdownButton_1 = require("./lib/ToolbarDropdownButton");
 Object.defineProperty(exports, "ToolbarDropdownButton", { enumerable: true, get: function () { return ToolbarDropdownButton_1.ToolbarDropdownButton; } });
 var Hyperlink_1 = require("./lib/Hyperlink");
 Object.defineProperty(exports, "Hyperlink", { enumerable: true, get: function () { return Hyperlink_1.Hyperlink; } });
-var BaseButton_1 = require("./lib/BaseButton");
-Object.defineProperty(exports, "BaseButton", { enumerable: true, get: function () { return BaseButton_1.BaseButton; } });
-Object.defineProperty(exports, "getMinWidthStyles", { enumerable: true, get: function () { return BaseButton_1.getMinWidthStyles; } });
-Object.defineProperty(exports, "getPaddingStyles", { enumerable: true, get: function () { return BaseButton_1.getPaddingStyles; } });
 var ExternalHyperlink_1 = require("./lib/ExternalHyperlink");
 Object.defineProperty(exports, "ExternalHyperlink", { enumerable: true, get: function () { return ExternalHyperlink_1.ExternalHyperlink; } });
 __exportStar(require("./lib/types"), exports);
+__exportStar(require("./lib/PrimaryButton"), exports);
+__exportStar(require("./lib/SecondaryButton"), exports);
+__exportStar(require("./lib/TertiaryButton"), exports);
+__exportStar(require("./lib/DeleteButton"), exports);
+__exportStar(require("./lib/BaseButton"), exports);
+__exportStar(require("./lib/ToolbarDropdownButton"), exports);
+__exportStar(require("./lib/ToolbarIconButton"), exports);
+__exportStar(require("./lib/types"), exports);

package/dist/commonjs/button/lib/BaseButton.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { GrowthBehavior } from '@workday/canvas-kit-react/common';
 import { SystemIconProps } from '@workday/canvas-kit-react/icon';
-import { ButtonColors, ButtonSizes, IconPositions, TertiaryButtonSizes } from './types';
+import { ButtonColors, ButtonSizes, IconPositions } from './types';
 import { CanvasSystemIcon } from '@workday/design-assets-types';
 export interface ButtonContainerProps extends Partial<SystemIconProps>, GrowthBehavior {
     /**
@@ -11,13 +11,33 @@ export interface ButtonContainerProps extends Partial<SystemIconProps>, GrowthBe
     /**
      * There are four button sizes: `extraSmall`, `small`, `medium`, and `large`.
      * If no size is provided, it will default to `medium`.
+     *
+     * @default 'medium
      */
     size?: ButtonSizes;
+    /**
+     * The icon of the Button.
+     * Note: not displayed at `small` size
+     */
+    icon?: CanvasSystemIcon;
     /**
      * Whether the icon should received filled (colored background layer) or regular styles.
      * Corresponds to `toggled` in ToolbarIconButton
      */
     fillIcon?: boolean;
+    /**
+     * Button icon positions can either be `start` or `end`.
+     * If no value is provided, it defaults to `start`.
+     *
+     * @default 'start'
+     */
+    iconPosition?: IconPositions;
+    /**
+     * If set to `true`, transform the icon's x-axis to mirror the graphic
+     * @default false
+     */
+    shouldMirrorIcon?: boolean;
+    children?: React.ReactNode;
 }
 /**
  * Extends all the style properties from Box to our buttons as well as props from ButtonContainerProps.
@@ -26,10 +46,54 @@ export interface ButtonContainerProps extends Partial<SystemIconProps>, GrowthBe
  */
 export interface BaseButtonProps extends Omit<ButtonContainerProps, 'ref'> {
 }
-export declare const getMinWidthStyles: (children: React.ReactNode, size: ButtonSizes | TertiaryButtonSizes) => "1.5rem" | "2rem" | "2.5rem" | "5rem" | "auto" | "48px" | "112px" | "96px";
-export declare const getPaddingStyles: (children: React.ReactNode, size: ButtonSizes | TertiaryButtonSizes, icon: CanvasSystemIcon | undefined, iconPosition: IconPositions | undefined) => string | 0;
+/**
+ * Temporary css variables to be used across all Buttons.
+ */
+export declare const buttonVars: {
+    default: import("@workday/canvas-kit-styling").CsVars<"label" | "opacity" | "background" | "border" | "borderRadius" | "icon" | "boxShadowInner" | "boxShadowOuter", never>;
+    hover: import("@workday/canvas-kit-styling").CsVars<"label" | "opacity" | "background" | "border" | "borderRadius" | "icon" | "boxShadowInner" | "boxShadowOuter", never>;
+    active: import("@workday/canvas-kit-styling").CsVars<"label" | "opacity" | "background" | "border" | "borderRadius" | "icon" | "boxShadowInner" | "boxShadowOuter", never>;
+    focus: import("@workday/canvas-kit-styling").CsVars<"label" | "opacity" | "background" | "border" | "borderRadius" | "icon" | "boxShadowInner" | "boxShadowOuter", never>;
+    disabled: import("@workday/canvas-kit-styling").CsVars<"label" | "opacity" | "background" | "border" | "borderRadius" | "icon" | "boxShadowInner" | "boxShadowOuter", never>;
+};
+/**
+ * Button modifiers that will overwrite the base styles of Buttons.
+ * - `Size`: These modifiers will dictate a size of a Button and has a set of styles to associated with it.
+ * - `iconPosition`: These modifiers will override the existing `Size` styles. These are specific to icon locations
+ * within a button or if there is only an icon and no text.
+ */
+export declare const buttonModifiers: {
+    size: {
+        large: string;
+        medium: string;
+        small: string;
+        extraSmall: string;
+    };
+    iconPosition: {
+        largeOnly: string;
+        largeStart: string;
+        largeEnd: string;
+        mediumOnly: string;
+        mediumStart: string;
+        mediumEnd: string;
+        smallOnly: string;
+        smallStart: string;
+        smallEnd: string;
+        extraSmallOnly: string;
+        extraSmallStart: string;
+        extraSmallEnd: string;
+    };
+} & ((modifiers: Partial<{
+    size: "small" | "medium" | "large" | "extraSmall";
+    iconPosition: "largeOnly" | "largeStart" | "largeEnd" | "mediumOnly" | "mediumStart" | "mediumEnd" | "smallOnly" | "smallStart" | "smallEnd" | "extraSmallOnly" | "extraSmallStart" | "extraSmallEnd";
+}>) => string);
+export declare function capitalize(string?: string): string;
+export declare function getIconPosition(size?: keyof typeof buttonModifiers.size, iconPosition?: IconPositions, children?: React.ReactNode): keyof typeof buttonModifiers.iconPosition;
+/**
+ * The base button which all other buttons are built.
+ */
 export declare const BaseButton: import("@workday/canvas-kit-react/common").ElementComponent<"button", ButtonContainerProps> & {
-    Icon: import("@workday/canvas-kit-react/common").ElementComponent<"span", import("./parts/ButtonLabelIcon").ButtonLabelIconProps>;
-    Label: import("@workday/canvas-kit-react/common").ElementComponent<"span", import("./parts/ButtonLabel").ButtonLabelProps>;
+    Icon: import("@workday/canvas-kit-react/common").ElementComponent<"span", import("../lib/parts/ButtonLabelIcon").ButtonLabelIconProps>;
+    Label: import("@workday/canvas-kit-react/common").ElementComponent<"span", import("../lib/parts/ButtonLabel").ButtonLabelProps>;
 };
 //# sourceMappingURL=BaseButton.d.ts.map

package/dist/commonjs/button/lib/BaseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/BaseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAEL,cAAc,EAMf,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAI/D,OAAO,EAAC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAGtF,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAE9D,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,eAAe,CAAC,EAAE,cAAc;IACpF;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC;CAAG;AAgL7E,eAAO,MAAM,iBAAiB,aAClB,MAAM,SAAS,QACnB,WAAW,GAAG,mBAAmB,+EAcxC,CAAC;AAEF,eAAO,MAAM,gBAAgB,aACjB,MAAM,SAAS,QACnB,WAAW,GAAG,mBAAmB,QACjC,gBAAgB,GAAG,SAAS,gBACpB,aAAa,GAAG,SAAS,eAiDxC,CAAC;AAEF,eAAO,MAAM,UAAU;;;CAarB,CAAC"}
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/BaseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAkB,cAAc,EAAY,MAAM,kCAAkC,CAAC;AAE5F,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAI/D,OAAO,EAAC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AACjE,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAE9D,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,eAAe,CAAC,EAAE,cAAc;IACpF;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC;CAAG;AAiB7E;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAkGF;;;;;GAKG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;cA4E1B,CAAC;AAEH,wBAAgB,UAAU,CAAC,MAAM,GAAE,MAAW,UAE7C;AAED,wBAAgB,eAAe,CAC7B,IAAI,CAAC,EAAE,MAAM,OAAO,eAAe,CAAC,IAAI,EACxC,YAAY,CAAC,EAAE,aAAa,EAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GACzB,MAAM,OAAO,eAAe,CAAC,YAAY,CAE3C;AAED;;GAEG;AACH,eAAO,MAAM,UAAU;;;CA8CrB,CAAC"}