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

@atlaskit/theme

Package Overview
Dependencies
Maintainers
1
Versions
174
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@atlaskit/theme - npm Package Compare versions

Comparing version 3.1.0 to 3.1.1

dist/cjs/typography.js

4

CHANGELOG.md
# @atlaskit/theme
## 3.1.1
- [patch] releasing all compo that depends on theme [86a82d2](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/86a82d2)
- [patch] Re-release to fix changes merged with @atlaskit/form [baa3c20](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/baa3c20)
## 3.1.0

@@ -4,0 +8,0 @@ - [minor] Added ability to specify an object as the badge appearance. Added an Appearance export to theme so that we can use strings and objects for appearance theming." [6e89615](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/6e89615)

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

});
exports.green = exports.yellow = exports.red = exports.purple = exports.teal = exports.blue = exports.primary = exports.linkOutline = exports.linkActive = exports.linkHover = exports.link = exports.codeBlock = exports.subtleHeading = exports.heading = exports.placeholderText = exports.subtleText = exports.text = exports.background = exports.DN10A = exports.DN20A = exports.DN30A = exports.DN40A = exports.DN50A = exports.DN60A = exports.DN70A = exports.DN80A = exports.DN90A = exports.DN100A = exports.DN200A = exports.DN300A = exports.DN400A = exports.DN500A = undefined;
exports.green = exports.yellow = exports.red = exports.purple = exports.teal = exports.blue = exports.primary = exports.linkOutline = exports.linkActive = exports.linkHover = exports.link = exports.codeBlock = exports.subtleHeading = exports.heading = exports.placeholderText = exports.subtleText = exports.textActive = exports.textHover = exports.text = exports.backgroundOnLayer = exports.backgroundHover = exports.backgroundActive = exports.background = exports.DN10A = exports.DN20A = exports.DN30A = exports.DN40A = exports.DN50A = exports.DN60A = exports.DN70A = exports.DN80A = exports.DN90A = exports.DN100A = exports.DN200A = exports.DN300A = exports.DN400A = exports.DN500A = undefined;
exports.DN600A = exports.DN700A = exports.DN800A = exports.DN0 = exports.DN10 = exports.DN20 = exports.DN30 = exports.DN40 = exports.DN50 = exports.DN60 = exports.DN70 = exports.DN80 = exports.DN90 = exports.DN100 = exports.DN200 = exports.DN300 = exports.DN400 = exports.DN500 = exports.DN600 = exports.DN700 = exports.DN800 = exports.DN900 = exports.N800A = exports.N700A = exports.N600A = exports.N500A = exports.N400A = exports.N300A = exports.N200A = exports.N100A = exports.N90A = exports.N80A = exports.N70A = exports.N60A = exports.N50A = exports.N40A = exports.N30A = exports.N20A = exports.N10A = exports.N900 = exports.N800 = exports.N700 = exports.N600 = exports.N500 = exports.N400 = exports.N300 = exports.N200 = exports.N100 = exports.N90 = exports.N80 = exports.N70 = exports.N60 = exports.N50 = exports.N40 = exports.N30 = exports.N20 = exports.N10 = exports.N0 = exports.T500 = exports.T400 = exports.T300 = exports.T200 = exports.T100 = exports.T75 = exports.T50 = exports.P500 = exports.P400 = exports.P300 = exports.P200 = exports.P100 = exports.P75 = exports.P50 = exports.B500 = exports.B400 = exports.B300 = exports.B200 = exports.B100 = exports.B75 = exports.B50 = exports.G500 = exports.G400 = exports.G300 = exports.G200 = exports.G100 = exports.G75 = exports.G50 = exports.Y500 = exports.Y400 = exports.Y300 = exports.Y200 = exports.Y100 = exports.Y75 = exports.Y50 = exports.R500 = exports.R400 = exports.R300 = exports.R200 = exports.R100 = exports.R75 = exports.R50 = undefined;

