@semcore/button 16.1.0 → 16.1.1

package/lib/types/component/AbstractButton/AbstractButton.type.d.ts

@@ -0,0 +1,38 @@
+import type { PropGetterFn } from '@semcore/core';
+import type { BoxProps } from '@semcore/flex-box';
+import type { NeighborItemProps } from '@semcore/neighbor-location';
+import type { TooltipHintProps } from '@semcore/tooltip';
+import type React from 'react';
+export type AbstractButtonProps<S, U, T> = BoxProps & NeighborItemProps & {
+    /** Button activity state */
+    active?: boolean;
+    /** Disabled button state */
+    disabled?: boolean;
+    /** Loading button state */
+    loading?: boolean;
+    /** Tag for the left Addon */
+    addonLeft?: React.ElementType;
+    /** Tag for the right Addon */
+    addonRight?: React.ElementType;
+    /**
+     * Placement for hint
+     * @default top
+     */
+    hintPlacement?: TooltipHintProps['placement'];
+    /** Button size. Defined in Button.type or ButtonLink.type */
+    size?: S;
+    /** Button usage. Defined in Button.type or ButtonLink.type */
+    use?: U;
+    /** Button theme. Defined in Button.type or ButtonLink.type */
+    theme?: T;
+};
+export type AbstractButtonAddonProps<S> = BoxProps & {
+    size?: S;
+};
+export type AbstractButtonTextProps<S> = BoxProps & {
+    size?: S;
+};
+export type AbstractButtonContext = {
+    getTextProps: PropGetterFn;
+    getAddonProps: PropGetterFn;
+};

package/lib/types/component/Button/Button.d.ts

@@ -1,30 +1,3 @@
-import { Component } from '@semcore/core';
-import React from 'react';
-import type { ButtonProps, ButtonComponent } from './Button.type';
-export declare const MAP_USE_DEFAULT_THEME: Record<string, string>;
-type State = {
-    ariaLabelledByContent: null | string;
-};
-export declare class RootButton extends Component<ButtonProps, [], never, {}, State> {
-    static displayName: string;
-    static style: {
-        [key: string]: string;
-    };
-    static defaultProps: {
-        use: string;
-        size: string;
-    };
-    containerRef: React.RefObject<HTMLButtonElement>;
-    state: State;
-    getTextProps(): {
-        size: "l" | "m" | undefined;
-        'hint:triggerRef': React.RefObject<HTMLButtonElement>;
-    };
-    getAddonProps(): {
-        size: "l" | "m" | undefined;
-    };
-    componentDidMount(): void;
-    render(): React.JSX.Element;
-}
+import type { ButtonComponent } from './Button.type';
 declare const Button: ButtonComponent;
 export default Button;

package/lib/types/component/Button/Button.type.d.ts

@@ -1,44 +1,43 @@
-import type { BoxProps, NeighborItemProps, SimpleHintPopperProps } from '@semcore/base-components';
-import type { Intergalactic, PropGetterFn } from '@semcore/core';
-import type { NSText } from '@semcore/typography';
-import type React from 'react';
-export type ButtonProps = BoxProps & NeighborItemProps & {
-    /** Button activity state */
-    active?: boolean;
-    /** Disabled button state */
-    disabled?: boolean;
-    /** Loading button state */
-    loading?: boolean;
-    /** Tag for the left Addon */
-    addonLeft?: React.ElementType;
-    /** Tag for the right Addon */
-    addonRight?: React.ElementType;
-    /**
-   * Placement for hint
-   * @default top
-   */
-    hintPlacement?: SimpleHintPopperProps['placement'];
-    /** Button size.
-   * @default `m`
-   */
-    size?: 'l' | 'm';
-    /** Button usage.
-   * @default `primary`
-   */
-    use?: 'primary' | 'secondary' | 'tertiary';
-    /** Button theme.
-   * @default undefined
-   */
-    theme?: 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';
-};
-export type ButtonTextProps = NSText.Props;
-export type ButtonAddonProps = BoxProps;
-export type ButtonContext = {
-    getTextProps: PropGetterFn;
-    getAddonProps: PropGetterFn;
-};
+import type { UnknownProperties, Intergalactic } from '@semcore/core';
+import type { AbstractButtonAddonProps, AbstractButtonContext, AbstractButtonTextProps, AbstractButtonProps } from '../AbstractButton/AbstractButton.type';
+/**
+ *  Button size
+ * @default m
+ */
+export type ButtonSize = 'l' | 'm';
+/**
+ *  Button type
+ * @default secondary
+ */
+type Use = 'primary' | 'secondary' | 'tertiary';
+/**
+ * @deprecated don't use it. use `danger` for incorrect or danger behavior and `brand` for the orange one.
+ */
+type DeprecatedTheme = 'warning';
+/** Button theme */
+type Theme = 'info' | 'success' | 'brand' | 'danger' | 'muted' | 'invert';
+/** @deprecated */
+export interface IButtonProps extends ButtonProps, UnknownProperties {
+}
+export type ButtonProps = AbstractButtonProps<ButtonSize, Use, Theme | DeprecatedTheme>;
+/** @deprecated */
+export interface IButtonTextProps extends ButtonTextProps, UnknownProperties {
+}
+export type ButtonTextProps = AbstractButtonTextProps<ButtonSize>;
+/** @deprecated */
+export interface IButtonAddonProps extends ButtonAddonProps, UnknownProperties {
+}
+export type ButtonAddonProps = AbstractButtonAddonProps<ButtonSize>;
+/** @deprecated */
+export interface IButtonContext extends ButtonContext, UnknownProperties {
+}
+export type ButtonContext = AbstractButtonContext;
 export type ButtonChildren = {
     Text: Intergalactic.Component<'span', ButtonTextProps>;
     Addon: Intergalactic.Component<'span', ButtonAddonProps>;
 };
