@atlaskit/progress-tracker
Advanced tools
Comparing version 6.0.4 to 6.0.5
# @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 @@ |
@@ -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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
79915
975