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

@codecademy/brand-components

Package Overview
Dependencies
Maintainers
1
Versions
462
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@codecademy/brand-components - npm Package Compare versions

Comparing version 1.5.12-alpha.70ae99.0 to 1.5.12-alpha.e4f9e9.0

5

CHANGELOG.md

@@ -6,5 +6,6 @@ # Change Log

## <small>1.5.12-alpha.70ae99.0 (2020-05-11)</small>
## <small>1.5.12-alpha.e4f9e9.0 (2020-05-11)</small>
* Ported common Loading icon to Brand/Labs ([70ae994](https://github.com/Codecademy/client-modules/commit/70ae994))
* Merge branch 'master' into rb-headertab-A11Y-369 ([e4f9e96](https://github.com/Codecademy/client-modules/commit/e4f9e96))
* remove appbartab and make headertab simpler ([d707d37](https://github.com/Codecademy/client-modules/commit/d707d37))

@@ -11,0 +12,0 @@

2

dist/Header/HeaderTab/index.d.ts
import React, { HTMLAttributes } from 'react';
export declare type HeaderTabProps = HTMLAttributes<HTMLElement> & {
onClick?: (event: React.MouseEvent) => void;
className?: string;
id?: string;
testId?: string;
};
export declare const HeaderTab: React.FC<HeaderTabProps>;
export default HeaderTab;

@@ -5,29 +5,13 @@ import React from 'react';

export var HeaderTab = function HeaderTab(_ref) {
var onClick = _ref.onClick,
className = _ref.className,
var className = _ref.className,
children = _ref.children,
id = _ref.id;
var handleClick = function handleClick(e) {
if (onClick) {
e.preventDefault();
onClick(e);
}
};
id = _ref.id,
testId = _ref.testId;
var classes = cx(s.headerTab, className);
return React.createElement("div", {
role: "tab",
tabIndex: 0,
key: id,
onClick: handleClick,
id: id,
className: classes,
onKeyDown: function onKeyDown(e) {
// https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_link_role
if (e.key === ' ' || e.key === 'Enter') {
handleClick(e);
}
}
"data-testid": testId
}, children);
};
export default HeaderTab;
export * from './Avatar';
export * from './Byline';
export * from './EditorialMolecules';
export * from './Loading';
export * from './Logo';

@@ -6,0 +5,0 @@ export * from './Quote';

export * from './Avatar';
export * from './Byline';
export * from './EditorialMolecules';
export * from './Loading';
export * from './Logo';

@@ -6,0 +5,0 @@ export * from './Quote';

{
"name": "@codecademy/brand-components",
"description": "Brand component library for Codecademy",
"version": "1.5.12-alpha.70ae99.0",
"version": "1.5.12-alpha.e4f9e9.0",
"author": "Codecademy Engineering <dev@codecademy.com>",

@@ -21,3 +21,3 @@ "sideEffects": [

"dependencies": {
"@codecademy/gamut": "^7.7.0",
"@codecademy/gamut": "^7.7.1-alpha.e4f9e9.0",
"@codecademy/gamut-styles": "^3.3.1",

@@ -35,3 +35,3 @@ "classnames": "^2.2.5"

"license": "MIT",
"gitHead": "dedf42b808f4353f0e02cb5e6a31f6760a382ad2"
"gitHead": "bb91690daff680dcf0bf445bc6f23caf9dfae9a8"
}
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