@bitrise/bitkit 9.4.1-alpha.2 → 9.4.1-beta.1

package/src/Placement/PlacementPopper.tsx

@@ -1,6 +1,7 @@
+/* eslint-disable react/default-props-match-prop-types */
 import * as React from 'react';
 import { createPortal } from 'react-dom';
-import { Placement as TypePlacement, ReferenceObject as TypeReferenceObject } from 'popper.js';
+import { Placement as TypePlacement } from '@popperjs/core';
 import { Popper, PopperProps } from 'react-popper';
 import { CSSTransition } from 'react-transition-group';
 import classnames from 'classnames';
@@ -27,15 +28,14 @@ const transitionClasses = {
 
 export interface Props extends BaseProps {
   animatePosition?: boolean;
-  children: (props: { scheduleUpdate: () => void; width?: number }) => React.ReactNode;
+  children: (props: { update: () => void; width?: number }) => React.ReactNode;
   closeElement?: null | HTMLElement;
-  disableMargin?: boolean | 'top-bottom' | 'left-right';
   disableReposition?: boolean;
   flip?: boolean;
   isInsideModal?: boolean;
   onClose?: (event: MouseEvent) => void;
   placement?: TypePlacement;
-  referenceElement?: TypeReferenceObject;
+  referenceElement?: any;
   visible?: boolean;
   timeout?: number;
 }
@@ -46,13 +46,13 @@ const PlacementPopper: React.FunctionComponent<Props> = (props: Props) => {
     backgroundColor,
     children,
     closeElement,
-    disableMargin,
     disableReposition,
     flip,
     isInsideModal,
     onClose,
     placement: desiredPlacement,
     referenceElement,
+    sameWidth,
     visible,
     timeout = transitionDurationFast,
     ...rest
@@ -71,7 +71,7 @@ const PlacementPopper: React.FunctionComponent<Props> = (props: Props) => {
     closeElement || document,
     'click',
     (event) => {
-      if (onClose && ref.current && !ref.current.contains(event.target as Node)) {
+      if (onClose && ref.current && !ref.current.contains(event.target as Node) && visible) {
         onClose(event as MouseEvent);
       }
     },
@@ -93,19 +93,36 @@ const PlacementPopper: React.FunctionComponent<Props> = (props: Props) => {
     return null;
   }
 
-  const popperProps: PopperProps = {
-    children: () => null,
-    eventsEnabled: !disableReposition,
-    placement: desiredPlacement,
-    modifiers: {
-      preventOverflow: {
-        boundariesElement: 'window',
-      },
-      flip: {
-        behavior: 'flip',
-        enabled: flip,
+  const modifiers: any[] = [
+    {
+      name: 'offset',
+      options: {
+        offset: [0, 12],
       },
     },
+  ];
+
+  if (sameWidth) {
+    modifiers.push({
+      enabled: true,
+      name: 'sameWidth',
+      phase: 'beforeWrite',
+      requires: ['computeStyles'],
+      fn: ({ state }: any) => {
+        // eslint-disable-next-line no-param-reassign
+        state.styles.popper.width = `${state.rects.reference.width}px`;
+      },
+      effect: ({ state }: any) => {
+        // eslint-disable-next-line no-param-reassign
+        state.elements.popper.style.width = `${state.elements.reference.getBoundingClientRect().width || 0}px`;
+      },
+    });
+  }
+
+  const popperProps: PopperProps<any> = {
+    children: () => null,
+    placement: desiredPlacement,
+    modifiers,
   };
 
   if (referenceElement) {
@@ -116,37 +133,36 @@ const PlacementPopper: React.FunctionComponent<Props> = (props: Props) => {
     // eslint-disable-next-line no-return-assign
     <Popper {...popperProps} innerRef={(el) => (ref.current = el || null)}>
       {/* eslint-disable-next-line @typescript-eslint/no-shadow */}
-      {({ arrowProps, placement, ref, scheduleUpdate, style }) => (
-        // eslint-disable-next-line react/jsx-no-constructed-context-values
-        <PlacementArrowPropsContext.Provider value={{ ...arrowProps, backgroundColor }}>
-          <div
-            className={classnames('Placement', `Placement--${placement}`, {
-              'Placement--above-modal': isInsideModal,
-              'Placement--animate': animatePosition,
-              'Placement--disable-margin': disableMargin === true,
-              'Placement--disable-margin-top-bottom': disableMargin === 'top-bottom',
-              'Placement--disable-margin-left-right': disableMargin === 'left-right',
-            })}
-            ref={ref}
-            style={style}
-          >
-            <CSSTransition appear={visible} classNames={transitionClasses} in={visible} timeout={timeout}>
-              <div className="Placement__content">
-                <Base {...rest} backgroundColor={backgroundColor} className="Placement__shadow">
-                  <PlacementManagerContext.Consumer>
-                    {({ referenceNode }) =>
-                      children({
-                        scheduleUpdate,
-                        width: (referenceNode && referenceNode.clientWidth) || undefined,
-                      })
-                    }
-                  </PlacementManagerContext.Consumer>
-                </Base>
-              </div>
-            </CSSTransition>
-          </div>
-        </PlacementArrowPropsContext.Provider>
-      )}
+      {({ arrowProps, placement, ref, update, style }) => {
+        return (
+          // eslint-disable-next-line react/jsx-no-constructed-context-values
+          <PlacementArrowPropsContext.Provider value={{ ...arrowProps, backgroundColor }}>
+            <div
+              className={classnames('Placement', `Placement--${placement}`, {
+                'Placement--above-modal': isInsideModal,
+                'Placement--animate': animatePosition,
+              })}
+              ref={ref}
+              style={style}
+            >
+              <CSSTransition appear={visible} classNames={transitionClasses} in={visible} timeout={timeout}>
+                <div className="Placement__content">
+                  <Base {...rest} backgroundColor={backgroundColor} className="Placement__shadow">
+                    <PlacementManagerContext.Consumer>
+                      {({ referenceNode }) =>
+                        children({
+                          update,
+                          width: (referenceNode && referenceNode.clientWidth) || undefined,
+                        })
+                      }
+                    </PlacementManagerContext.Consumer>
+                  </Base>
+                </div>
+              </CSSTransition>
+            </div>
+          </PlacementArrowPropsContext.Provider>
+        );
+      }}
     </Popper>,
     document.body,
   );

package/src/Tooltip/Tooltip.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ReferenceChildrenProps } from 'react-popper';
-import { Placement as TypePlacement } from 'popper.js';
+import { Placement as TypePlacement } from '@popperjs/core';
 import { Props as BaseProps } from '../Base/Base';
 import Placement from '../Placement/Placement';
 import PlacementArea from '../Placement/PlacementArea';

package/src/hooks/useEventListener.ts

@@ -4,10 +4,30 @@ type HTMLElementOrDocumentOrWindow = HTMLElement | Document | Window;
 interface HTMLElementOrDocumentOrWindowEventMap extends HTMLElementEventMap, DocumentEventMap, WindowEventMap {}
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
-function useEventListener<E extends Window, K extends keyof WindowEventMap>(el: E | null | undefined, type: K, handler: (evnt: WindowEventMap[K]) => void, watch?: any[]): void;
-function useEventListener<E extends Document, K extends keyof DocumentEventMap>(el: E | null | undefined, type: K, handler: (evt: DocumentEventMap[K]) => void, watch?: any[]): void;
-function useEventListener<E extends HTMLElement, K extends keyof HTMLElementEventMap>(el: E | null | undefined, type: K, handler: (evt: HTMLElementEventMap[K]) => void, watch?: any[]): void;
-function useEventListener<K extends keyof HTMLElementOrDocumentOrWindowEventMap>(el: HTMLElementOrDocumentOrWindow, type: string, handler: (evt: HTMLElementOrDocumentOrWindowEventMap[K]) => void, watch?: any[]): void;
+function useEventListener<E extends Window, K extends keyof WindowEventMap>(
+  el: E | null | undefined,
+  type: K,
+  handler: (evnt: WindowEventMap[K]) => void,
+  watch?: any[],
+): void;
+function useEventListener<E extends Document, K extends keyof DocumentEventMap>(
+  el: E | null | undefined,
+  type: K,
+  handler: (evt: DocumentEventMap[K]) => void,
+  watch?: any[],
+): void;
+function useEventListener<E extends HTMLElement, K extends keyof HTMLElementEventMap>(
+  el: E | null | undefined,
+  type: K,
+  handler: (evt: HTMLElementEventMap[K]) => void,
+  watch?: any[],
+): void;
+function useEventListener<K extends keyof HTMLElementOrDocumentOrWindowEventMap>(
+  el: HTMLElementOrDocumentOrWindow,
+  type: string,
+  handler: (evt: HTMLElementOrDocumentOrWindowEventMap[K]) => void,
+  watch?: any[],
+): void;
 function useEventListener(el: any, type: string, handler: any, watch?: any[]) {
   useEffect(() => {
     if (el) {
@@ -20,6 +40,6 @@ function useEventListener(el: any, type: string, handler: any, watch?: any[]) {
       }
     };
   }, watch || []);
-};
+}
 
 export default useEventListener;

package/src/index.ts

@@ -106,13 +106,3 @@ export { default as Toggle, Props as ToggleProps } from './Toggle/Toggle';
 export { default as Tooltip, Props as TooltipProps } from './Tooltip/Tooltip';
 export { default as Visibility, Props as VisibilityProps } from './Visibility/Visibility';
 export { default as VisibilityContainer, Props as VisibilityContainerProps } from './Visibility/VisibilityContainer';
-
-export { default as BitkitProvider } from './chakra/BitkitProvider';
-export { default as BitkitTheme } from './chakra/theme/theme';
-export { default as NewButton, Props as NewButtonProps } from './chakra/components/Button/Button';
-export { default as NewIconButton, Props as NewIconButtonProps } from './chakra/components/IconButton/IconButton';
-export { default as NewLink, Props as NewLinkProps } from './chakra/components/Link/Link';
-export { default as Menu, Props as MenuProps } from './chakra/components/Menu/Menu';
-export { default as MenuItem, Props as MenuItemProps } from './chakra/components/Menu/MenuItem';
-export { default as StatusTag, Props as StatusTagProps } from './chakra/components/StatusTag/StatusTag';
-export { default as NewText, Props as NewTextProps } from './chakra/components/Text/Text';

package/tsconfig.json

@@ -12,14 +12,11 @@
     "moduleResolution": "node",
     "paths": {
       "*": ["@types/*"],
-      "@": ["src"],
-      "@bitrise/bitkit": ["src"],
+      "@bitrise/bitkit": ["src"]
     },
     "resolveJsonModule": true,
     "sourceMap": true,
     "strict": true,
-    "target": "es5",
-    // https://github.com/chakra-ui/chakra-ui/issues/2955 :(
-    "skipLibCheck": true,
+    "target": "es5"
   }
 }

package/.storybook/main.js

@@ -1,35 +0,0 @@
-const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
-
-module.exports = {
-  core: {
-    builder: 'webpack5',
-  },
-  stories: [
-    "../src/**/*.stories.mdx",
-    "../src/**/*.stories.@(js|jsx|ts|tsx)"
-  ],
-  addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions"
-  ],
-  framework: "@storybook/react",
-  features: { emotionAlias: false },
-  refs: {
-    '@chakra-ui/react': { disable: true }
-  },
-  webpackFinal: async (config) => {
-    config.module.rules.push({
-      test: /\.mjs$/,
-      include: /node_modules/,
-      type: 'javascript/auto',
-    });
-    config.resolve.plugins = [
-      ...(config.resolve.plugins || []),
-      new TsconfigPathsPlugin({
-        extensions: config.resolve.extensions,
-      }),
-    ];
-    return config;
-  },
-};

package/.storybook/preview.js

@@ -1,20 +0,0 @@
-import BitkitProvider from '../src/chakra/BitkitProvider';
-import '../site/index.css'
-
-export const decorators = [
-  (Story) => (
-    <BitkitProvider>
-      <Story />
-    </BitkitProvider>
-  ),
-];
-
-export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
-    },
-  },
-};

