@toptal/picasso-button 4.0.24-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.10 → 4.0.24-alpha-1757603192867.0

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@toptal/picasso-button",
-  "version": "4.0.24-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.10+7db07b500",
+  "version": "4.0.24-alpha-1757603192867.0",
   "description": "Toptal UI components library - Button",
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
   },
   "main": "./dist-package/src/index.js",
   "module": "./dist-package/src/index.js",
   "scripts": {
     "build:package": "tsc -b tsconfig.json",
-    "prepublishOnly": "yarn build:package"
+    "prepublishOnly": "echo 0"
   },
   "repository": {
     "type": "git",
@@ -22,17 +23,17 @@
   },
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
   "dependencies": {
-    "@mui/base": "5.0.0-beta.58",
-    "@toptal/picasso-checkbox": "5.0.14-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.10+7db07b500",
-    "@toptal/picasso-container": "3.1.3-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.31+7db07b500",
-    "@toptal/picasso-dropdown": "4.2.4-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.18+7db07b500",
-    "@toptal/picasso-icons": "1.12.2-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.31+7db07b500",
-    "@toptal/picasso-link": "3.0.7-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.10+7db07b500",
-    "@toptal/picasso-loader": "3.0.4-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.31+7db07b500",
-    "@toptal/picasso-radio": "5.0.14-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.10+7db07b500",
-    "@toptal/picasso-shared": "15.0.1-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.377+7db07b500",
-    "@toptal/picasso-utils": "3.1.1-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.31+7db07b500",
+    "@toptal/picasso-checkbox": "5.0.14-alpha-1757603192867.0",
+    "@toptal/picasso-container": "3.1.3-alpha-1757603192867.0",
+    "@toptal/picasso-dropdown": "4.2.4-alpha-1757603192867.0",
+    "@toptal/picasso-icons": "1.12.2-alpha-1757603192867.0",
+    "@toptal/picasso-loader": "3.0.4-alpha-1757603192867.0",
+    "@toptal/picasso-radio": "5.0.14-alpha-1757603192867.0",
+    "@toptal/picasso-shared": "15.0.1-alpha-1757603192867.0",
+    "@toptal/picasso-utils": "3.1.1-alpha-1757603192867.0",
+    "@toptal/picasso-link": "3.0.7-alpha-1757603192867.0",
     "ap-style-title-case": "^1.1.2",
+    "@mui/base": "5.0.0-beta.58",
     "classnames": "^2.5.1"
   },
   "sideEffects": [
@@ -40,23 +41,22 @@
     "**/styles.js"
   ],
   "peerDependencies": {
-    "@toptal/picasso-provider": "*",
-    "@toptal/picasso-tailwind": ">=2.7",
-    "@toptal/picasso-tailwind-merge": "^2.0.0",
+    "@toptal/picasso-tailwind-merge": "2.0.4-alpha-1757603192867.0",
+    "@toptal/picasso-tailwind": "3.0.1-alpha-1757603192867.0",
+    "@toptal/picasso-provider": "5.0.2-alpha-1757603192867.0",
     "react": ">=16.12.0 < 19.0.0"
   },
   "exports": {
     ".": "./dist-package/src/index.js"
   },
   "devDependencies": {
-    "@toptal/picasso-provider": "5.0.2-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.10+7db07b500",
-    "@toptal/picasso-tailwind-merge": "2.0.4-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.31+7db07b500",
-    "@toptal/picasso-test-utils": "1.1.2-alpha-MP-669-remove-default-props-dkjf3234-7db07b500.377+7db07b500"
+    "@toptal/picasso-tailwind-merge": "2.0.4-alpha-1757603192867.0",
+    "@toptal/picasso-provider": "5.0.2-alpha-1757603192867.0",
+    "@toptal/picasso-test-utils": "1.1.2-alpha-1757603192867.0"
   },
   "files": [
     "dist-package/**",
     "!dist-package/tsconfig.tsbuildinfo",
     "src"
-  ],
-  "gitHead": "7db07b500402a91f0c09da3be294305a194fd1e4"
+  ]
 }

package/src/Button/Button.tsx

