New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@khanacademy/wonder-blocks-icon-button

Package Overview
Dependencies
Maintainers
1
Versions
549
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 6.1.0 to 6.1.1

12

CHANGELOG.md
# @khanacademy/wonder-blocks-icon-button
## 6.1.1
### Patch Changes
- ee8d95a: Rollback rollup version from v4 to v2 to prevent an issue with CJS builds in unit tests
- Updated dependencies [ee8d95a]
- @khanacademy/wonder-blocks-clickable@6.1.1
- @khanacademy/wonder-blocks-core@12.1.1
- @khanacademy/wonder-blocks-icon@5.1.1
- @khanacademy/wonder-blocks-theming@3.1.1
- @khanacademy/wonder-blocks-tokens@4.2.1
## 6.1.0

@@ -4,0 +16,0 @@

71

dist/index.js

@@ -15,3 +15,6 @@ 'use strict';

function _interopNamespaceDefault(e) {
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
function _interopNamespace(e) {
if (e && e.__esModule) return e;
var n = Object.create(null);

@@ -29,7 +32,9 @@ if (e) {

}
n.default = e;
n["default"] = e;
return Object.freeze(n);
}
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
var _objectWithoutPropertiesLoose__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutPropertiesLoose);
var React__namespace = /*#__PURE__*/_interopNamespace(React);

