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

@atlaskit/progress-tracker

Package Overview
Dependencies
Maintainers
1
Versions
123
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@atlaskit/progress-tracker - npm Package Compare versions

Comparing version 6.0.4 to 6.0.5

8

CHANGELOG.md
# @atlaskit/progress-tracker
## 6.0.5
### Patch Changes
- [patch][708028db86](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/708028db86):
Change all the imports to theme in Core to use multi entry points
## 6.0.4

@@ -4,0 +12,0 @@

4

dist/cjs/constants.js

@@ -8,5 +8,5 @@ "use strict";

var _theme = require("@atlaskit/theme");
var _constants = require("@atlaskit/theme/constants");
var defaultGridSize = (0, _theme.gridSize)();
var defaultGridSize = (0, _constants.gridSize)();
/** Ideally these are exported by @atlaskit/page */

@@ -13,0 +13,0 @@

@@ -10,3 +10,3 @@ "use strict";

var _theme = require("@atlaskit/theme");
var _colors = require("@atlaskit/theme/colors");

@@ -18,3 +18,3 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));

componentId: "t0aqc5-0"
})(["\n cursor: pointer;\n color: ", ";\n"], _theme.colors.N800);
})(["\n cursor: pointer;\n color: ", ";\n"], _colors.N800);

@@ -21,0 +21,0 @@ exports.Link = Link;

@@ -30,3 +30,3 @@ "use strict";

var _theme = require("@atlaskit/theme");
var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));

@@ -43,12 +43,12 @@ var _page = require("@atlaskit/page");

case 'unvisited':
return _theme.colors.N70;
return colors.N70;
case 'current':
return _theme.colors.B300;
return colors.B300;
case 'visited':
return _theme.colors.B300;
return colors.B300;
case 'disabled':
return _theme.colors.B300;
return colors.B300;

@@ -63,12 +63,12 @@ default:

case 'unvisited':
return _theme.colors.N300;
return colors.N300;
case 'current':
return _theme.colors.B300;
return colors.B300;
case 'visited':
return _theme.colors.N800;
return colors.N800;
case 'disabled':
return _theme.colors.N70;
return colors.N70;

@@ -75,0 +75,0 @@ default:

@@ -10,11 +10,13 @@ "use strict";

var _theme = require("@atlaskit/theme");
var _constants = require("@atlaskit/theme/constants");
var _colors = require("@atlaskit/theme/colors");
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _constants = require("../constants");
var _constants2 = require("../constants");
var halfGridSize = (0, _theme.gridSize)() / 2;
var progressBarHeight = (0, _theme.gridSize)();
var labelTopSpacing = (0, _theme.gridSize)() + 20; // Labels sit 20px from bottom of progress bar.
var halfGridSize = (0, _constants.gridSize)() / 2;
var progressBarHeight = (0, _constants.gridSize)();
var labelTopSpacing = (0, _constants.gridSize)() + 20; // Labels sit 20px from bottom of progress bar.