package/lib/cjs/chakra/BitkitProvider.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { ChakraProviderProps } from '@chakra-ui/react';
-declare const BitkitProvider: ({ children }: ChakraProviderProps) => JSX.Element;
-export default BitkitProvider;
-//# sourceMappingURL=BitkitProvider.d.ts.map

package/lib/cjs/chakra/BitkitProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BitkitProvider.d.ts","sourceRoot":"","sources":["../../../src/chakra/BitkitProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvE,QAAA,MAAM,cAAc,iBAAkB,mBAAmB,gBAExD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/cjs/chakra/BitkitProvider.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@chakra-ui/react");
-var theme_1 = __importDefault(require("./theme/theme"));
-var BitkitProvider = function (_a) {
-    var children = _a.children;
-    return react_1.default.createElement(react_2.ChakraProvider, { theme: theme_1.default }, children);
-};
-exports.default = BitkitProvider;
-//# sourceMappingURL=BitkitProvider.js.map

package/lib/cjs/chakra/BitkitProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BitkitProvider.js","sourceRoot":"","sources":["../../../src/chakra/BitkitProvider.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,0CAAuE;AACvE,wDAAkC;AAElC,IAAM,cAAc,GAAG,UAAC,EAAiC;QAA/B,QAAQ,cAAA;IAChC,OAAO,8BAAC,sBAAc,IAAC,KAAK,EAAE,eAAK,IAAG,QAAQ,CAAkB,CAAC;AACnE,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}

