Socket
Socket
Sign inDemoInstall

@chakra-ui/button

Package Overview
Dependencies
Maintainers
4
Versions
456
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@chakra-ui/button - npm Package Compare versions

Comparing version 1.0.0-rc.8 to 1.0.0

16

CHANGELOG.md

@@ -6,13 +6,23 @@ # Change Log

# 1.0.0-rc.8 (2020-10-29)
# 1.0.0 (2020-11-13)
**Note:** Version bump only for package @chakra-ui/button
### Bug Fixes
* **toast:** allow custom render in update ([eb8bff9](https://github.com/chakra-ui/chakra-ui/commit/eb8bff911e6ec9de0165ab1e8f5ca10d5e022459)), closes [#2362](https://github.com/chakra-ui/chakra-ui/issues/2362)
# Change Log
All notable changes to this project will be documented in this file. See
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
# 1.0.0-rc.8 (2020-10-29)
### Bug Fixes
- **toast:** allow custom render in update
([eb8bff9](https://github.com/chakra-ui/chakra-ui/commit/eb8bff911e6ec9de0165ab1e8f5ca10d5e022459)),
closes [#2362](https://github.com/chakra-ui/chakra-ui/issues/2362)
# Change Log

@@ -19,0 +29,0 @@

2

dist/cjs/button.js

@@ -50,3 +50,3 @@ "use strict";

* When button is used within ButtonGroup (i.e flushed with sibling buttons),
* it's important to add a `zIndex` when it's focused to it doesn't look funky.
* it is important to add a `zIndex` on focus.
*

@@ -53,0 +53,0 @@ * So let's read the component styles and then add `zIndex` to it.

@@ -35,3 +35,3 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

* When button is used within ButtonGroup (i.e flushed with sibling buttons),
* it's important to add a `zIndex` when it's focused to it doesn't look funky.
* it is important to add a `zIndex` on focus.
*

@@ -38,0 +38,0 @@ * So let's read the component styles and then add `zIndex` to it.

@@ -15,2 +15,3 @@ import { SystemProps, ThemingProps, HTMLChakraProps } from "@chakra-ui/system";

* @default '0.5rem'
* @type SystemProps["marginRight"]
*/

@@ -17,0 +18,0 @@ spacing?: SystemProps["marginRight"];

@@ -9,3 +9,3 @@ import { SystemProps, ThemingProps, HTMLChakraProps } from "@chakra-ui/system";

/**
* If `true`, the button will be styled in it's active state.
* If `true`, the button will be styled in its active state.
*/

@@ -32,2 +32,3 @@ isActive?: boolean;

* If added, the button will show an icon before the button's label.
* @type React.ReactElement
*/

@@ -37,2 +38,3 @@ leftIcon?: React.ReactElement;

* If added, the button will show an icon after the button's label.
* @type React.ReactElement
*/

@@ -42,2 +44,3 @@ rightIcon?: React.ReactElement;

* The space between the button icon and label.
* @type SystemProps["marginRight"]
*/

@@ -47,2 +50,3 @@ iconSpacing?: SystemProps["marginRight"];

* Replace the spinner component when `isLoading` is set to `true`
* @type React.ReactElement
*/

@@ -49,0 +53,0 @@ spinner?: React.ReactElement;

@@ -9,2 +9,3 @@ import * as React from "react";

* The icon to be used in the button.
* @type React.ReactElement
*/

@@ -11,0 +12,0 @@ icon?: React.ReactElement;

{
"name": "@chakra-ui/button",
"version": "1.0.0-rc.8",
"version": "1.0.0",
"description": "A React component that is a base button.",

@@ -56,7 +56,7 @@ "keywords": [

"devDependencies": {
"@chakra-ui/system": "1.0.0-rc.8"
"@chakra-ui/system": "1.0.0"
},
"dependencies": {
"@chakra-ui/spinner": "1.0.0-rc.8",
"@chakra-ui/utils": "1.0.0-rc.8"
"@chakra-ui/spinner": "1.0.0",
"@chakra-ui/utils": "1.0.0"
},

@@ -67,3 +67,3 @@ "peerDependencies": {

},
"gitHead": "de4cffb1638e8d10cd74515b0289d70eb94931be"
"gitHead": "c98ca366cec7151fe7ea4e0b6f893088797c5398"
}

@@ -73,4 +73,4 @@ # Button

Pass `isLoading` prop to the Button component to show it's loading state. You
can optionally pass `loadingText` prop.
Pass `isLoading` prop to the Button component to show its loading state. You can
optionally pass `loadingText` prop.

@@ -77,0 +77,0 @@ You can also use a custom spinner to render your own spinner component.

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

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc