@membranehq/react 0.3.1 → 0.3.3

package/dist/esm/components/Button/Button.mjs

@@ -1,106 +0,0 @@
-"use strict";
-/*
- * Membrane React package
- * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.3.1
- */
-'use client';
-
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { clsx } from 'clsx';
-import { SvgIconType } from '../SvgIcon/svg-icon-type.mjs';
-import { SvgIcon } from '../SvgIcon/index.mjs';
-import { Tooltip } from '../Tooltip/index.mjs';
-import classes from './Button.module.css.mjs';
-
-function getButtonClassesByVariant(variant) {
-  switch (variant) {
-    case "ajax":
-      return classes["uikit-button--ajax"];
-    case "text":
-      return classes["uikit-button--text"];
-    case "outline":
-      return classes["uikit-button--outline"];
-    case "secondary":
-      return classes["uikit-button--secondary"];
-    case "warning":
-      return classes["uikit-button--warning"];
-    case "primary":
-    default:
-      return classes["uikit-button--primary"];
-  }
-}
-function getButtonClassesBySize(size) {
-  switch (size) {
-    case "large":
-      return classes["uikit-button--large"];
-    case "small":
-      return classes["uikit-button--small"];
-    case "medium":
-    default:
-      return classes["uikit-button--medium"];
-  }
-}
-const GenericButton = forwardRef(
-  ({ children, className, loading, tooltip, tooltipProps = {}, ...restProps }, ref) => {
-    const button = /* @__PURE__ */ jsxs("button", { className, type: "button", ...restProps, ref, "aria-busy": loading ? "true" : void 0, children: [
-      loading && /* @__PURE__ */ jsx(ButtonSvgIcon, { type: SvgIconType.Loader }),
-      children
-    ] });
-    if (tooltip) {
-      return /* @__PURE__ */ jsx(Tooltip, { tooltip, ...tooltipProps, children: button });
-    }
-    return button;
-  }
-);
-GenericButton.displayName = "GenericButton";
-const Button = forwardRef(
-  ({ variant = "primary", size = "medium", className, children, ...restProps }, ref) => {
-    const buttonClass = clsx([
-      classes["uikit-button"],
-      getButtonClassesByVariant(variant),
-      getButtonClassesBySize(size),
-      className
-    ]);
-    return /* @__PURE__ */ jsx(GenericButton, { className: buttonClass, ...restProps, ref, children });
-  }
-);
-Button.displayName = "Button";
-const IconButton = forwardRef(
-  ({ children, size = "medium", className, isActive, tooltip, ...restProps }, ref) => {
-    const buttonIconClass = clsx([
-      classes["uikit-button"],
-      classes["uikit-button--icon"],
-      isActive && classes["uikit-button--icon__active"],
-      getButtonClassesBySize(size),
-      className
-    ]);
-    const button = /* @__PURE__ */ jsx("button", { className: buttonIconClass, ...restProps, ref, children });
-    if (tooltip) {
-      return /* @__PURE__ */ jsx(Tooltip, { tooltip, children: button });
-    }
-    return button;
-  }
-);
-function ButtonSvgIcon({
-  type,
-  className,
-  size = "normal",
-  position = "start"
-}) {
-  return /* @__PURE__ */ jsx(
-    SvgIcon,
-    {
-      type,
-      className: clsx(
-        classes.uikitButtonSvgIcon,
-        className,
-        size === "small" ? classes.uikitButtonSvgIcon_small : classes.uikitButtonSvgIcon_normal,
-        position === "end" ? classes.uikitButtonSvgIcon_end : classes.uikitButtonSvgIcon_start
-      )
-    }
-  );
-}
-
-export { Button, IconButton };

package/dist/esm/components/Button/Button.module.css.mjs