package/lib/cjs/chakra/components/Button/Button.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import { ButtonProps } from '@chakra-ui/react';
-import { TypeIconName } from '@bitrise/bitkit';
-export interface Props {
-    as?: 'a' | 'button';
-    children: string;
-    className?: string;
-    href?: string;
-    isDisabled?: boolean;
-    leftIconName?: TypeIconName;
-    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    ref?: ButtonProps['itemRef'];
-    rightIconName?: TypeIconName;
-    size?: 'small' | 'medium';
-    sx?: ButtonProps['sx'];
-    target?: '_blank' | '_parent' | '_self' | '_top';
-    type?: ButtonProps['type'];
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'dangerPrimary' | 'dangerSecondary';
-}
-declare const Button: React.ForwardRefExoticComponent<Pick<Props, "size" | "className" | "children" | "onClick" | "href" | "variant" | "target" | "type" | "as" | "sx" | "isDisabled" | "leftIconName" | "rightIconName"> & React.RefAttributes<HTMLButtonElement>>;
-export default Button;
-//# sourceMappingURL=Button.d.ts.map

package/lib/cjs/chakra/components/Button/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA0B,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAQ,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,KAAK;IACpB,EAAE,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACvE,GAAG,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,EAAE,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IACvB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IACjD,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,eAAe,GAAG,iBAAiB,CAAC;CACtF;AAED,QAAA,MAAM,MAAM,+OAqBV,CAAC;AAQH,eAAe,MAAM,CAAC"}