@@ -56,3 +58,3 @@ var ProgressTrackerStageContainer = _styledComponents.default.div.withConfig({

componentId: "rdxa52-2"
})(["\n position: absolute;\n left: 50%;\n transform: translate(0, -", "px);\n background-color: ", ";\n height: ", "px;\n width: calc(\n ", "% + ", " /\n 100 * ", "px\n ); /* account for spacing and radius of marker */\n border-top-right-radius: ", "px;\n border-bottom-right-radius: ", "px;\n\n &.fade-appear {\n width: calc(\n ", "% +\n ", " / 100 *\n ", "px\n ); /* account for spacing and radius of marker */\n }\n\n &.fade-appear.fade-appear-active {\n width: calc(\n ", "% +\n ", " / 100 *\n ", "px\n ); /* account for spacing and radius of marker */\n transition: width ", "ms\n ", ";\n transition-delay: ", "ms;\n }\n\n &.fade-enter {\n width: calc(\n ", "% +\n ", " / 100 *\n ", "px\n ); /* account for spacing and radius of marker */\n }\n\n &.fade-enter.fade-enter-active {\n width: calc(\n ", "% +\n ", " / 100 *\n ", "px\n ); /* account for spacing and radius of marker */\n transition: width ", "ms\n ", ";\n transition-delay: ", "ms;\n }\n"], labelTopSpacing, _theme.colors.B300, progressBarHeight, function (props) {
})(["\n position: absolute;\n left: 50%;\n transform: translate(0, -", "px);\n background-color: ", ";\n height: ", "px;\n width: calc(\n ", "% + ", " /\n 100 * ", "px\n ); /* account for spacing and radius of marker */\n border-top-right-radius: ", "px;\n border-bottom-right-radius: ", "px;\n\n &.fade-appear {\n width: calc(\n ", "% +\n ", " / 100 *\n ", "px\n ); /* account for spacing and radius of marker */\n }\n\n &.fade-appear.fade-appear-active {\n width: calc(\n ", "% +\n ", " / 100 *\n ", "px\n ); /* account for spacing and radius of marker */\n transition: width ", "ms\n ", ";\n transition-delay: ", "ms;\n }\n\n &.fade-enter {\n width: calc(\n ", "% +\n ", " / 100 *\n ", "px\n ); /* account for spacing and radius of marker */\n }\n\n &.fade-enter.fade-enter-active {\n width: calc(\n ", "% +\n ", " / 100 *\n ", "px\n ); /* account for spacing and radius of marker */\n transition: width ", "ms\n ", ";\n transition-delay: ", "ms;\n }\n"], labelTopSpacing, _colors.B300, progressBarHeight, function (props) {
return props.percentageComplete;

@@ -62,4 +64,4 @@ }, function (props) {

}, function (props) {
return halfGridSize + _constants.spacing[props.theme.spacing];
}, _theme.gridSize, _theme.gridSize, function (props) {
return halfGridSize + _constants2.spacing[props.theme.spacing];
}, _constants.gridSize, _constants.gridSize, function (props) {
return props.oldPercentageComplete;

@@ -69,3 +71,3 @@ }, function (props) {

}, function (props) {
return halfGridSize + _constants.spacing[props.theme.spacing];
return halfGridSize + _constants2.spacing[props.theme.spacing];
}, function (props) {

@@ -76,3 +78,3 @@ return props.percentageComplete;

}, function (props) {
return halfGridSize + _constants.spacing[props.theme.spacing];
return halfGridSize + _constants2.spacing[props.theme.spacing];
}, function (props) {

@@ -89,3 +91,3 @@ return props.transitionSpeed;

}, function (props) {
return halfGridSize + _constants.spacing[props.theme.spacing];
return halfGridSize + _constants2.spacing[props.theme.spacing];
}, function (props) {

@@ -96,3 +98,3 @@ return props.percentageComplete;

}, function (props) {
return halfGridSize + _constants.spacing[props.theme.spacing];
return halfGridSize + _constants2.spacing[props.theme.spacing];
}, function (props) {

@@ -115,3 +117,3 @@ return props.transitionSpeed;

return props.color;
}, _theme.fontSize, labelTopSpacing, function (props) {
}, _constants.fontSize, labelTopSpacing, function (props) {
return props.transitionSpeed;

@@ -118,0 +120,0 @@ });

{
"name": "@atlaskit/progress-tracker",
"version": "6.0.4",
"version": "6.0.5",
"sideEffects": false
}

@@ -1,2 +0,2 @@

import { gridSize } from '@atlaskit/theme';
import { gridSize } from '@atlaskit/theme/constants';
export var defaultGridSize = gridSize();

@@ -3,0 +3,0 @@ /** Ideally these are exported by @atlaskit/page */

@@ -1,2 +0,2 @@

import { colors } from '@atlaskit/theme';
import { N800 } from '@atlaskit/theme/colors';
import styled from 'styled-components';

@@ -6,3 +6,3 @@ export var Link = styled.a.withConfig({

componentId: "t0aqc5-0"
})(["\n cursor: pointer;\n color: ", ";\n"], colors.N800);
})(["\n cursor: pointer;\n color: ", ";\n"], N800);
export default Link;

@@ -10,3 +10,3 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";

import { CSSTransition } from 'react-transition-group';
import { colors } from '@atlaskit/theme';
import * as colors from '@atlaskit/theme/colors';
import { GridColumn } from '@atlaskit/page';

@@ -13,0 +13,0 @@ import { ProgressTrackerStageContainer, ProgressTrackerStageMarker, ProgressTrackerStageBar, ProgressTrackerStageTitle } from './styled';

@@ -1,2 +0,3 @@

import { colors, gridSize, fontSize } from '@atlaskit/theme';
import { gridSize, fontSize } from '@atlaskit/theme/constants';
import { B300 } from '@atlaskit/theme/colors';
import styled from 'styled-components';

@@ -37,3 +38,3 @@ import { spacing } from '../constants';

componentId: "rdxa52-2"
})(["\n position: absolute;\n left: 50%;\n transform: translate(0, -", "px);\n background-color: ", ";\n height: ", "px;\n width: calc(\n ", "% + ", " /\n 100 * ", "px\n ); /* account for spacing and radius of marker */\n border-top-right-radius: ", "px;\n border-bottom-right-radius: ", "px;\n\n &.fade-appear {\n width: calc(\n ", "% +\n ", " / 100 *\n ", "px\n ); /* account for spacing and radius of marker */\n }\n\n &.fade-appear.fade-appear-active {\n width: calc(\n ", "% +\n ", " / 100 *\n ", "px\n ); /* account for spacing and radius of marker */\n transition: width ", "ms\n ", ";\n transition-delay: ", "ms;\n }\n\n &.fade-enter {\n width: calc(\n ", "% +\n ", " / 100 *\n ", "px\n ); /* account for spacing and radius of marker */\n }\n\n &.fade-enter.fade-enter-active {\n width: calc(\n ", "% +\n ", " / 100 *\n ", "px\n ); /* account for spacing and radius of marker */\n transition: width ", "ms\n ", ";\n transition-delay: ", "ms;\n }\n"], labelTopSpacing, colors.B300, progressBarHeight, function (props) {
})(["\n position: absolute;\n left: 50%;\n transform: translate(0, -", "px);\n background-color: ", ";\n height: ", "px;\n width: calc(\n ", "% + ", " /\n 100 * ", "px\n ); /* account for spacing and radius of marker */\n border-top-right-radius: ", "px;\n border-bottom-right-radius: ", "px;\n\n &.fade-appear {\n width: calc(\n ", "% +\n ", " / 100 *\n ", "px\n ); /* account for spacing and radius of marker */\n }\n\n &.fade-appear.fade-appear-active {\n width: calc(\n ", "% +\n ", " / 100 *\n ", "px\n ); /* account for spacing and radius of marker */\n transition: width ", "ms\n ", ";\n transition-delay: ", "ms;\n }\n\n &.fade-enter {\n width: calc(\n ", "% +\n ", " / 100 *\n ", "px\n ); /* account for spacing and radius of marker */\n }\n\n &.fade-enter.fade-enter-active {\n width: calc(\n ", "% +\n ", " / 100 *\n ", "px\n ); /* account for spacing and radius of marker */\n transition: width ", "ms\n ", ";\n transition-delay: ", "ms;\n }\n"], labelTopSpacing, B300, progressBarHeight, function (props) {
return props.percentageComplete;

@@ -40,0 +41,0 @@ }, function (props) {

{
"name": "@atlaskit/progress-tracker",
"version": "6.0.4",
"version": "6.0.5",
"sideEffects": false
}
{
"name": "@atlaskit/progress-tracker",
"version": "6.0.4",
"version": "6.0.5",
"description": "A React component that shows the steps and progress in a journey",

@@ -5,0 +5,0 @@ "license": "Apache-2.0",

{
"name": "@atlaskit/progress-tracker",
"version": "6.0.4",
"version": "6.0.5",
"sideEffects": false
}

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

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