New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@pikas-ui/button
Advanced tools
@pikas-ui/button - npm Package Compare versions
Comparing version 1.0.27 to 1.0.28
@@ -32,3 +32,3 @@ import { CSS, BorderRadiusType, FontsSizesType, FontsWeightsType, ColorsType, ShadowsType } from '@pikas-ui/styles'; | ||
| minWidth?: string | number; | ||
| boxShadow?: ShadowsType; | ||
| boxShadow?: ShadowsType | 'none'; | ||
| } | ||
@@ -35,0 +35,0 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonDefaultProps { |
@@ -23,3 +23,3 @@ import { CSS, BorderRadiusType, SizesType, ColorsType, ShadowsType } from '@pikas-ui/styles'; | ||
| effect?: ButtonEffectType; | ||
| boxShadow?: ShadowsType; | ||
| boxShadow?: ShadowsType | 'none'; | ||
| disabled?: boolean; | ||
@@ -26,0 +26,0 @@ } |
| { | ||
| "name": "@pikas-ui/button", | ||
| "version": "1.0.27", | ||
| "version": "1.0.28", | ||
| "private": false, | ||
@@ -5,0 +5,0 @@ "description": "", |
180
README.md
@@ -46,28 +46,29 @@ # @pikas-ui/button | ||
| | Prop | Description | Type | Default | | ||
| | :-------------- | :------------------------------------------------ | :------------------------ | :------------ | | ||
| | `children` | The content of the button. | `React.ReactNode` | - | | ||
| | `type` | The type of the button. | `ButtonTargetType` | `"button"` | | ||
| | `color` | The color of the button. | `ColorsType` | `"PRIMARY"` | | ||
| | `colorHex` | The color of the button (hex). | `string` | - | | ||
| | `textColor` | The color of the button. | `ColorsType` | - | | ||
| | `textColorHex` | The color of the button (hex). | `string` | - | | ||
| | `styles` | The style of the button. | `object` | - | | ||
| | `padding` | The padding of the button. | `ButtonPaddingType` | `"md"` | | ||
| | `loading` | If the button is loading. | `boolean` | `false` | | ||
| | `disabled` | If the button is disabled. | `boolean` | `false` | | ||
| | `borderRadius` | The border radius of the button. | `BorderRadiusType` | `"md"` | | ||
| | `fontSize` | The font size of the button. | `FontsSizesType` | `"EM-MEDIUM"` | | ||
| | `textTransform` | The text transform of the button. | `ButtonTextTransformType` | `"default"` | | ||
| | `fontWeight` | The font weight of the button. | `FontsWeightsType` | `"NORMAL"` | | ||
| | `effect` | The effect of the button when hovered or clicked. | `ButtonEffectType` | `"opacity"` | | ||
| | `onClick` | The function to call on click. | `function` | - | | ||
| | `gap` | The gap of the button. | `ButtonGapType` | `"md"` | | ||
| | `LeftIcon` | The left icon of the button. | `React.FC<IconProps>` | - | | ||
| | `RightIcon` | The right icon of the button. | `React.FC<IconProps>` | - | | ||
| | `outlined` | If the button is outlined. | `boolean` | `false` | | ||
| | `borderWidth` | The border width of the button. | `number` | `2` | | ||
| | `width` | The width of the button. | `string or number` | `"100%"` | | ||
| | `maxWidth` | The max width of the button. | `string or number` | `"100%"` | | ||
| | `minWidth` | The min width of the button. | `string or number` | - | | ||
| | Prop | Description | Type | Default | | ||
| | :-------------- | :------------------------------------------------ | :------------------------ | :--------------------- | | ||
| | `children` | The content of the button. | `React.ReactNode` | - | | ||
| | `type` | The type of the button. | `ButtonTargetType` | `"button"` | | ||
| | `color` | The color of the button. | `ColorsType` | `"PRIMARY"` | | ||
| | `colorHex` | The color of the button (hex). | `string` | - | | ||
| | `textColor` | The color of the button. | `ColorsType` | - | | ||
| | `textColorHex` | The color of the button (hex). | `string` | - | | ||
| | `styles` | The style of the button. | `object` | - | | ||
| | `padding` | The padding of the button. | `ButtonPaddingType` | `"md"` | | ||
| | `loading` | If the button is loading. | `boolean` | `false` | | ||
| | `disabled` | If the button is disabled. | `boolean` | `false` | | ||
| | `borderRadius` | The border radius of the button. | `BorderRadiusType` | `"md"` | | ||
| | `fontSize` | The font size of the button. | `FontsSizesType` | `"EM-MEDIUM"` | | ||
| | `textTransform` | The text transform of the button. | `ButtonTextTransformType` | `"default"` | | ||
| | `fontWeight` | The font weight of the button. | `FontsWeightsType` | `"NORMAL"` | | ||
| | `effect` | The effect of the button when hovered or clicked. | `ButtonEffectType` | `"opacity"` | | ||
| | `onClick` | The function to call on click. | `function` | - | | ||
| | `gap` | The gap of the button. | `ButtonGapType` | `"md"` | | ||
| | `LeftIcon` | The left icon of the button. | `React.FC<IconProps>` | - | | ||
| | `RightIcon` | The right icon of the button. | `React.FC<IconProps>` | - | | ||
| | `outlined` | If the button is outlined. | `boolean` | `false` | | ||
| | `borderWidth` | The border width of the button. | `number` | `2` | | ||
| | `width` | The width of the button. | `string or number` | `"100%"` | | ||
| | `maxWidth` | The max width of the button. | `string or number` | `"100%"` | | ||
| | `minWidth` | The min width of the button. | `string or number` | - | | ||
| | `boxShadow` | The box shadow of the button. | `ShadowsType or 'none'` | `"ELEVATION_BOTTOM_1"` | | ||
@@ -89,29 +90,30 @@ --- | ||
| | Prop | Description | Type | Default | | ||
| | :-------------- | :------------------------------------------------ | :------------------------ | :------------ | | ||
| | `children` | The content of the button. | `React.ReactNode` | - | | ||
| | `color` | The color of the button. | `ColorsType` | `"PRIMARY"` | | ||
| | `colorHex` | The color of the button (hex). | `string` | - | | ||
| | `textColor` | The color of the button. | `ColorsType` | - | | ||
| | `textColorHex` | The color of the button (hex). | `string` | - | | ||
| | `styles` | The style of the button. | `object` | - | | ||
| | `padding` | The padding of the button. | `ButtonPaddingType` | `"md"` | | ||
| | `loading` | If the button is loading. | `boolean` | `false` | | ||
| | `disabled` | If the button is disabled. | `boolean` | `false` | | ||
| | `borderRadius` | The border radius of the button. | `BorderRadiusType` | `"md"` | | ||
| | `fontSize` | The font size of the button. | `FontsSizesType` | `"EM-MEDIUM"` | | ||
| | `textTransform` | The text transform of the button. | `ButtonTextTransformType` | `"default"` | | ||
| | `fontWeight` | The font weight of the button. | `FontsWeightsType` | `"NORMAL"` | | ||
| | `effect` | The effect of the button when hovered or clicked. | `ButtonEffectType` | `"opacity"` | | ||
| | `onClick` | The function to call on click. | `function` | - | | ||
| | `gap` | The gap of the button. | `ButtonGapType` | `"md"` | | ||
| | `href` | The href of the button. | `string` | - | | ||
| | `LeftIcon` | The left icon of the button. | `React.FC<IconProps>` | - | | ||
| | `RightIcon` | The right icon of the button. | `React.FC<IconProps>` | - | | ||
| | `outlined` | If the button is outlined. | `boolean` | `false` | | ||
| | `borderWidth` | The border width of the button. | `number` | `2` | | ||
| | `target` | The target of the button. | `ButtonTargetType` | `"_self"` | | ||
| | `width` | The width of the button. | `string or number` | `"100%"` | | ||
| | `maxWidth` | The max width of the button. | `string or number` | `"100%"` | | ||
| | `minWidth` | The min width of the button. | `string or number` | - | | ||
| | Prop | Description | Type | Default | | ||
| | :-------------- | :------------------------------------------------ | :------------------------ | :--------------------- | | ||
| | `children` | The content of the button. | `React.ReactNode` | - | | ||
| | `color` | The color of the button. | `ColorsType` | `"PRIMARY"` | | ||
| | `colorHex` | The color of the button (hex). | `string` | - | | ||
| | `textColor` | The color of the button. | `ColorsType` | - | | ||
| | `textColorHex` | The color of the button (hex). | `string` | - | | ||
| | `styles` | The style of the button. | `object` | - | | ||
| | `padding` | The padding of the button. | `ButtonPaddingType` | `"md"` | | ||
| | `loading` | If the button is loading. | `boolean` | `false` | | ||
| | `disabled` | If the button is disabled. | `boolean` | `false` | | ||
| | `borderRadius` | The border radius of the button. | `BorderRadiusType` | `"md"` | | ||
| | `fontSize` | The font size of the button. | `FontsSizesType` | `"EM-MEDIUM"` | | ||
| | `textTransform` | The text transform of the button. | `ButtonTextTransformType` | `"default"` | | ||
| | `fontWeight` | The font weight of the button. | `FontsWeightsType` | `"NORMAL"` | | ||
| | `effect` | The effect of the button when hovered or clicked. | `ButtonEffectType` | `"opacity"` | | ||
| | `onClick` | The function to call on click. | `function` | - | | ||
| | `gap` | The gap of the button. | `ButtonGapType` | `"md"` | | ||
| | `href` | The href of the button. | `string` | - | | ||
| | `LeftIcon` | The left icon of the button. | `React.FC<IconProps>` | - | | ||
| | `RightIcon` | The right icon of the button. | `React.FC<IconProps>` | - | | ||
| | `outlined` | If the button is outlined. | `boolean` | `false` | | ||
| | `borderWidth` | The border width of the button. | `number` | `2` | | ||
| | `target` | The target of the button. | `ButtonTargetType` | `"_self"` | | ||
| | `width` | The width of the button. | `string or number` | `"100%"` | | ||
| | `maxWidth` | The max width of the button. | `string or number` | `"100%"` | | ||
| | `minWidth` | The min width of the button. | `string or number` | - | | ||
| | `boxShadow` | The box shadow of the button. | `ShadowsType or 'none'` | `"ELEVATION_BOTTOM_1"` | | ||
@@ -137,19 +139,20 @@ --- | ||
| | Prop | Description | Type | Default | | ||
| | :------------- | :------------------------------------------------ | :------------------ | :---------- | | ||
| | `type` | The type of the button. | `ButtonTargetType` | `"button"` | | ||
| | `color` | The color of the button. | `ColorsType` | `"PRIMARY"` | | ||
| | `colorHex` | The color of the button (hex). | `string` | - | | ||
| | `iconColor` | The color of the button. | `ColorsType` | - | | ||
| | `iconColorHex` | The color of the button (hex). | `string` | - | | ||
| | `styles` | The style of the button. | `object` | - | | ||
| | `padding` | The padding of the button. | `ButtonPaddingType` | `"md"` | | ||
| | `loading` | If the button is loading. | `boolean` | `false` | | ||
| | `disabled` | If the button is disabled. | `boolean` | `false` | | ||
| | `borderRadius` | The border radius of the button. | `BorderRadiusType` | `"md"` | | ||
| | `effect` | The effect of the button when hovered or clicked. | `ButtonEffectType` | `"opacity"` | | ||
| | `onClick` | The function to call on click. | `function` | - | | ||
| | `outlined` | If the button is outlined. | `boolean` | `false` | | ||
| | `borderWidth` | The border width of the button. | `number` | `2` | | ||
| | `size` | The size of the button. | `SizesType` | `"md"` | | ||
| | Prop | Description | Type | Default | | ||
| | :------------- | :------------------------------------------------ | :---------------------- | :--------------------- | | ||
| | `type` | The type of the button. | `ButtonTargetType` | `"button"` | | ||
| | `color` | The color of the button. | `ColorsType` | `"PRIMARY"` | | ||
| | `colorHex` | The color of the button (hex). | `string` | - | | ||
| | `iconColor` | The color of the button. | `ColorsType` | - | | ||
| | `iconColorHex` | The color of the button (hex). | `string` | - | | ||
| | `styles` | The style of the button. | `object` | - | | ||
| | `padding` | The padding of the button. | `ButtonPaddingType` | `"md"` | | ||
| | `loading` | If the button is loading. | `boolean` | `false` | | ||
| | `disabled` | If the button is disabled. | `boolean` | `false` | | ||
| | `borderRadius` | The border radius of the button. | `BorderRadiusType` | `"md"` | | ||
| | `effect` | The effect of the button when hovered or clicked. | `ButtonEffectType` | `"opacity"` | | ||
| | `onClick` | The function to call on click. | `function` | - | | ||
| | `outlined` | If the button is outlined. | `boolean` | `false` | | ||
| | `borderWidth` | The border width of the button. | `number` | `2` | | ||
| | `size` | The size of the button. | `SizesType` | `"md"` | | ||
| | `boxShadow` | The box shadow of the button. | `ShadowsType or 'none'` | `"ELEVATION_BOTTOM_1"` | | ||
@@ -175,20 +178,21 @@ --- | ||
| | Prop | Description | Type | Default | | ||
| | :------------- | :------------------------------------------------ | :------------------ | :---------- | | ||
| | `color` | The color of the button. | `ColorsType` | `"PRIMARY"` | | ||
| | `colorHex` | The color of the button (hex). | `string` | - | | ||
| | `iconColor` | The color of the button. | `ColorsType` | - | | ||
| | `iconColorHex` | The color of the button (hex). | `string` | - | | ||
| | `styles` | The style of the button. | `object` | - | | ||
| | `padding` | The padding of the button. | `ButtonPaddingType` | `"md"` | | ||
| | `loading` | If the button is loading. | `boolean` | `false` | | ||
| | `disabled` | If the button is disabled. | `boolean` | `false` | | ||
| | `borderRadius` | The border radius of the button. | `BorderRadiusType` | `"md"` | | ||
| | `effect` | The effect of the button when hovered or clicked. | `ButtonEffectType` | `"opacity"` | | ||
| | `onClick` | The function to call on click. | `function` | - | | ||
| | `href` | The href of the button. | `string` | - | | ||
| | `outlined` | If the button is outlined. | `boolean` | `false` | | ||
| | `borderWidth` | The border width of the button. | `number` | `2` | | ||
| | `size` | The size of the button. | `SizesType` | `"md"` | | ||
| | `target` | The target of the button. | `ButtonTargetType` | `"_self"` | | ||
| | Prop | Description | Type | Default | | ||
| | :------------- | :------------------------------------------------ | :---------------------- | :--------------------- | | ||
| | `color` | The color of the button. | `ColorsType` | `"PRIMARY"` | | ||
| | `colorHex` | The color of the button (hex). | `string` | - | | ||
| | `iconColor` | The color of the button. | `ColorsType` | - | | ||
| | `iconColorHex` | The color of the button (hex). | `string` | - | | ||
| | `styles` | The style of the button. | `object` | - | | ||
| | `padding` | The padding of the button. | `ButtonPaddingType` | `"md"` | | ||
| | `loading` | If the button is loading. | `boolean` | `false` | | ||
| | `disabled` | If the button is disabled. | `boolean` | `false` | | ||
| | `borderRadius` | The border radius of the button. | `BorderRadiusType` | `"md"` | | ||
| | `effect` | The effect of the button when hovered or clicked. | `ButtonEffectType` | `"opacity"` | | ||
| | `onClick` | The function to call on click. | `function` | - | | ||
| | `href` | The href of the button. | `string` | - | | ||
| | `outlined` | If the button is outlined. | `boolean` | `false` | | ||
| | `borderWidth` | The border width of the button. | `number` | `2` | | ||
| | `size` | The size of the button. | `SizesType` | `"md"` | | ||
| | `target` | The target of the button. | `ButtonTargetType` | `"_self"` | | ||
| | `boxShadow` | The box shadow of the button. | `ShadowsType or 'none'` | `"ELEVATION_BOTTOM_1"` | | ||
@@ -195,0 +199,0 @@ --- |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
No alert changes
Improved metrics
- Total package byte prevSize
- increased by1.46%
107810
- Number of lines in readme file
- increased by2.06%
198
No dependency changes