package/lib/cjs/chakra/components/Button/Button.js

@@ -1,61 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@chakra-ui/react");
-var bitkit_1 = require("@bitrise/bitkit");
-var Button = react_1.default.forwardRef(function (props, ref) {
-    var as = props.as, leftIconName = props.leftIconName, rightIconName = props.rightIconName, size = props.size, rest = __rest(props, ["as", "leftIconName", "rightIconName", "size"]);
-    var properties = __assign({ as: as, size: size }, rest);
-    if (leftIconName) {
-        properties.leftIcon = react_1.default.createElement(bitkit_1.Icon, { name: leftIconName });
-    }
-    if (rightIconName) {
-        properties.rightIcon = react_1.default.createElement(bitkit_1.Icon, { name: rightIconName });
-    }
-    if (leftIconName || rightIconName) {
-        properties.iconSpacing = size === 'medium' ? '10px' : '6px';
-    }
-    if (as === 'a') {
-        delete properties.type;
-    }
-    else {
-        /* @ts-ignore */
-        delete properties.href;
-        /* @ts-ignore */
-        delete properties.target;
-    }
-    return react_1.default.createElement(react_2.Button, __assign({ ref: ref }, properties));
-});
-Button.defaultProps = {
-    as: 'button',
-    size: 'medium',
-    variant: 'primary',
-};
-exports.default = Button;
-//# sourceMappingURL=Button.js.map