@@ -1,14 +0,0 @@
-/*
- * Membrane React package
- * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.3.1
- */
-'use client';
-
-import styleInject from 'style-inject';
-
-var css_248z = ".Button-module_container__jA0Sz {\n  width: 100%\n}\n\n@media (min-width: 640px) {\n\n  .Button-module_container__jA0Sz {\n    max-width: 640px\n  }\n}\n\n@media (min-width: 768px) {\n\n  .Button-module_container__jA0Sz {\n    max-width: 768px\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .Button-module_container__jA0Sz {\n    max-width: 1024px\n  }\n}\n\n@media (min-width: 1280px) {\n\n  .Button-module_container__jA0Sz {\n    max-width: 1280px\n  }\n}\n\n@media (min-width: 1536px) {\n\n  .Button-module_container__jA0Sz {\n    max-width: 1536px\n  }\n}\n\n@layer elements {\n  .Button-module_uikit-button__AuMtw {\n    border-width: 1px;\n    --tw-border-opacity: 1;\n    border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\n    border-radius: 0.25rem;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 100ms;\n    height: 2.25rem\n  }\n\n@layer elements {\n  .Button-module_uikit-button__AuMtw {\n      height: 2.25rem;\n      padding-left: 1.5rem;\n      padding-right: 1.5rem;\n    line-height: 2rem /* h-8 */\n    }\n}\n  .Button-module_uikit-button__AuMtw {\n    display: inline-flex;\n    align-items: center;\n    white-space: nowrap;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 200ms\n  }\n\n  .Button-module_uikit-button__AuMtw:disabled {\n    cursor: default\n  }\n\n  .Button-module_uikit-button__AuMtw svg:not(.Button-module_uikitButtonSvgIcon__Y-4HV) {\n    margin-right: 0.375rem;\n    margin-left: -0.25rem;\n    display: inline;\n    height: 1.25rem;\n    width: 1.25rem;\n    vertical-align: middle\n  }\n\n  /* ### SIZE ### */\n  .Button-module_uikit-button--large__9cQ-5 {\n    height: 2.5rem;\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n    line-height: 2.25rem /* h-9 */\n  }\n  .Button-module_uikit-button--large__9cQ-5 svg:not(.Button-module_uikitButtonSvgIcon__Y-4HV) {\n    margin-left: -0.375rem;\n    margin-right: 0.5rem\n  }\n  .Button-module_uikit-button--medium__P5rpZ {\n    height: 2.25rem;\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n    line-height: 2rem /* h-8 */\n  }\n\n  .Button-module_uikit-button--small__5L5Ch {\n    height: 1.75rem;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    line-height: 1.75rem /* h-7 */\n  }\n\n  /* ### TYPE ### */\n\n  .Button-module_uikit-button--primary__BsMcw {\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n    border-width: 1px;\n    --tw-border-opacity: 1;\n    border-color: rgb(25 25 25 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1))\n  }\n  .Button-module_uikit-button--primary__BsMcw:disabled {\n    border-width: 1px;\n    --tw-border-opacity: 1;\n    border-color: rgb(105 105 105 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(105 105 105 / var(--tw-bg-opacity, 1))\n  }\n  .Button-module_uikit-button--primary__BsMcw:not(:disabled):hover {\n    --tw-border-opacity: 1;\n    border-color: rgb(15 76 117 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(15 76 117 / var(--tw-bg-opacity, 1))\n  }\n\n  .Button-module_uikit-button--secondary__ENap8 {\n    border-width: 1px;\n    --tw-border-opacity: 1;\n    border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));\n    --tw-text-opacity: 1;\n    color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1))\n  }\n  .Button-module_uikit-button--secondary__ENap8:disabled {\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--secondary__ENap8:not(:disabled):hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1))\n  }\n\n  .Button-module_uikit-button--warning__B0a1y {\n    --tw-bg-opacity: 1;\n    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n    border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));\n    --tw-border-opacity: 0.5\n  }\n  .Button-module_uikit-button--warning__B0a1y:disabled {\n    background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));\n    --tw-bg-opacity: 0.8;\n    border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));\n    --tw-border-opacity: 0.1;\n    --tw-text-opacity: 1;\n    color: rgb(254 226 226 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--warning__B0a1y:not(:disabled):hover {\n    --tw-border-opacity: 1;\n    --tw-bg-opacity: 1;\n    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1))\n  }\n\n  .Button-module_uikit-button--outline__lESp6 {\n    border-width: 1px;\n    --tw-border-opacity: 1;\n    border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n    --tw-text-opacity: 1;\n    color: rgb(0 0 0 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--outline__lESp6:disabled {\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--outline__lESp6:not(:disabled):hover {\n    --tw-border-opacity: 1;\n    border-color: rgb(170 170 170 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1))\n  }\n\n  .Button-module_uikit-button--text__JPp9w {\n    border-style: none !important;\n    background-color: transparent\n  }\n  .Button-module_uikit-button--text__JPp9w:disabled {\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--text__JPp9w:not(:disabled):hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1))\n  }\n\n  .Button-module_uikit-button--ajax__Kl1-1 {\n    border-style: none !important;\n    background-color: transparent;\n    --tw-text-opacity: 1;\n    color: rgb(13 121 194 / var(--tw-text-opacity, 1));\n    text-decoration-line: underline;\n    text-decoration-style: dashed;\n    text-decoration-thickness: 0.05rem;\n    text-underline-offset: 0.15rem\n  }\n  .Button-module_uikit-button--ajax__Kl1-1:disabled {\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--ajax__Kl1-1:not(:disabled):hover {\n    --tw-text-opacity: 1;\n    color: rgb(15 76 117 / var(--tw-text-opacity, 1));\n    text-decoration-style: solid\n  }\n\n  .Button-module_uikit-button--icon__0ouUU {\n    height: 1.5rem;\n    width: 1.5rem;\n    align-items: center;\n    justify-content: center;\n    padding: 0px;\n    --tw-text-opacity: 1;\n    color: rgb(105 105 105 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--icon__0ouUU:disabled {\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--icon__0ouUU:not(:disabled):hover,\n  .Button-module_uikit-button--icon__active__hWz2W {\n    --tw-text-opacity: 1;\n    color: rgb(0 0 0 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button__AuMtw.Button-module_uikit-button--icon__0ouUU {\n    border-width: 0px;\n    background-color: transparent\n  }\n  .Button-module_uikit-button__AuMtw.Button-module_uikit-button--icon__0ouUU svg {\n    margin: 0px;\n    height: 1.25rem;\n    width: 1.25rem;\n    stroke: currentColor\n  }\n\n  .Button-module_uikit-button--small__5L5Ch.Button-module_uikit-button--icon__0ouUU {\n    height: 1.25rem;\n    width: 1.25rem\n  }\n  .Button-module_uikit-button--small__5L5Ch.Button-module_uikit-button--icon__0ouUU svg {\n    height: 1rem;\n    width: 1rem\n  }\n\n  .Button-module_uikit-button--large__9cQ-5.Button-module_uikit-button--icon__0ouUU {\n    height: 1.75rem;\n    width: 1.75rem\n  }\n  .Button-module_uikit-button--large__9cQ-5.Button-module_uikit-button--icon__0ouUU svg {\n    height: 1.5rem;\n    width: 1.5rem\n  }\n\n  /* Hide icon goes after loader icon */\n  .Button-module_uikit-button__AuMtw[aria-busy='true'] svg + svg {\n    display: none\n  }\n\n  .Button-module_uikitButtonSvgIcon__Y-4HV {\n    display: inline;\n    vertical-align: middle\n  }\n  .Button-module_uikitButtonSvgIcon_normal__KfS3A {\n    height: 1.25rem;\n    width: 1.25rem\n  }\n  .Button-module_uikitButtonSvgIcon_small__A9XQR {\n    margin-top: 0.125rem;\n    height: 1rem;\n    width: 1rem\n  }\n  .Button-module_uikitButtonSvgIcon_start__rgkNm {\n    margin-right: 0.375rem;\n    margin-left: -0.25rem\n  }\n  .Button-module_uikitButtonSvgIcon_end__ZyJvx {\n    margin-left: 0.375rem;\n    margin-right: -0.25rem\n  }\n\n  .Button-module_uikitButtonSvgIcon_small__A9XQR.Button-module_uikitButtonSvgIcon_end__ZyJvx {\n    margin-left: 0.25rem;\n    margin-right: -0.375rem\n  }\n}\n";
-var classes = {"uikit-button":"Button-module_uikit-button__AuMtw","uikitButtonSvgIcon":"Button-module_uikitButtonSvgIcon__Y-4HV","uikit-button--large":"Button-module_uikit-button--large__9cQ-5","uikit-button--medium":"Button-module_uikit-button--medium__P5rpZ","uikit-button--small":"Button-module_uikit-button--small__5L5Ch","uikit-button--primary":"Button-module_uikit-button--primary__BsMcw","uikit-button--secondary":"Button-module_uikit-button--secondary__ENap8","uikit-button--warning":"Button-module_uikit-button--warning__B0a1y","uikit-button--outline":"Button-module_uikit-button--outline__lESp6","uikit-button--text":"Button-module_uikit-button--text__JPp9w","uikit-button--ajax":"Button-module_uikit-button--ajax__Kl1-1","uikit-button--icon":"Button-module_uikit-button--icon__0ouUU","uikit-button--icon__active":"Button-module_uikit-button--icon__active__hWz2W","uikitButtonSvgIcon_normal":"Button-module_uikitButtonSvgIcon_normal__KfS3A","uikitButtonSvgIcon_small":"Button-module_uikitButtonSvgIcon_small__A9XQR","uikitButtonSvgIcon_start":"Button-module_uikitButtonSvgIcon_start__rgkNm","uikitButtonSvgIcon_end":"Button-module_uikitButtonSvgIcon_end__ZyJvx"};
-styleInject(css_248z);
-
-export { classes as default };

package/dist/types/components/Button/Button.d.ts

@@ -1,3 +0,0 @@
-import { ButtonProps, IconButtonProps } from './Button.types';
-export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/Button/Button.types.d.ts

@@ -1,17 +0,0 @@
-import { ButtonHTMLAttributes } from 'react';
-import { GenericTooltipProps } from '../Tooltip';
-export type ButtonVariantType = 'primary' | 'secondary' | 'outline' | 'text' | 'warning' | 'ajax';
-export type ButtonSizeType = 'small' | 'medium' | 'large';
-export interface GenericButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    className?: string;
-    loading?: boolean;
-    tooltip?: GenericTooltipProps['tooltip'];
-    tooltipProps?: Partial<Omit<GenericTooltipProps, 'tooltip' | 'children'>>;
-}
-export interface ButtonProps extends GenericButtonProps {
-    variant?: ButtonVariantType;
-    size?: ButtonSizeType;
-}
-export interface IconButtonProps extends Omit<ButtonProps, 'variant'> {
-    isActive?: boolean;
-}

package/dist/types/components/Button/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Button';
-export type { GenericButtonProps, ButtonProps } from './Button.types';