-export type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & ButtonChildren;
+export type ButtonComponent = Intergalactic.Component<'button', ButtonProps, ButtonContext> & {
+    Text: Intergalactic.Component<'span', ButtonTextProps>;
+    Addon: Intergalactic.Component<'span', ButtonAddonProps>;
+};
+export {};

package/lib/types/component/ButtonLink/ButtonLink.type.d.ts

@@ -1,19 +1,24 @@
-import type { BoxProps } from '@semcore/base-components';
 import type { Intergalactic } from '@semcore/core';
-import type { LinkProps } from '@semcore/link';
-import type { NSText } from '@semcore/typography';
-import type { ButtonContext } from '../Button/Button.type';
-export type ButtonLinkProps = Intergalactic.InternalTypings.EfficientOmit<LinkProps, 'enableVisited'> & {
-    /**
-     *  Button link type
-     * @default primary
-     */
-    use?: 'primary' | 'secondary';
-};
-export type ButtonLinkTextProps = NSText.Props;
-export type ButtonLinkAddonProps = BoxProps;
+import type { AbstractButtonAddonProps, AbstractButtonContext, AbstractButtonTextProps, AbstractButtonProps } from '../AbstractButton/AbstractButton.type';
+/**
+ *  Button link size
+ */
+export type ButtonLinkSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
+/**
+ *  Button link type
+ * @default primary
+ */
+type Use = 'primary' | 'secondary';
+export type ButtonLinkProps = AbstractButtonProps<ButtonLinkSize, Use, never>;
+export type ButtonLinkTextProps = AbstractButtonTextProps<ButtonLinkSize>;
+export type ButtonLinkAddonProps = AbstractButtonAddonProps<ButtonLinkSize>;
+export type ButtonLinkContext = AbstractButtonContext;
 export type ButtonLinkChildren = {
     Text: Intergalactic.Component<'span', ButtonLinkTextProps>;
     Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;
 };
-export type ButtonLinkComponent = Intergalactic.Component<'button', ButtonLinkProps, ButtonContext> & ButtonLinkChildren;
+export type ButtonLinkComponent = Intergalactic.Component<'button', ButtonLinkProps, ButtonLinkContext> & {
+    Text: Intergalactic.Component<'span', ButtonLinkTextProps>;
+    Addon: Intergalactic.Component<'span', ButtonLinkAddonProps>;
+};
+export {};

package/lib/types/index.d.ts

@@ -1,4 +1,5 @@
-export { default, MAP_USE_DEFAULT_THEME } from './component/Button/Button';
+export { default } from './component/Button/Button';
 export * from './component/Button/Button.type';
 export * from './component/ButtonLink/ButtonLink';
 export * from './component/ButtonLink/ButtonLink.type';
+export { MAP_USE_DEFAULT_THEME } from './component/AbstractButton/AbstractButton';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/button",
   "description": "Semrush Button Component",