@@ -98,29 +98,24 @@ const getIcon = ({
 export const Button: OverridableComponent<Props> = forwardRef<
   HTMLButtonElement,
   Props
->(function Button(
-  {
-    active = false,
-    as = 'button',
-    children = null,
-    disabled = false,
-    focused = false,
-    fullWidth = false,
-    hovered = false,
-    iconPosition = 'left',
-    loading = false,
-    onClick = noop,
-    size = 'medium',
-    type = 'button',
+>(function Button(props, ref) {
+  const {
+    icon,
+    iconPosition,
+    loading,
+    className,
+    fullWidth,
     variant = 'primary',
-    ...props
-  },
-  ref
-) {
-  const { icon, className, ...rest } = props
+    size = 'medium',
+    focused,
+    hovered,
+    disabled,
+    active,
+    ...rest
+  } = props
 
   const iconComponent = getIcon({
-    children,
+    children: rest.children,
     icon,
     iconPosition,
     size,
@@ -173,14 +168,26 @@ export const Button: OverridableComponent<Props> = forwardRef<
       iconPosition={iconPosition}
       loading={loading}
       disabled={disabled}
-      as={as}
-      type={type}
-      onClick={onClick}
-      children={children}
     />
   )
 })
 
+Button.defaultProps = {
+  active: false,
+  as: 'button',
+  children: null,
+  disabled: false,
+  focused: false,
+  fullWidth: false,
+  hovered: false,
+  iconPosition: 'left',
+  loading: false,
+  onClick: noop,
+  size: 'medium',
+  type: 'button',
+  variant: 'primary',
+}
+
 Button.displayName = 'Button'
 
 export default Button

package/src/ButtonAction/ButtonAction.tsx

@@ -62,7 +62,7 @@ const loaderIcon = <Loader size='small' variant='inherit' />
 export const ButtonAction: OverridableComponent<Props> = forwardRef<
   HTMLButtonElement,
   Props
->(function ButtonAction({ iconPosition = 'left', ...props }, ref) {
+>(function ButtonAction(props, ref) {
   const {
     /* eslint-disable @typescript-eslint/no-unused-vars */
     // We use these props only to determine styles
@@ -74,6 +74,7 @@ export const ButtonAction: OverridableComponent<Props> = forwardRef<
     disabled,
     loading,
     icon,
+    iconPosition,
     onClick,
     ...rest
   } = props
@@ -102,6 +103,10 @@ export const ButtonAction: OverridableComponent<Props> = forwardRef<
   )
 })
 
+ButtonAction.defaultProps = {
+  iconPosition: 'left',
+}
+
 ButtonAction.displayName = 'ButtonAction'
 
 export default ButtonAction

package/src/ButtonBase/ButtonBase.tsx

@@ -72,26 +72,21 @@ const RootElement = forwardRef(
 export const ButtonBase: OverridableComponent<Props> = forwardRef<
   HTMLButtonElement,
   Props
->(function ButtonBase(
-  {
-    as = 'button',
-    children = null,
-    disabled = false,
-    iconPosition = 'left',
-    loading = false,
-    onClick = noop,
-    type = 'button',
-    ...props
-  },
-  ref
-) {
+>(function ButtonBase(props, ref) {
   const {
     icon,
+    iconPosition,
+    loading,
+    children,
     className,
     contentClassName,
     style,
+    disabled,
+    onClick,
     title,
     value,
+    type,
+    as = 'button',
     titleCase: propsTitleCase,
     ...rest
   } = props
@@ -155,6 +150,16 @@ export const ButtonBase: OverridableComponent<Props> = forwardRef<
   )
 })
 
+ButtonBase.defaultProps = {
+  as: 'button',
+  children: null,
+  disabled: false,
+  iconPosition: 'left',
+  loading: false,
+  onClick: noop,
+  type: 'button',
+}
+
 ButtonBase.displayName = 'ButtonBase'
 
 export default ButtonBase

package/src/ButtonCircular/ButtonCircular.tsx

@@ -40,9 +40,10 @@ export interface Props extends BaseProps, ButtonOrAnchorProps {
 export const ButtonCircular: OverridableComponent<Props> = forwardRef<
   HTMLButtonElement,
   Props
->(function ButtonCircular({ variant = 'primary', ...props }, ref) {
+>(function ButtonCircular(props, ref) {
   const {
     className,
+    variant = 'primary',
     active,
     focused,
     hovered,
@@ -83,6 +84,10 @@ export const ButtonCircular: OverridableComponent<Props> = forwardRef<
   )
 })
 
+ButtonCircular.defaultProps = {
+  variant: 'primary',
+}
+
 ButtonCircular.displayName = 'ButtonCircular'
 
 export default ButtonCircular

package/src/ButtonControlLabel/ButtonControlLabel.tsx

@@ -70,4 +70,8 @@ const ButtonControlLabel = ({
   )
 }
 
+ButtonControlLabel.defaultProps = {
+  size: 'medium',
+}
+
 export default ButtonControlLabel

package/src/ButtonSplit/ButtonSplit.tsx

@@ -63,13 +63,12 @@ const EventStopPropagation = ({ children }: { children: ReactNode }) => {
 }
 
 export const ButtonSplit = forwardRef<HTMLDivElement, Props>(
-  function ButtonSplit(
-    { size = 'medium', variant = 'primary', ...props },
-    ref
-  ) {
+  function ButtonSplit(props, ref) {
     const {
+      size = 'medium',
       menu,
       children,
+      variant = 'primary',
       disabled,
       style,
       className,
@@ -157,6 +156,11 @@ export const ButtonSplit = forwardRef<HTMLDivElement, Props>(
   }
 )
 
+ButtonSplit.defaultProps = {
+  size: 'medium',
+  variant: 'primary',
+}
+
 ButtonSplit.displayName = 'ButtonSplit'
 
 export default ButtonSplit

package/LICENSE

@@ -1,20 +0,0 @@
-MIT License
-
-Copyright (c) 2021-2022 Toptal, LLC
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of
-this software and associated documentation files (the “Software”), to deal in
-the Software without restriction, including without limitation the rights to
-use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
-the Software, and to permit persons to whom the Software is furnished to do so,
-subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
-FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
-COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
-IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
-CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/dist-package/src/Button/Button.d.ts

@@ -1,39 +0,0 @@
-import type { ReactNode, ReactElement, MouseEvent, ElementType } from 'react';
-import type { StandardProps, SizeType, ButtonOrAnchorProps, OverridableComponent, TextLabelProps } from '@toptal/picasso-shared';
-export declare type VariantType = 'primary' | 'negative' | 'positive' | 'secondary' | 'transparent';
-export declare type IconPositionType = 'left' | 'right';
-export interface Props extends StandardProps, TextLabelProps, ButtonOrAnchorProps {
-    /** Show button in the active state (left mouse button down) */
-    active?: boolean;
-    as?: ElementType;
-    /** Disables button */
-    disabled?: boolean;
-    /** Content of Button component */
-    children?: ReactNode;
-    focused?: boolean;
-    /** Take the full width of a container */
-    fullWidth?: boolean;
-    /** Set hovered style for the button */
-    hovered?: boolean;
-    /** Add an `<Icon />` along Button's children */
-    icon?: ReactElement;
-    /** Icon can be positioned on the left or right */
-    iconPosition?: IconPositionType;
-    /** Shows a loading indicator and disables click events */
-    loading?: boolean;
-    /** Callback invoked when component is clicked */
-    onClick?: (event: MouseEvent<HTMLButtonElement & HTMLAnchorElement>) => void;
-    /** A button can have different sizes */
-    size?: SizeType<'small' | 'medium' | 'large'>;
-    /** The variant to use */
-    variant?: VariantType;
-    /** HTML Value of Button component */
-    value?: string | number;
-    /** HTML title of Button component */
-    title?: string;
-    /** HTML type of Button component */
-    type?: 'button' | 'reset' | 'submit';
-}
-export declare const Button: OverridableComponent<Props>;
-export default Button;
-//# sourceMappingURL=Button.d.ts.map

package/dist-package/src/Button/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAI7E,OAAO,KAAK,EACV,aAAa,EACb,QAAQ,EACR,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACf,MAAM,wBAAwB,CAAA;AAiB/B,oBAAY,WAAW,GACnB,SAAS,GACT,UAAU,GACV,UAAU,GACV,WAAW,GACX,aAAa,CAAA;AAEjB,oBAAY,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAA;AAE/C,MAAM,WAAW,KACf,SAAQ,aAAa,EACnB,cAAc,EACd,mBAAmB;IACrB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yCAAyC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gDAAgD;IAChD,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,kDAAkD;IAClD,YAAY,CAAC,EAAE,gBAAgB,CAAA;IAC/B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iDAAiD;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC5E,wCAAwC;IACxC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;IAC7C,yBAAyB;IACzB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oCAAoC;IACpC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;CACrC;AA2BD,eAAO,MAAM,MAAM,EAAE,oBAAoB,CAAC,KAAK,CAoF7C,CAAA;AAIF,eAAe,MAAM,CAAA"}

package/dist-package/src/Button/Button.js

@@ -1,69 +0,0 @@
-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;
-};
-import React, { forwardRef } from 'react';
-import cx from 'classnames';
-import { twMerge } from '@toptal/picasso-tailwind-merge';
-import { noop } from '@toptal/picasso-utils';
-// we need to ensure the correct order of styles import
-// TODO: [FX-4614] To be removed when Link component is migrated to tailwind
-import { Link } from '@toptal/picasso-link';
-import { ButtonBase } from '../ButtonBase';
-import { createVariantClassNames, createCoreClassNames, createSizeClassNames, createIconClassNames, } from './styles';
-// HACK: This statement is only used to prevent webpack from tree shaking the import
-void Link;
-const getIcon = ({ children, icon, iconPosition, size, }) => {
-    if (!icon) {
-        return undefined;
-    }
-    const iconClassNames = createIconClassNames({
-        size,
-        iconPosition: children && iconPosition ? iconPosition : undefined,
-    });
-    return React.cloneElement(icon, {
-        className: twMerge(iconClassNames, icon.props.className),
-    });
-};
-export const Button = forwardRef(function Button(_a, ref) {
-    var { active = false, as = 'button', children = null, disabled = false, focused = false, fullWidth = false, hovered = false, iconPosition = 'left', loading = false, onClick = noop, size = 'medium', type = 'button', variant = 'primary' } = _a, props = __rest(_a, ["active", "as", "children", "disabled", "focused", "fullWidth", "hovered", "iconPosition", "loading", "onClick", "size", "type", "variant"]);
-    const { icon, className } = props, rest = __rest(props, ["icon", "className"]);
-    const iconComponent = getIcon({
-        children,
-        icon,
-        iconPosition,
-        size,
-    });
-    const coreClassNames = createCoreClassNames({
-        disabled,
-        focused,
-        hovered,
-        active,
-    });
-    const variantClassNames = createVariantClassNames(variant, {
-        disabled,
-        focused,
-        hovered,
-        active,
-        loading,
-    });
-    const sizeClassNames = createSizeClassNames(size);
-    const finalClassName = twMerge(coreClassNames, variantClassNames, sizeClassNames, fullWidth ? 'w-full' : '', className);
-    const contentSizeClassNames = {
-        small: ['text-button-small'],
-        medium: ['text-button-medium'],
-        large: ['text-button-large'],
-    };
-    const contentClassName = cx('font-semibold whitespace-nowrap', contentSizeClassNames[size], loading ? 'opacity-0' : '');
-    return (React.createElement(ButtonBase, Object.assign({}, rest, { ref: ref, className: finalClassName, contentClassName: contentClassName, icon: iconComponent, iconPosition: iconPosition, loading: loading, disabled: disabled, as: as, type: type, onClick: onClick, children: children })));
-});
-Button.displayName = 'Button';
-export default Button;
-//# sourceMappingURL=Button.js.map

package/dist-package/src/Button/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/Button/Button.tsx"],"names":[],"mappings":"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"}

package/dist-package/src/Button/index.d.ts

@@ -1,6 +0,0 @@
-import type { Props } from './Button';
-export { default as Button } from './Button';
-export declare type ButtonProps = Props;
-export * from './Button';
-export * from './styles';
-//# sourceMappingURL=index.d.ts.map

package/dist-package/src/Button/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,oBAAY,WAAW,GAAG,KAAK,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA"}

package/dist-package/src/Button/index.js

@@ -1,4 +0,0 @@
-export { default as Button } from './Button';
-export * from './Button';
-export * from './styles';
-//# sourceMappingURL=index.js.map

package/dist-package/src/Button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Button/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAE5C,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA"}

package/dist-package/src/Button/styles.d.ts

@@ -1,21 +0,0 @@
-import type { SizeType } from '@toptal/picasso-shared';
-import type { IconPositionType, VariantType } from './Button';
-export declare const createSizeClassNames: (size: 'small' | 'medium' | 'large') => string[];
-export declare const createVariantClassNames: (variant: VariantType, { disabled, focused, hovered, active, loading, }: {
-    disabled?: boolean | undefined;
-    focused?: boolean | undefined;
-    hovered?: boolean | undefined;
-    active?: boolean | undefined;
-    loading?: boolean | undefined;
-}) => string[];
-export declare const createCoreClassNames: ({ disabled, focused, active, }: {
-    disabled?: boolean | undefined;
-    focused?: boolean | undefined;
-    hovered?: boolean | undefined;
-    active?: boolean | undefined;
-}) => string[];
-export declare const createIconClassNames: ({ iconPosition, size, }: {
-    iconPosition?: IconPositionType | undefined;
-    size: SizeType<'small' | 'medium' | 'large'>;
-}) => string[];
-//# sourceMappingURL=styles.d.ts.map

package/dist-package/src/Button/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE7D,eAAO,MAAM,oBAAoB,SACzB,OAAO,GAAG,QAAQ,GAAG,OAAO,KACjC,MAAM,EAWR,CAAA;AAED,eAAO,MAAM,uBAAuB,YACzB,WAAW;;;;;;MAcnB,MAAM,EAoIR,CAAA;AAED,eAAO,MAAM,oBAAoB;;;;;MAS7B,MAAM,EAsBT,CAAA;AAED,eAAO,MAAM,oBAAoB;;UAKzB,SAAS,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;MAC1C,MAAM,EAeT,CAAA"}

package/dist-package/src/Button/styles.js

@@ -1,169 +0,0 @@
-export const createSizeClassNames = (size) => {
-    const sizeClassNames = {
-        small: ['min-w-14', 'h-6', 'py-0', 'px-3'],
-        medium: ['min-w-16', 'h-8', 'py-0', 'px-4'],
-        large: ['min-w-24', 'h-12', 'py-0', 'px-8'],
-    };
-    return sizeClassNames[size];
-};
-export const createVariantClassNames = (variant, { disabled, focused, hovered, active, loading, }) => {
-    const variantClassNames = [];
-    switch (variant) {
-        case 'primary':
-            variantClassNames.push('border-none');
-            variantClassNames.push('text-white');
-            variantClassNames.push('visited:text-white');
-            if (disabled && !loading) {
-                variantClassNames.push('bg-gray-400');
-            }
-            else {
-                variantClassNames.push('hover:bg-[#4269D6]');
-                variantClassNames.push('active:bg-[#1A41AB]');
-                if (hovered) {
-                    variantClassNames.push('bg-[#4269D6]');
-                }
-                else if (active) {
-                    variantClassNames.push('bg-[#1A41AB]');
-                }
-                else {
-                    variantClassNames.push('bg-blue-500');
-                }
-            }
-            break;
-        case 'negative':
-            variantClassNames.push('border-none');
-            variantClassNames.push('text-white');
-            variantClassNames.push('visited:text-white');
-            if (disabled && !loading) {
-                variantClassNames.push('bg-gray-400');
-            }
-            else {
-                variantClassNames.push('hover:bg-[#DB466B]');
-                variantClassNames.push('active:bg-[#B01F43]');
-                if (hovered) {
-                    variantClassNames.push('bg-[#DB466B]');
-                }
-                else if (active) {
-                    variantClassNames.push('bg-[#B01F43]');
-                }
-                else {
-                    variantClassNames.push('bg-red-500');
-                }
-            }
-            break;
-        case 'positive':
-            variantClassNames.push('border-none');
-            variantClassNames.push('text-white');
-            variantClassNames.push('visited:text-white');
-            if (disabled && !loading) {
-                variantClassNames.push('bg-gray-400');
-            }
-            else {
-                variantClassNames.push('hover:bg-[#27D496]');
-                variantClassNames.push('active:bg-[#00A96C]');
-                if (hovered) {
-                    variantClassNames.push('bg-[#27D496]');
-                }
-                else if (active) {
-                    variantClassNames.push('bg-[#00A96C]');
-                }
-                else {
-                    variantClassNames.push('bg-green-500');
-                }
-            }
-            break;
-        case 'secondary':
-            variantClassNames.push('border border-solid');
-            if (disabled && !loading) {
-                variantClassNames.push('text-gray-500');
-                variantClassNames.push('visited:text-gray-500');
-                variantClassNames.push('border-gray-500');
-                variantClassNames.push('bg-white');
-            }
-            else {
-                variantClassNames.push('text-black');
-                variantClassNames.push('hover:border-black');
-                variantClassNames.push('visited:text-black');
-                variantClassNames.push('active:bg-gray-200');
-                variantClassNames.push('active:border-black');
-                if (hovered) {
-                    variantClassNames.push('border-black');
-                    variantClassNames.push('bg-white');
-                }
-                else if (active) {
-                    variantClassNames.push('border-black');
-                    variantClassNames.push('bg-gray-200');
-                }
-                else {
-                    variantClassNames.push('bg-white');
-                    variantClassNames.push('border-gray-400');
-                }
-            }
-            break;
-        case 'transparent':
-            variantClassNames.push('border border-solid');
-            if (disabled && !loading) {
-                variantClassNames.push('text-white/[0.32]');
-                variantClassNames.push('border-white/[0.32]');
-                variantClassNames.push('bg-transparent');
-            }
-            else {
-                variantClassNames.push('text-white');
-                variantClassNames.push('visited:text-white');
-                variantClassNames.push('border-solid');
-                variantClassNames.push('hover:border-white');
-                variantClassNames.push('active:border-white');
-                variantClassNames.push('active:bg-white/[.16]');
-                variantClassNames.push('focus-visible:shadow-[0_0_0_3px_rgba(255,255,255,0.48)]');
-                if (hovered) {
-                    variantClassNames.push('border-white');
-                    variantClassNames.push('bg-transparent');
-                }
-                else if (active) {
-                    variantClassNames.push('border-white');
-                    variantClassNames.push('bg-white/[.16]');
-                }
-                else {
-                    variantClassNames.push('border-white/[0.32]');
-                    variantClassNames.push('bg-transparent');
-                }
-                if (focused) {
-                    variantClassNames.push('shadow-[0_0_0_3px_rgba(255,255,255,0.48)]');
-                }
-            }
-            break;
-    }
-    return variantClassNames;
-};
-export const createCoreClassNames = ({ disabled, focused, active, }) => {
-    const classNames = [
-        'no-underline hover:no-underline',
-        'rounded-sm',
-        'shadow-none',
-    ];
-    if (!disabled) {
-        classNames.push('focus-visible:shadow-[0_0_0_3px_rgba(32,78,207,0.48)]');
-        classNames.push('focus-within:shadow-[0_0_0_3px_rgba(32,78,207,0.48)]');
-        if (focused) {
-            classNames.push('shadow-[0_0_0_3px_rgba(32,78,207,0.48)]');
-        }
-        if (active) {
-            classNames.push('shadow-none');
-            classNames.push('z-[1]');
-        }
-    }
-    return classNames;
-};
-export const createIconClassNames = ({ iconPosition, size, }) => {
-    const sizeClassNames = {
-        small: [iconPosition === 'left' ? 'ml-[-0.125em]' : 'mr-[-0.125em]'],
-        medium: [iconPosition === 'left' ? 'ml-[-0.25em]' : 'mr-[-0.25em]'],
-        large: [iconPosition === 'left' ? 'ml-[-0.5em]' : 'mr-[-0.5em]'],
-    };
-    return [
-        sizeClassNames[size].join(' '),
-        iconPosition === 'left' ? 'mr-[0.5em]' : '',
-        iconPosition === 'right' ? 'ml-[0.5em]' : '',
-    ];
-};
-//# sourceMappingURL=styles.js.map