@khanacademy/wonder-blocks-link
Advanced tools
Comparing version 0.0.0-PR2465-20250207172334 to 0.0.0-PR2466-20250207212603
# @khanacademy/wonder-blocks-link | ||
## 0.0.0-PR2465-20250207172334 | ||
## 0.0.0-PR2466-20250207212603 | ||
### Patch Changes | ||
- Updated dependencies [22d94f9] | ||
- @khanacademy/wonder-blocks-core@0.0.0-PR2465-20250207172334 | ||
- @khanacademy/wonder-blocks-clickable@0.0.0-PR2465-20250207172334 | ||
- @khanacademy/wonder-blocks-icon@0.0.0-PR2465-20250207172334 | ||
- efc1911: Rollback rollup version from v4 to v2 to prevent an issue with CJS builds in unit tests | ||
- Updated dependencies [efc1911] | ||
- @khanacademy/wonder-blocks-clickable@0.0.0-PR2466-20250207212603 | ||
- @khanacademy/wonder-blocks-core@0.0.0-PR2466-20250207212603 | ||
- @khanacademy/wonder-blocks-icon@0.0.0-PR2466-20250207212603 | ||
- @khanacademy/wonder-blocks-tokens@0.0.0-PR2466-20250207212603 | ||
@@ -12,0 +14,0 @@ ## 7.1.0 |
@@ -16,3 +16,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); | ||
@@ -30,7 +33,11 @@ if (e) { | ||
} | ||
n.default = e; | ||
n["default"] = e; | ||
return Object.freeze(n); | ||
} | ||
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React); | ||
var _objectDestructuringEmpty__default = /*#__PURE__*/_interopDefaultLegacy(_objectDestructuringEmpty); | ||
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends); | ||
var _objectWithoutPropertiesLoose__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutPropertiesLoose); | ||
var React__namespace = /*#__PURE__*/_interopNamespace(React); | ||
var externalLinkIcon__default = /*#__PURE__*/_interopDefaultLegacy(externalLinkIcon); | ||
@@ -59,7 +66,7 @@ const _excluded$1 = ["children", "skipClientNav", "focused", "hovered", "href", "inline", "kind", "light", "visitable", "pressed", "style", "testId", "waiting", "target", "startIcon", "endIcon"]; | ||
} = props, | ||
restProps = _objectWithoutPropertiesLoose(props, _excluded$1); | ||
restProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded$1); | ||
const linkStyles = _generateStyles(inline, kind, light, visitable); | ||
const restingStyles = inline ? linkStyles.restingInline : linkStyles.resting; | ||
const defaultStyles = [sharedStyles.shared, restingStyles, pressed && linkStyles.active, !pressed && hovered && linkStyles.hover, !pressed && focused && linkStyles.focus]; | ||
const commonProps = _extends({ | ||
const commonProps = _extends__default["default"]({ | ||
"data-testid": testId, | ||
@@ -72,3 +79,3 @@ style: [defaultStyles, style], | ||
const externalIcon = React__namespace.createElement(wonderBlocksIcon.PhosphorIcon, { | ||
icon: externalLinkIcon, | ||
icon: externalLinkIcon__default["default"], | ||
size: "small", | ||
@@ -81,3 +88,3 @@ style: [linkContentStyles.endIcon, linkContentStyles.centered], | ||
if (startIcon) { | ||
startIconElement = React__namespace.cloneElement(startIcon, _extends({ | ||
startIconElement = React__namespace.cloneElement(startIcon, _extends__default["default"]({ | ||
style: [linkContentStyles.startIcon, linkContentStyles.centered], | ||
@@ -89,3 +96,3 @@ testId: "start-icon", | ||
if (endIcon) { | ||
endIconElement = React__namespace.cloneElement(endIcon, _extends({ | ||
endIconElement = React__namespace.cloneElement(endIcon, _extends__default["default"]({ | ||
style: [linkContentStyles.endIcon, linkContentStyles.centered], | ||
@@ -97,6 +104,6 @@ testId: "end-icon", | ||
const linkContent = React__namespace.createElement(React__namespace.Fragment, null, startIcon && startIconElement, children, endIcon ? endIconElement : isExternalLink && target === "_blank" && externalIcon); | ||
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 | ||
}), linkContent) : React__namespace.createElement(StyledA, _extends({}, commonProps, { | ||
}), linkContent) : React__namespace.createElement(StyledA, _extends__default["default"]({}, commonProps, { | ||
href: href, | ||
@@ -169,6 +176,6 @@ ref: ref | ||
const newStyles = { | ||
resting: _extends({ | ||
resting: _extends__default["default"]({ | ||
color: defaultTextColor | ||
}, defaultVisited), | ||
restingInline: _extends({ | ||
restingInline: _extends__default["default"]({ | ||
color: defaultTextColor, | ||
@@ -178,3 +185,3 @@ textDecoration: "underline currentcolor solid", | ||
}, defaultVisited), | ||
hover: _extends({ | ||
hover: _extends__default["default"]({ | ||
textDecoration: "underline currentcolor solid", | ||
@@ -184,3 +191,3 @@ color: defaultTextColor | ||
focus: { | ||
":focus-visible": _extends({ | ||
":focus-visible": _extends__default["default"]({ | ||
color: defaultTextColor, | ||
@@ -191,3 +198,3 @@ outline: `1px solid ${light ? white : blue}`, | ||
}, | ||
active: _extends({ | ||
active: _extends__default["default"]({ | ||
color: activeColor, | ||
@@ -219,3 +226,3 @@ textDecoration: "underline currentcolor solid" | ||
} = props, | ||
sharedProps = _objectWithoutPropertiesLoose(props, _excluded); | ||
sharedProps = _objectWithoutPropertiesLoose__default["default"](props, _excluded); | ||
const renderClickableBehavior = router => { | ||
@@ -234,4 +241,4 @@ const ClickableBehavior = wonderBlocksClickable.getClickableBehavior(href, skipClientNav, router); | ||
}, (state, _ref) => { | ||
let childrenProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref)); | ||
return React__namespace.createElement(LinkCore, _extends({}, sharedProps, state, childrenProps, { | ||
let childrenProps = _extends__default["default"]({}, (_objectDestructuringEmpty__default["default"](_ref), _ref)); | ||
return React__namespace.createElement(LinkCore, _extends__default["default"]({}, sharedProps, state, childrenProps, { | ||
skipClientNav: skipClientNav, | ||
@@ -259,4 +266,4 @@ href: href, | ||
}, (state, _ref2) => { | ||
let childrenProps = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2)); | ||
return React__namespace.createElement(LinkCore, _extends({}, sharedProps, state, childrenProps, { | ||
let childrenProps = _extends__default["default"]({}, (_objectDestructuringEmpty__default["default"](_ref2), _ref2)); | ||
return React__namespace.createElement(LinkCore, _extends__default["default"]({}, sharedProps, state, childrenProps, { | ||
skipClientNav: skipClientNav, | ||
@@ -263,0 +270,0 @@ href: href, |
{ | ||
"name": "@khanacademy/wonder-blocks-link", | ||
"version": "0.0.0-PR2465-20250207172334", | ||
"version": "0.0.0-PR2466-20250207212603", | ||
"design": "v1", | ||
@@ -16,6 +16,6 @@ "publishConfig": { | ||
"@babel/runtime": "^7.24.5", | ||
"@khanacademy/wonder-blocks-clickable": "0.0.0-PR2465-20250207172334", | ||
"@khanacademy/wonder-blocks-core": "0.0.0-PR2465-20250207172334", | ||
"@khanacademy/wonder-blocks-icon": "0.0.0-PR2465-20250207172334", | ||
"@khanacademy/wonder-blocks-tokens": "4.2.0" | ||
"@khanacademy/wonder-blocks-clickable": "0.0.0-PR2466-20250207212603", | ||
"@khanacademy/wonder-blocks-core": "0.0.0-PR2466-20250207212603", | ||
"@khanacademy/wonder-blocks-icon": "0.0.0-PR2466-20250207212603", | ||
"@khanacademy/wonder-blocks-tokens": "0.0.0-PR2466-20250207212603" | ||
}, | ||
@@ -30,3 +30,3 @@ "peerDependencies": { | ||
"devDependencies": { | ||
"@khanacademy/wb-dev-build-settings": "2.1.0" | ||
"@khanacademy/wb-dev-build-settings": "0.0.0-PR2466-20250207212603" | ||
}, | ||
@@ -33,0 +33,0 @@ "scripts": { |
45691
674
+ Added@khanacademy/wonder-blocks-clickable@0.0.0-PR2466-20250207212603(transitive)
+ Added@khanacademy/wonder-blocks-core@0.0.0-PR2466-20250207212603(transitive)
+ Added@khanacademy/wonder-blocks-icon@0.0.0-PR2466-20250207212603(transitive)
+ Added@khanacademy/wonder-blocks-tokens@0.0.0-PR2466-20250207212603(transitive)
- Removed@khanacademy/wonder-blocks-clickable@0.0.0-PR2465-20250207172334(transitive)
- Removed@khanacademy/wonder-blocks-core@0.0.0-PR2465-20250207172334(transitive)
- Removed@khanacademy/wonder-blocks-icon@0.0.0-PR2465-20250207172334(transitive)
- Removed@khanacademy/wonder-blocks-tokens@4.2.0(transitive)
Updated@khanacademy/wonder-blocks-clickable@0.0.0-PR2466-20250207212603
Updated@khanacademy/wonder-blocks-core@0.0.0-PR2466-20250207212603
Updated@khanacademy/wonder-blocks-icon@0.0.0-PR2466-20250207212603
Updated@khanacademy/wonder-blocks-tokens@0.0.0-PR2466-20250207212603