Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@khanacademy/wonder-blocks-button

Package Overview
Dependencies
Maintainers
1
Versions
363
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@khanacademy/wonder-blocks-button - npm Package Compare versions

Comparing version 2.9.5 to 2.9.6

6

components/__tests__/button.flowtest.js

@@ -7,6 +7,6 @@ // @flow

// $ExpectError: href must be used with beforeNav
// $FlowExpectedError[incompatible-type]: href must be used with beforeNav
<Button beforeNav={() => Promise.resolve()}>Hello, world!</Button>;
// $ExpectError: href must be used with safeWithNav
// $FlowExpectedError[incompatible-type]: href must be used with safeWithNav
<Button safeWithNav={() => Promise.resolve()}>Hello, world!</Button>;

@@ -48,3 +48,3 @@

// $ExpectError: type="submit" can't be used with href since we render an anchor.
// $FlowExpectedError[incompatible-type]: type="submit" can't be used with href since we render an anchor.
<Button href="/foo" type="submit">

@@ -51,0 +51,0 @@ Hello, world!

@@ -10,2 +10,3 @@ // @flow

import type {StoryComponentType} from "@storybook/react";
import Button from "./button.js";

@@ -17,3 +18,3 @@

export const buttonsWithKnobs: React.ComponentType<Empty> = () => {
export const buttonsWithKnobs: StoryComponentType = () => {
const children = text("children", "Hello, world!");

@@ -73,3 +74,3 @@ const kind = radios(

export const basicButtons: React.ComponentType<Empty> = () => (
export const basicButtons: StoryComponentType = () => (
<View>

@@ -118,3 +119,3 @@ <View style={{flexDirection: "row"}}>

export const darkBackgroundButtons: React.ComponentType<Empty> = () => (
export const darkBackgroundButtons: StoryComponentType = () => (
<View style={{backgroundColor: Color.darkBlue}}>

@@ -191,3 +192,3 @@ <View style={{flexDirection: "row"}}>

export const smallButtons: React.ComponentType<Empty> = () => (
export const smallButtons: StoryComponentType = () => (
<View style={{flexDirection: "row"}}>

@@ -208,3 +209,3 @@ <Button onClick={() => {}} size="small">

export const xlargeButtons: React.ComponentType<Empty> = () => (
export const xlargeButtons: StoryComponentType = () => (
<View style={{flexDirection: "row"}}>

@@ -225,3 +226,3 @@ <Button onClick={() => {}} size="xlarge">

export const longLabelsAreEllipsized: React.ComponentType<Empty> = () => (
export const longLabelsAreEllipsized: StoryComponentType = () => (
<Button onClick={() => {}} style={{maxWidth: 200}}>

@@ -232,3 +233,3 @@ label too long for the parent container

export const buttonWithSpinner: React.ComponentType<Empty> = () => (
export const buttonWithSpinner: StoryComponentType = () => (
<View style={{flexDirection: "row"}}>

@@ -259,3 +260,3 @@ <Button

export const submitButtonInForm: React.ComponentType<Empty> = () => (
export const submitButtonInForm: StoryComponentType = () => (
<form

@@ -262,0 +263,0 @@ onSubmit={(e) => {

{
"name": "@khanacademy/wonder-blocks-button",
"version": "2.9.5",
"version": "2.9.6",
"design": "v1",

@@ -18,9 +18,9 @@ "publishConfig": {

"dependencies": {
"@khanacademy/wonder-blocks-clickable": "^2.0.5",
"@khanacademy/wonder-blocks-clickable": "^2.0.6",
"@khanacademy/wonder-blocks-color": "^1.1.16",
"@khanacademy/wonder-blocks-core": "^3.1.0",
"@khanacademy/wonder-blocks-icon": "^1.2.17",
"@khanacademy/wonder-blocks-progress-spinner": "^1.1.21",
"@khanacademy/wonder-blocks-core": "^3.1.1",
"@khanacademy/wonder-blocks-icon": "^1.2.18",
"@khanacademy/wonder-blocks-progress-spinner": "^1.1.22",
"@khanacademy/wonder-blocks-spacing": "^3.0.1",
"@khanacademy/wonder-blocks-typography": "^1.1.21"
"@khanacademy/wonder-blocks-typography": "^1.1.22"
},

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

},
"gitHead": "88d3ad27fd6643c96fafaefce946f257191f66cc"
"gitHead": "b3ba970d4e4bbae5f4fd5172e65657bf55b63428"
}
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