package/lib/cjs/chakra/components/Button/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sDAAsD;AACtD,gDAA0B;AAC1B,0CAAuE;AACvE,0CAAqD;AAmBrD,IAAM,MAAM,GAAG,eAAK,CAAC,UAAU,CAA2B,UAAC,KAAY,EAAE,GAAG;IAClE,IAAA,EAAE,GAAiD,KAAK,GAAtD,EAAE,YAAY,GAAmC,KAAK,aAAxC,EAAE,aAAa,GAAoB,KAAK,cAAzB,EAAE,IAAI,GAAc,KAAK,KAAnB,EAAK,IAAI,UAAK,KAAK,EAA1D,+CAAkD,CAAF,CAAW;IACjE,IAAM,UAAU,cAAkB,EAAE,IAAA,EAAE,IAAI,MAAA,IAAK,IAAI,CAAE,CAAC;IACtD,IAAI,YAAY,EAAE;QAChB,UAAU,CAAC,QAAQ,GAAG,8BAAC,aAAI,IAAC,IAAI,EAAE,YAAY,GAAI,CAAC;KACpD;IACD,IAAI,aAAa,EAAE;QACjB,UAAU,CAAC,SAAS,GAAG,8BAAC,aAAI,IAAC,IAAI,EAAE,aAAa,GAAI,CAAC;KACtD;IACD,IAAI,YAAY,IAAI,aAAa,EAAE;QACjC,UAAU,CAAC,WAAW,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;KAC7D;IACD,IAAI,EAAE,KAAK,GAAG,EAAE;QACd,OAAO,UAAU,CAAC,IAAI,CAAC;KACxB;SAAM;QACL,gBAAgB;QAChB,OAAO,UAAU,CAAC,IAAI,CAAC;QACvB,gBAAgB;QAChB,OAAO,UAAU,CAAC,MAAM,CAAC;KAC1B;IACD,OAAO,8BAAC,cAAY,aAAC,GAAG,EAAE,GAAG,IAAM,UAAU,EAAI,CAAC;AACpD,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,YAAY,GAAG;IACpB,EAAE,EAAE,QAAQ;IACZ,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/lib/cjs/chakra/components/Button/Button.stories.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<React.ForwardRefExoticComponent<Pick<import("./Button").Props, "size" | "className" | "children" | "onClick" | "href" | "variant" | "target" | "type" | "as" | "sx" | "isDisabled" | "leftIconName" | "rightIconName"> & React.RefAttributes<HTMLButtonElement>>>;
-export default _default;
-export declare const WithProps: ComponentStory<React.ForwardRefExoticComponent<Pick<import("./Button").Props, "size" | "className" | "children" | "onClick" | "href" | "variant" | "target" | "type" | "as" | "sx" | "isDisabled" | "leftIconName" | "rightIconName"> & React.RefAttributes<HTMLButtonElement>>>;
-//# sourceMappingURL=Button.stories.d.ts.map

package/lib/cjs/chakra/components/Button/Button.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;;AAKjE,wBAWkC;AAIlC,eAAO,MAAM,SAAS,kRAAoB,CAAC"}

package/lib/cjs/chakra/components/Button/Button.stories.js

@@ -1,37 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WithProps = void 0;
-var react_1 = __importDefault(require("react"));
-var shared_1 = require("../../shared");
-var tsx_1 = require("../../../Icon/tsx");
-var Button_1 = __importDefault(require("./Button"));
-exports.default = {
-    title: 'Components/Button',
-    component: Button_1.default,
-    argTypes: {
-        leftIconName: {
-            options: tsx_1.IconList,
-        },
-        rightIconName: {
-            options: tsx_1.IconList,
-        },
-    },
-};
-var Template = function (props) { return react_1.default.createElement(Button_1.default, __assign({}, props)); };
-exports.WithProps = Template.bind({});
-exports.WithProps.args = (0, shared_1.sortObjectByKey)(__assign(__assign({}, Button_1.default.defaultProps), { as: 'button', className: '', isDisabled: false, href: '', target: '_self', type: 'button', children: 'Button' }));
-//# sourceMappingURL=Button.stories.js.map