@@ -65,5 +70,5 @@ const iconSizeForButtonSize = size => {

};
const baseColorStates = _extends({}, wonderBlocksTokens.semanticColor.action.outlined, {
progressive: _extends({}, wonderBlocksTokens.semanticColor.action.outlined.progressive, {
default: _extends({}, wonderBlocksTokens.semanticColor.action.outlined.progressive.default, {
const baseColorStates = _extends__default["default"]({}, wonderBlocksTokens.semanticColor.action.outlined, {
progressive: _extends__default["default"]({}, wonderBlocksTokens.semanticColor.action.outlined.progressive, {
default: _extends__default["default"]({}, wonderBlocksTokens.semanticColor.action.outlined.progressive.default, {
border: "transparent",

@@ -78,4 +83,4 @@ background: "transparent"

}),
destructive: _extends({}, wonderBlocksTokens.semanticColor.action.outlined.destructive, {
default: _extends({}, wonderBlocksTokens.semanticColor.action.outlined.destructive.default, {
destructive: _extends__default["default"]({}, wonderBlocksTokens.semanticColor.action.outlined.destructive, {
default: _extends__default["default"]({}, wonderBlocksTokens.semanticColor.action.outlined.destructive.default, {
border: "transparent",

@@ -103,3 +108,3 @@ background: "transparent"

color: {
primary: _extends({}, baseColorStates, {
primary: _extends__default["default"]({}, baseColorStates, {
progressiveLight: {

@@ -140,10 +145,10 @@ default: {

}),
secondary: _extends({}, baseColorStates, {
progressive: _extends({}, baseColorStates.progressive, {
default: _extends({}, baseColorStates.progressive.default, {
secondary: _extends__default["default"]({}, baseColorStates, {
progressive: _extends__default["default"]({}, baseColorStates.progressive, {
default: _extends__default["default"]({}, baseColorStates.progressive.default, {
foreground: wonderBlocksTokens.semanticColor.text.primary
})
}),
destructive: _extends({}, baseColorStates.destructive, {
default: _extends({}, baseColorStates.destructive.default, {
destructive: _extends__default["default"]({}, baseColorStates.destructive, {
default: _extends__default["default"]({}, baseColorStates.destructive.default, {
foreground: wonderBlocksTokens.semanticColor.text.primary

@@ -153,10 +158,10 @@ })

}),
tertiary: _extends({}, baseColorStates, {
progressive: _extends({}, baseColorStates.progressive, {
default: _extends({}, baseColorStates.progressive.default, {
tertiary: _extends__default["default"]({}, baseColorStates, {
progressive: _extends__default["default"]({}, baseColorStates.progressive, {
default: _extends__default["default"]({}, baseColorStates.progressive.default, {
foreground: wonderBlocksTokens.semanticColor.text.secondary
})
}),
destructive: _extends({}, baseColorStates.destructive, {
default: _extends({}, baseColorStates.destructive.default, {
destructive: _extends__default["default"]({}, baseColorStates.destructive, {
default: _extends__default["default"]({}, baseColorStates.destructive.default, {
foreground: wonderBlocksTokens.semanticColor.text.secondary

@@ -286,3 +291,3 @@ })

} = props,
restProps = _objectWithoutPropertiesLoose(props, _excluded$1);
restProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded$1);
const {

@@ -299,3 +304,3 @@ theme,

});
const commonProps = _extends({
const commonProps = _extends__default["default"]({
"data-testid": testId,

@@ -305,6 +310,6 @@ style: [defaultStyle, style]

if (href && !disabled) {
return router && !skipClientNav && wonderBlocksClickable.isClientSideUrl(href) ? React__namespace.createElement(StyledLink, _extends({}, commonProps, {
return router && !skipClientNav && wonderBlocksClickable.isClientSideUrl(href) ? React__namespace.createElement(StyledLink, _extends__default["default"]({}, commonProps, {
to: href,
ref: ref
}), child) : React__namespace.createElement(StyledA, _extends({}, commonProps, {
}), child) : React__namespace.createElement(StyledA, _extends__default["default"]({}, commonProps, {
href: href,

@@ -314,3 +319,3 @@ ref: ref

} else {
return React__namespace.createElement(StyledButton, _extends({
return React__namespace.createElement(StyledButton, _extends__default["default"]({
type: type

@@ -439,3 +444,3 @@ }, commonProps, {

const newStyles = {
default: _extends({
default: _extends__default["default"]({
height: pixelsForSize,

@@ -445,3 +450,3 @@ width: pixelsForSize,

}, kindOverrides.default, {
":hover": _extends({
":hover": _extends__default["default"]({
boxShadow: "none",

@@ -459,3 +464,3 @@ borderRadius: theme.border.radius.default,

},
":focus-visible": _extends({
":focus-visible": _extends__default["default"]({
outlineWidth: theme.border.width.default,

@@ -466,3 +471,3 @@ outlineOffset: 1,

}, kindOverrides[":focus-visible"]),
":active": _extends({
":active": _extends__default["default"]({
outlineWidth: theme.border.width.default,

@@ -474,9 +479,9 @@ outlineOffset: 1,

}),
disabled: _extends({
disabled: _extends__default["default"]({
cursor: "not-allowed"
}, disabledStatesStyles, {
":hover": _extends({}, disabledStatesStyles, {
":hover": _extends__default["default"]({}, disabledStatesStyles, {
outline: "none"
}),
":active": _extends({}, disabledStatesStyles, {
":active": _extends__default["default"]({}, disabledStatesStyles, {
outline: "none"

@@ -505,3 +510,3 @@ }),

} = props,
sharedProps = _objectWithoutPropertiesLoose(props, _excluded);
sharedProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded);
function handleKeyDown(e) {

@@ -521,3 +526,3 @@ const keyCode = e.key;

}
return React__namespace.createElement(ThemedIconButton, null, React__namespace.createElement(IconButtonCore, _extends({}, sharedProps, {
return React__namespace.createElement(ThemedIconButton, null, React__namespace.createElement(IconButtonCore, _extends__default["default"]({}, sharedProps, {
color: color,

@@ -524,0 +529,0 @@ disabled: disabled,

{
"name": "@khanacademy/wonder-blocks-icon-button",
"version": "6.1.0",
"version": "6.1.1",
"design": "v1",

@@ -16,7 +16,7 @@ "publishConfig": {

"@babel/runtime": "^7.24.5",
"@khanacademy/wonder-blocks-clickable": "6.1.0",
"@khanacademy/wonder-blocks-core": "12.1.0",
"@khanacademy/wonder-blocks-icon": "5.1.0",
"@khanacademy/wonder-blocks-theming": "3.1.0",
"@khanacademy/wonder-blocks-tokens": "4.2.0"
"@khanacademy/wonder-blocks-clickable": "6.1.1",
"@khanacademy/wonder-blocks-core": "12.1.1",
"@khanacademy/wonder-blocks-icon": "5.1.1",
"@khanacademy/wonder-blocks-theming": "3.1.1",
"@khanacademy/wonder-blocks-tokens": "4.2.1"
},

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

"devDependencies": {
"@khanacademy/wb-dev-build-settings": "2.1.0"
"@khanacademy/wb-dev-build-settings": "2.1.1"
},

@@ -33,0 +33,0 @@ "scripts": {

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