@khanacademy/wonder-blocks-icon-button
Advanced tools
Comparing version 6.1.0 to 6.1.1
# @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 @@ |
@@ -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": { |
85820
1993
+ Added@babel/runtime@7.26.9(transitive)
+ Added@khanacademy/wonder-blocks-clickable@6.1.1(transitive)
+ Added@khanacademy/wonder-blocks-core@12.1.1(transitive)
+ Added@khanacademy/wonder-blocks-icon@5.1.1(transitive)
+ Added@khanacademy/wonder-blocks-theming@3.1.1(transitive)
+ Added@khanacademy/wonder-blocks-tokens@4.2.1(transitive)
- Removed@babel/runtime@7.26.7(transitive)
- Removed@khanacademy/wonder-blocks-clickable@6.1.0(transitive)
- Removed@khanacademy/wonder-blocks-core@12.1.0(transitive)
- Removed@khanacademy/wonder-blocks-icon@5.1.0(transitive)
- Removed@khanacademy/wonder-blocks-theming@3.1.0(transitive)
- Removed@khanacademy/wonder-blocks-tokens@4.2.0(transitive)