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
558
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 0.0.0-PR2464-20250210174203 to 0.0.0-PR2464-20250220172221

35

CHANGELOG.md
# @khanacademy/wonder-blocks-icon-button
## 0.0.0-PR2464-20250210174203
## 0.0.0-PR2464-20250220172221
### Patch Changes
- Updated dependencies [ed26d66]
- @khanacademy/wonder-blocks-core@0.0.0-PR2464-20250220172221
- @khanacademy/wonder-blocks-clickable@0.0.0-PR2464-20250220172221
- @khanacademy/wonder-blocks-icon@0.0.0-PR2464-20250220172221
## 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
### Minor Changes

@@ -14,10 +35,12 @@

- 969864b: Update internal addStyle variable name to address aphrodite-add-style-variable-name linting rule
- bb2a026: pnpm: Switch to workspace protocol to handle dependency versions with changesets on monorepo setup"
- Updated dependencies [969864b]
- Updated dependencies [bb2a026]
- Updated dependencies [f03298f]
- @khanacademy/wonder-blocks-clickable@0.0.0-PR2464-20250210174203
- @khanacademy/wonder-blocks-core@0.0.0-PR2464-20250210174203
- @khanacademy/wonder-blocks-icon@0.0.0-PR2464-20250210174203
- @khanacademy/wonder-blocks-theming@0.0.0-PR2464-20250210174203
- @khanacademy/wonder-blocks-tokens@0.0.0-PR2464-20250210174203
- @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

@@ -24,0 +47,0 @@ ## 6.0.9

4

dist/es/index.js

@@ -241,3 +241,3 @@ import _extends from '@babel/runtime/helpers/extends';

}
const StyledAnchor = addStyle("a");
const StyledA = addStyle("a");
const StyledButton = addStyle("button");

@@ -279,3 +279,3 @@ const StyledLink = addStyle(Link);

ref: ref
}), child) : React.createElement(StyledAnchor, _extends({}, commonProps, {
}), child) : React.createElement(StyledA, _extends({}, commonProps, {
href: href,

@@ -282,0 +282,0 @@ ref: ref

@@ -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

@@ -269,3 +274,3 @@ })

}
const StyledAnchor = wonderBlocksCore.addStyle("a");
const StyledA = wonderBlocksCore.addStyle("a");
const StyledButton = wonderBlocksCore.addStyle("button");

@@ -287,3 +292,3 @@ const StyledLink = wonderBlocksCore.addStyle(reactRouterDom.Link);

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

@@ -300,3 +305,3 @@ theme,

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

@@ -306,6 +311,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(StyledAnchor, _extends({}, commonProps, {
}), child) : React__namespace.createElement(StyledA, _extends__default["default"]({}, commonProps, {
href: href,

@@ -315,3 +320,3 @@ ref: ref

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

@@ -440,3 +445,3 @@ }, commonProps, {

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

@@ -446,3 +451,3 @@ width: pixelsForSize,

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

@@ -460,3 +465,3 @@ borderRadius: theme.border.radius.default,

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

@@ -467,3 +472,3 @@ outlineOffset: 1,

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

@@ -475,9 +480,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"

@@ -506,3 +511,3 @@ }),

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

@@ -522,3 +527,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,

@@ -525,0 +530,0 @@ disabled: disabled,

{
"name": "@khanacademy/wonder-blocks-icon-button",
"version": "0.0.0-PR2464-20250210174203",
"version": "0.0.0-PR2464-20250220172221",
"design": "v1",

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

"@babel/runtime": "^7.24.5",
"@khanacademy/wonder-blocks-clickable": "0.0.0-PR2464-20250210174203",
"@khanacademy/wonder-blocks-core": "0.0.0-PR2464-20250210174203",
"@khanacademy/wonder-blocks-icon": "0.0.0-PR2464-20250210174203",
"@khanacademy/wonder-blocks-theming": "0.0.0-PR2464-20250210174203",
"@khanacademy/wonder-blocks-tokens": "0.0.0-PR2464-20250210174203"
"@khanacademy/wonder-blocks-clickable": "0.0.0-PR2464-20250220172221",
"@khanacademy/wonder-blocks-core": "0.0.0-PR2464-20250220172221",
"@khanacademy/wonder-blocks-icon": "0.0.0-PR2464-20250220172221",
"@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": "0.0.0-PR2464-20250210174203"
"@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