package/lib/cjs/chakra/components/Button/Button.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../../src/chakra/components/Button/Button.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,uCAA+C;AAC/C,yCAA6C;AAC7C,oDAA8B;AAE9B,kBAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,gBAAM;IACjB,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,OAAO,EAAE,cAAQ;SAClB;QACD,aAAa,EAAE;YACb,OAAO,EAAE,cAAQ;SAClB;KACF;CAC8B,CAAC;AAElC,IAAM,QAAQ,GAAkC,UAAC,KAAK,IAAK,OAAA,8BAAC,gBAAM,eAAK,KAAK,EAAI,EAArB,CAAqB,CAAC;AAEpE,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,iBAAS,CAAC,IAAI,GAAG,IAAA,wBAAe,wBAC3B,gBAAM,CAAC,YAAY,KACtB,EAAE,EAAE,QAAQ,EACZ,SAAS,EAAE,EAAE,EACb,UAAU,EAAE,KAAK,EACjB,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,OAAO,EACf,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,IAClB,CAAC"}

package/lib/cjs/chakra/components/Button/Button.theme.d.ts

@@ -1,117 +0,0 @@
-declare const ButtonTheme: {
-    baseStyle: {
-        border: string;
-        borderRadius: string;
-        fontWeight: string;
-        lineHeight: number;
-    };
-    variants: {
-        primary: {
-            bgGradient: string;
-            borderColor: string;
-            color: string;
-            fontWeight: string;
-            _hover: {
-                bgGradient: string;
-                _disabled: {
-                    bgGradient: string;
-                    borderColor: string;
-                };
-            };
-            _active: {
-                bgGradient: string;
-            };
-            _disabled: {
-                bgGradient: string;
-                borderColor: string;
-            };
-        };
-        secondary: {
-            bgGradient: string;
-            borderColor: string;
-            color: string;
-            _hover: {
-                bgGradient: string;
-            };
-            _active: {
-                bgGradient: string;
-                color: string;
-            };
-            _disabled: {
-                color: string;
-            };
-        };
-        tertiary: {
-            background: string;
-            borderColor: string;
-            color: string;
-            _hover: {
-                background: string;
-            };
-            _active: {
-                background: string;
-                color: string;
-            };
-            _disabled: {
-                color: string;
-            };
-        };
-        dangerPrimary: {
-            bgGradient: string;
-            borderColor: string;
-            color: string;
-            fontWeight: string;
-            _hover: {
-                bgGradient: string;
-                _disabled: {
-                    bgGradient: string;
-                    borderColor: string;
-                };
-            };
-            _active: {
-                bgGradient: string;
-            };
-            _disabled: {
-                bgGradient: string;
-                borderColor: string;
-            };
-        };
-        dangerSecondary: {
-            bgGradient: string;
-            borderColor: string;
-            color: string;
-            _hover: {
-                bgGradient: string;
-                borderColor: string;
-                _disabled: {
-                    bgGradient: string;
-                    borderColor: string;
-                    color: string;
-                };
-            };
-            _active: {
-                bgGradient: string;
-                color: string;
-            };
-            _disabled: {
-                color: string;
-            };
-        };
-    };
-    sizes: {
-        small: {
-            minWidth: string;
-            height: string;
-            fontSize: number;
-            paddingX: string;
-        };
-        medium: {
-            minWidth: string;
-            height: string;
-            fontSize: number;
-            paddingX: string;
-        };
-    };
-};
-export default ButtonTheme;
-//# sourceMappingURL=Button.theme.d.ts.map

package/lib/cjs/chakra/components/Button/Button.theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.theme.d.ts","sourceRoot":"","sources":["../../../../../src/chakra/components/Button/Button.theme.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkHhB,CAAC;AAEF,eAAe,WAAW,CAAC"}