-  "version": "16.1.0",
+  "version": "16.1.1",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,10 +14,10 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/flex-box": "16.1.0",
-    "@semcore/neighbor-location": "16.1.0",
-    "@semcore/spin": "16.1.0",
-    "@semcore/tooltip": "16.1.0"
+    "@semcore/flex-box": "16.1.1",
+    "@semcore/neighbor-location": "16.1.1",
+    "@semcore/spin": "16.1.1",
+    "@semcore/tooltip": "16.1.1"
   },
   "peerDependencies": {
     "@semcore/base-components": "^16.6.0"
@@ -28,9 +28,9 @@
     "directory": "semcore/button"
   },
   "devDependencies": {
-    "@semcore/core": "16.6.0",
-    "@semcore/icon": "16.8.0",
+    "@semcore/icon": "16.8.1",
     "@semcore/testing-utils": "1.0.0",
+    "@semcore/core": "16.6.0",
     "@semcore/base-components": "16.6.0"
   },
   "scripts": {

package/lib/cjs/component/Button/SpinButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpinButton.js","names":["_spin","_interopRequireDefault","require","_react","_excluded","SPIN_SIZE_MAP","exports","xl","l","m","s","SpinButton","_ref","theme","size","others","_objectWithoutProperties2","createElement","_extends2"],"sources":["../../../../src/component/Button/SpinButton.tsx"],"sourcesContent":["import Spin from '@semcore/spin';\nimport React from 'react';\n\nexport const SPIN_SIZE_MAP: Record<string, string> = {\n  xl: 'm',\n  l: 's',\n  m: 'xs',\n  s: 'xxs',\n};\n\nexport default function SpinButton({ theme, size, ...others }: any) {\n  return (\n    <Spin\n      size={typeof size === 'string' ? SPIN_SIZE_MAP[size] : size}\n      theme='currentColor'\n      {...others}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA0B,IAAAE,SAAA;AAEnB,IAAMC,aAAqC,GAAAC,OAAA,CAAAD,aAAA,GAAG;EACnDE,EAAE,EAAE,GAAG;EACPC,CAAC,EAAE,GAAG;EACNC,CAAC,EAAE,IAAI;EACPC,CAAC,EAAE;AACL,CAAC;AAEc,SAASC,UAAUA,CAAAC,IAAA,EAAkC;EAAA,IAA/BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAKC,MAAM,OAAAC,yBAAA,aAAAJ,IAAA,EAAAR,SAAA;EACzD,oBACED,MAAA,YAAAc,aAAA,CAACjB,KAAA,WAAI,MAAAkB,SAAA;IACHJ,IAAI,EAAE,OAAOA,IAAI,KAAK,QAAQ,GAAGT,aAAa,CAACS,IAAI,CAAC,GAAGA,IAAK;IAC5DD,KAAK,EAAC;EAAc,GAChBE,MAAM,CACX,CAAC;AAEN","ignoreList":[]}

package/lib/es6/component/Button/SpinButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpinButton.js","names":["Spin","React","SPIN_SIZE_MAP","xl","l","m","s","SpinButton","_ref","theme","size","others","_objectWithoutProperties","_excluded","createElement","_extends"],"sources":["../../../../src/component/Button/SpinButton.tsx"],"sourcesContent":["import Spin from '@semcore/spin';\nimport React from 'react';\n\nexport const SPIN_SIZE_MAP: Record<string, string> = {\n  xl: 'm',\n  l: 's',\n  m: 'xs',\n  s: 'xxs',\n};\n\nexport default function SpinButton({ theme, size, ...others }: any) {\n  return (\n    <Spin\n      size={typeof size === 'string' ? SPIN_SIZE_MAP[size] : size}\n      theme='currentColor'\n      {...others}\n    />\n  );\n}\n"],"mappings":";;;AAAA,OAAOA,IAAI,MAAM,eAAe;AAChC,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAO,IAAMC,aAAqC,GAAG;EACnDC,EAAE,EAAE,GAAG;EACPC,CAAC,EAAE,GAAG;EACNC,CAAC,EAAE,IAAI;EACPC,CAAC,EAAE;AACL,CAAC;AAED,eAAe,SAASC,UAAUA,CAAAC,IAAA,EAAkC;EAAA,IAA/BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAKC,MAAM,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACzD,oBACEZ,KAAA,CAAAa,aAAA,CAACd,IAAI,EAAAe,QAAA;IACHL,IAAI,EAAE,OAAOA,IAAI,KAAK,QAAQ,GAAGR,aAAa,CAACQ,IAAI,CAAC,GAAGA,IAAK;IAC5DD,KAAK,EAAC;EAAc,GAChBE,MAAM,CACX,CAAC;AAEN","ignoreList":[]}

package/lib/esm/component/Button/Button.type.mjs

@@ -1 +0,0 @@
-

package/lib/esm/component/ButtonLink/ButtonLink.type.mjs

@@ -1 +0,0 @@
-