@@ -157,3 +157,8 @@

var background = exports.background = (0, _themed2.default)({ light: N0, dark: DN30 });
var backgroundActive = exports.backgroundActive = (0, _themed2.default)({ light: B50, dark: B75 });
var backgroundHover = exports.backgroundHover = (0, _themed2.default)({ light: N30, dark: DN70 });
var backgroundOnLayer = exports.backgroundOnLayer = (0, _themed2.default)({ light: N0, dark: DN50 });
var text = exports.text = (0, _themed2.default)({ light: N900, dark: DN600 });
var textHover = exports.textHover = (0, _themed2.default)({ light: N800, dark: DN600 });
var textActive = exports.textActive = (0, _themed2.default)({ light: B400, dark: B400 });
var subtleText = exports.subtleText = (0, _themed2.default)({ light: N300, dark: DN300 });

@@ -160,0 +165,0 @@ var placeholderText = exports.placeholderText = (0, _themed2.default)({ light: N100, dark: DN200 });

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

});
exports.layers = exports.codeFontFamily = exports.fontFamily = exports.fontSize = exports.gridSize = exports.borderRadius = exports.AtlasKitThemeProvider = exports.Appearance = exports.AtlaskitThemeProvider = exports.themed = exports.getTheme = exports.math = exports.colors = undefined;
exports.layers = exports.codeFontFamily = exports.fontFamily = exports.fontSize = exports.gridSize = exports.borderRadius = exports.AtlasKitThemeProvider = exports.Appearance = exports.AtlaskitThemeProvider = exports.themed = exports.getTheme = exports.math = exports.typography = exports.colors = undefined;

@@ -22,2 +22,6 @@ var _Appearance = require('./components/Appearance');

var _typography = require('./typography');
var typography = _interopRequireWildcard(_typography);
var _math = require('./utils/math');

@@ -44,2 +48,3 @@

exports.colors = colors;
exports.typography = typography;
exports.math = math;

@@ -46,0 +51,0 @@ exports.getTheme = _getTheme2.default;

@@ -143,3 +143,8 @@ import themed from './utils/themed';

export var background = themed({ light: N0, dark: DN30 });
export var backgroundActive = themed({ light: B50, dark: B75 });
export var backgroundHover = themed({ light: N30, dark: DN70 });
export var backgroundOnLayer = themed({ light: N0, dark: DN50 });
export var text = themed({ light: N900, dark: DN600 });
export var textHover = themed({ light: N800, dark: DN600 });
export var textActive = themed({ light: B400, dark: B400 });
export var subtleText = themed({ light: N300, dark: DN300 });

@@ -146,0 +151,0 @@ export var placeholderText = themed({ light: N100, dark: DN200 });

4

dist/esm/index.js
import * as colors from './colors';
import * as typography from './typography';
import * as math from './utils/math';

@@ -8,3 +8,3 @@ import getTheme from './utils/getTheme';

export { colors, math, getTheme, themed, AtlaskitThemeProvider };
export { colors, typography, math, getTheme, themed, AtlaskitThemeProvider };
export { default as Appearance } from './components/Appearance';

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

{
"name": "@atlaskit/theme",
"version": "3.0.0"
"version": "3.1.0"
}
{
"name": "@atlaskit/theme",
"version": "3.1.0",
"version": "3.1.1",
"description": "The Atlaskit theme framework",

@@ -25,4 +25,4 @@ "license": "Apache-2.0",

"devDependencies": {
"@atlaskit/button": "^7.0.0",
"@atlaskit/docs": "^3.0.0",
"@atlaskit/button": "^7.2.1",
"@atlaskit/docs": "^3.0.3",
"enzyme": "^3.3.0"

@@ -37,2 +37,2 @@ },

]
}
}
# Theme
The Atlaskit theme framework, helpers, and the ADG color palette.
The Atlaskit theme framework, helpers and the ADG color palette.

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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