Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@atlaskit/progress-tracker
Advanced tools
@atlaskit/progress-tracker - npm Package Compare versions
Comparing version 8.0.0 to 8.0.1
| # @atlaskit/progress-tracker | ||
| ## 8.0.1 | ||
| ### Patch Changes | ||
| - [`8ae29c21d55`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8ae29c21d55) - Removed the `!important` declaration from the top margin style. | ||
| ## 8.0.0 | ||
@@ -4,0 +10,0 @@ |
| "use strict"; | ||
| var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); | ||
| var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); | ||
| var _typeof = require("@babel/runtime/helpers/typeof"); | ||
| Object.defineProperty(exports, "__esModule", { | ||
@@ -38,4 +38,8 @@ value: true | ||
| function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
| function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } | ||
| function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } | ||
| function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; } | ||
| function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
@@ -45,3 +49,3 @@ | ||
| function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } } | ||
| function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } | ||
@@ -48,0 +52,0 @@ var TRANSITION_SPEED = 300; |
@@ -14,16 +14,8 @@ "use strict"; | ||
| function _templateObject() { | ||
| var data = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n margin-top: 40px !important;\n\n list-style-type: none;\n padding: 0px;\n"]); | ||
| var _templateObject; | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| var ProgressTrackerContainer = _styledComponents.default.ul(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n\n && {\n margin-top: 40px;\n }\n\n list-style-type: none;\n padding: 0px;\n"]))); | ||
| return data; | ||
| } | ||
| var ProgressTrackerContainer = _styledComponents.default.ul(_templateObject()); | ||
| exports.ProgressTrackerContainer = ProgressTrackerContainer; | ||
| var _default = ProgressTrackerContainer; | ||
| exports.default = _default; |
| "use strict"; | ||
| var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); | ||
| var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); | ||
| var _typeof = require("@babel/runtime/helpers/typeof"); | ||
| Object.defineProperty(exports, "__esModule", { | ||
@@ -26,5 +26,9 @@ value: true | ||
| function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } | ||
| function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } | ||
| function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; } | ||
| function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } } | ||
| function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } | ||
@@ -31,0 +35,0 @@ var ProgressTrackerLink = /*#__PURE__*/function (_PureComponent) { |
@@ -16,16 +16,8 @@ "use strict"; | ||
| function _templateObject() { | ||
| var data = (0, _taggedTemplateLiteral2.default)(["\n cursor: pointer;\n color: ", ";\n"]); | ||
| var _templateObject; | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| var Link = _styledComponents.default.a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n cursor: pointer;\n color: ", ";\n"])), _colors.N800); | ||
| return data; | ||
| } | ||
| var Link = _styledComponents.default.a(_templateObject(), _colors.N800); | ||
| exports.Link = Link; | ||
| var _default = Link; | ||
| exports.default = _default; |
| "use strict"; | ||
| var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard"); | ||
| var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); | ||
| var _typeof = require("@babel/runtime/helpers/typeof"); | ||
| Object.defineProperty(exports, "__esModule", { | ||
@@ -32,4 +32,8 @@ value: true | ||
| function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
| function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } | ||
| function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } | ||
| function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; } | ||
| function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
@@ -39,3 +43,3 @@ | ||
| function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } } | ||
| function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } | ||
@@ -42,0 +46,0 @@ var semibold = '600'; |
@@ -20,52 +20,4 @@ "use strict"; | ||
| function _templateObject5() { | ||
| var data = (0, _taggedTemplateLiteral2.default)(["\n flex-grow: 1;\n flex-shrink: 0;\n margin: 0 ", "px;\n word-wrap: break-word;\n\n max-width: calc(", " - ", "px);\n min-width: calc(99.9999% / ", " - ", "px);\n"]); | ||
| var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5; | ||
| _templateObject5 = function _templateObject5() { | ||
| return data; | ||
| }; | ||
| return data; | ||
| } | ||
| function _templateObject4() { | ||
| var data = (0, _taggedTemplateLiteral2.default)(["\n font-weight: ", ";\n line-height: 16px;\n color: ", ";\n text-align: center;\n font-size: ", "px;\n margin-left: auto;\n margin-right: auto;\n margin-top: ", "px;\n\n &.fade-appear {\n opacity: 0.01;\n }\n\n &.fade-appear.fade-appear-active {\n opacity: 1;\n transition: opacity ", "ms\n cubic-bezier(0.2, 0, 0, 1);\n }\n"]); | ||
| _templateObject4 = function _templateObject4() { | ||
| return data; | ||
| }; | ||
| return data; | ||
| } | ||
| function _templateObject3() { | ||
| var data = (0, _taggedTemplateLiteral2.default)(["\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"]); | ||
| _templateObject3 = function _templateObject3() { | ||
| return data; | ||
| }; | ||
| return data; | ||
| } | ||
| function _templateObject2() { | ||
| var data = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n left: 50%;\n transform: translate(-50%, -", "px);\n background-color: ", ";\n height: ", "px;\n width: ", "px;\n border-radius: ", "px;\n\n &.fade-appear {\n opacity: 0.01;\n }\n\n &.fade-appear.fade-appear-active {\n opacity: 1;\n transition: opacity ", "ms\n ", ";\n transition-delay: ", "ms;\n }\n\n &.fade-enter {\n background-color: ", ";\n }\n\n &.fade-enter.fade-enter-active {\n background-color: ", ";\n transition: background-color ", "ms\n ", ";\n transition-delay: ", "ms;\n }\n"]); | ||
| _templateObject2 = function _templateObject2() { | ||
| return data; | ||
| }; | ||
| return data; | ||
| } | ||
| function _templateObject() { | ||
| var data = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n width: 100%;\n"]); | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| return data; | ||
| } | ||
| var halfGridSize = (0, _constants.gridSize)() / 2; | ||
@@ -75,7 +27,7 @@ var progressBarHeight = (0, _constants.gridSize)(); | ||
| var ProgressTrackerStageContainer = _styledComponents.default.div(_templateObject()); | ||
| var ProgressTrackerStageContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n width: 100%;\n"]))); | ||
| exports.ProgressTrackerStageContainer = ProgressTrackerStageContainer; | ||
| var ProgressTrackerStageMarker = _styledComponents.default.div(_templateObject2(), labelTopSpacing, function (props) { | ||
| var ProgressTrackerStageMarker = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n left: 50%;\n transform: translate(-50%, -", "px);\n background-color: ", ";\n height: ", "px;\n width: ", "px;\n border-radius: ", "px;\n\n &.fade-appear {\n opacity: 0.01;\n }\n\n &.fade-appear.fade-appear-active {\n opacity: 1;\n transition: opacity ", "ms\n ", ";\n transition-delay: ", "ms;\n }\n\n &.fade-enter {\n background-color: ", ";\n }\n\n &.fade-enter.fade-enter-active {\n background-color: ", ";\n transition: background-color ", "ms\n ", ";\n transition-delay: ", "ms;\n }\n"])), labelTopSpacing, function (props) { | ||
| return props.color; | ||
@@ -102,3 +54,3 @@ }, progressBarHeight, progressBarHeight, progressBarHeight, function (props) { | ||
| var ProgressTrackerStageBar = _styledComponents.default.div(_templateObject3(), labelTopSpacing, _colors.B300, progressBarHeight, function (props) { | ||
| var ProgressTrackerStageBar = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n left: 50%;\n transform: translate(0, -", "px);\n background-color: ", ";\n height: ", "px;\n width: calc(\n ", "% +\n ", " / 100 *\n ", "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; | ||
@@ -149,3 +101,3 @@ }, function (props) { | ||
| var ProgressTrackerStageTitle = _styledComponents.default.div(_templateObject4(), function (props) { | ||
| var ProgressTrackerStageTitle = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: ", ";\n line-height: 16px;\n color: ", ";\n text-align: center;\n font-size: ", "px;\n margin-left: auto;\n margin-right: auto;\n margin-top: ", "px;\n\n &.fade-appear {\n opacity: 0.01;\n }\n\n &.fade-appear.fade-appear-active {\n opacity: 1;\n transition: opacity ", "ms\n cubic-bezier(0.2, 0, 0, 1);\n }\n"])), function (props) { | ||
| return props.fontweight; | ||
@@ -181,3 +133,3 @@ }, function (props) { | ||
| var ProgressTrackerListItem = _styledComponents.default.li(_templateObject5(), function (props) { | ||
| var ProgressTrackerListItem = _styledComponents.default.li(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n flex-grow: 1;\n flex-shrink: 0;\n margin: 0 ", "px;\n word-wrap: break-word;\n\n max-width: calc(", " - ", "px);\n min-width: calc(99.9999% / ", " - ", "px);\n"])), function (props) { | ||
| return _constants2.spacing[props.theme.spacing] / 2; | ||
@@ -184,0 +136,0 @@ }, getMaxWidthColumnRatio, gridSpacing, availableColumns, gridSpacing); |
| { | ||
| "name": "@atlaskit/progress-tracker", | ||
| "version": "8.0.0", | ||
| "version": "8.0.1", | ||
| "sideEffects": false | ||
| } |
@@ -5,4 +5,7 @@ import styled from 'styled-components'; | ||
| width: 100%; | ||
| margin-top: 40px !important; | ||
| && { | ||
| margin-top: 40px; | ||
| } | ||
| list-style-type: none; | ||
@@ -9,0 +12,0 @@ padding: 0px; |
@@ -51,4 +51,5 @@ import styled from 'styled-components'; | ||
| width: calc( | ||
| ${props => props.percentageComplete}% + ${props => props.percentageComplete} / | ||
| 100 * ${props => halfGridSize + spacing[props.theme.spacing]}px | ||
| ${props => props.percentageComplete}% + | ||
| ${props => props.percentageComplete} / 100 * | ||
| ${props => halfGridSize + spacing[props.theme.spacing]}px | ||
| ); /* account for spacing and radius of marker */ | ||
@@ -55,0 +56,0 @@ border-top-right-radius: ${gridSize}px; |
| { | ||
| "name": "@atlaskit/progress-tracker", | ||
| "version": "8.0.0", | ||
| "version": "8.0.1", | ||
| "sideEffects": false | ||
| } |
@@ -9,3 +9,3 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck"; | ||
| function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
| function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; } | ||
@@ -16,3 +16,3 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
| function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } } | ||
| function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } | ||
@@ -19,0 +19,0 @@ import React, { PureComponent } from 'react'; |
| import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral"; | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n margin-top: 40px !important;\n\n list-style-type: none;\n padding: 0px;\n"]); | ||
| var _templateObject; | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| return data; | ||
| } | ||
| import styled from 'styled-components'; | ||
| export var ProgressTrackerContainer = styled.ul(_templateObject()); | ||
| export var ProgressTrackerContainer = styled.ul(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n\n && {\n margin-top: 40px;\n }\n\n list-style-type: none;\n padding: 0px;\n"]))); | ||
| export default ProgressTrackerContainer; |
@@ -9,3 +9,3 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck"; | ||
| function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } } | ||
| function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } | ||
@@ -12,0 +12,0 @@ import React, { PureComponent } from 'react'; |
| import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral"; | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n cursor: pointer;\n color: ", ";\n"]); | ||
| var _templateObject; | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| return data; | ||
| } | ||
| import styled from 'styled-components'; | ||
| import { N800 } from '@atlaskit/theme/colors'; | ||
| export var Link = styled.a(_templateObject(), N800); | ||
| export var Link = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: pointer;\n color: ", ";\n"])), N800); | ||
| export default Link; |
@@ -8,3 +8,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty"; | ||
| function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } | ||
| function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; } | ||
@@ -15,3 +15,3 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } | ||
| function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } } | ||
| function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } | ||
@@ -18,0 +18,0 @@ import React, { PureComponent } from 'react'; |
| import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral"; | ||
| function _templateObject5() { | ||
| var data = _taggedTemplateLiteral(["\n flex-grow: 1;\n flex-shrink: 0;\n margin: 0 ", "px;\n word-wrap: break-word;\n\n max-width: calc(", " - ", "px);\n min-width: calc(99.9999% / ", " - ", "px);\n"]); | ||
| var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5; | ||
| _templateObject5 = function _templateObject5() { | ||
| return data; | ||
| }; | ||
| return data; | ||
| } | ||
| function _templateObject4() { | ||
| var data = _taggedTemplateLiteral(["\n font-weight: ", ";\n line-height: 16px;\n color: ", ";\n text-align: center;\n font-size: ", "px;\n margin-left: auto;\n margin-right: auto;\n margin-top: ", "px;\n\n &.fade-appear {\n opacity: 0.01;\n }\n\n &.fade-appear.fade-appear-active {\n opacity: 1;\n transition: opacity ", "ms\n cubic-bezier(0.2, 0, 0, 1);\n }\n"]); | ||
| _templateObject4 = function _templateObject4() { | ||
| return data; | ||
| }; | ||
| return data; | ||
| } | ||
| function _templateObject3() { | ||
| var data = _taggedTemplateLiteral(["\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"]); | ||
| _templateObject3 = function _templateObject3() { | ||
| return data; | ||
| }; | ||
| return data; | ||
| } | ||
| function _templateObject2() { | ||
| var data = _taggedTemplateLiteral(["\n position: absolute;\n left: 50%;\n transform: translate(-50%, -", "px);\n background-color: ", ";\n height: ", "px;\n width: ", "px;\n border-radius: ", "px;\n\n &.fade-appear {\n opacity: 0.01;\n }\n\n &.fade-appear.fade-appear-active {\n opacity: 1;\n transition: opacity ", "ms\n ", ";\n transition-delay: ", "ms;\n }\n\n &.fade-enter {\n background-color: ", ";\n }\n\n &.fade-enter.fade-enter-active {\n background-color: ", ";\n transition: background-color ", "ms\n ", ";\n transition-delay: ", "ms;\n }\n"]); | ||
| _templateObject2 = function _templateObject2() { | ||
| return data; | ||
| }; | ||
| return data; | ||
| } | ||
| function _templateObject() { | ||
| var data = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n"]); | ||
| _templateObject = function _templateObject() { | ||
| return data; | ||
| }; | ||
| return data; | ||
| } | ||
| import styled from 'styled-components'; | ||
@@ -61,4 +13,4 @@ import { B300 } from '@atlaskit/theme/colors'; | ||
| export var ProgressTrackerStageContainer = styled.div(_templateObject()); | ||
| export var ProgressTrackerStageMarker = styled.div(_templateObject2(), labelTopSpacing, function (props) { | ||
| export var ProgressTrackerStageContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n"]))); | ||
| export var ProgressTrackerStageMarker = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n left: 50%;\n transform: translate(-50%, -", "px);\n background-color: ", ";\n height: ", "px;\n width: ", "px;\n border-radius: ", "px;\n\n &.fade-appear {\n opacity: 0.01;\n }\n\n &.fade-appear.fade-appear-active {\n opacity: 1;\n transition: opacity ", "ms\n ", ";\n transition-delay: ", "ms;\n }\n\n &.fade-enter {\n background-color: ", ";\n }\n\n &.fade-enter.fade-enter-active {\n background-color: ", ";\n transition: background-color ", "ms\n ", ";\n transition-delay: ", "ms;\n }\n"])), labelTopSpacing, function (props) { | ||
| return props.color; | ||
@@ -82,3 +34,3 @@ }, progressBarHeight, progressBarHeight, progressBarHeight, function (props) { | ||
| }); | ||
| export var ProgressTrackerStageBar = styled.div(_templateObject3(), labelTopSpacing, B300, progressBarHeight, function (props) { | ||
| export var ProgressTrackerStageBar = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: absolute;\n left: 50%;\n transform: translate(0, -", "px);\n background-color: ", ";\n height: ", "px;\n width: calc(\n ", "% +\n ", " / 100 *\n ", "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; | ||
@@ -126,3 +78,3 @@ }, function (props) { | ||
| }); | ||
| export var ProgressTrackerStageTitle = styled.div(_templateObject4(), function (props) { | ||
| export var ProgressTrackerStageTitle = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n font-weight: ", ";\n line-height: 16px;\n color: ", ";\n text-align: center;\n font-size: ", "px;\n margin-left: auto;\n margin-right: auto;\n margin-top: ", "px;\n\n &.fade-appear {\n opacity: 0.01;\n }\n\n &.fade-appear.fade-appear-active {\n opacity: 1;\n transition: opacity ", "ms\n cubic-bezier(0.2, 0, 0, 1);\n }\n"])), function (props) { | ||
| return props.fontweight; | ||
@@ -156,4 +108,4 @@ }, function (props) { | ||
| export var ProgressTrackerListItem = styled.li(_templateObject5(), function (props) { | ||
| export var ProgressTrackerListItem = styled.li(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n flex-grow: 1;\n flex-shrink: 0;\n margin: 0 ", "px;\n word-wrap: break-word;\n\n max-width: calc(", " - ", "px);\n min-width: calc(99.9999% / ", " - ", "px);\n"])), function (props) { | ||
| return spacing[props.theme.spacing] / 2; | ||
| }, getMaxWidthColumnRatio, gridSpacing, availableColumns, gridSpacing); |
| { | ||
| "name": "@atlaskit/progress-tracker", | ||
| "version": "8.0.0", | ||
| "version": "8.0.1", | ||
| "sideEffects": false | ||
| } |
| { | ||
| "name": "@atlaskit/progress-tracker", | ||
| "version": "8.0.0", | ||
| "version": "8.0.1", | ||
| "description": "A progress tracker displays the steps and progress through a journey.", | ||
@@ -44,2 +44,3 @@ "publishConfig": { | ||
| "@atlaskit/visual-regression": "*", | ||
| "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1", | ||
| "enzyme": "^3.10.0", | ||
@@ -56,3 +57,4 @@ "react-dom": "^16.8.0", | ||
| }, | ||
| "homepage": "https://atlassian.design/components/progress-tracker/" | ||
| "homepage": "https://atlassian.design/components/progress-tracker/", | ||
| "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1" | ||
| } |
New alerts
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
Fixed alerts
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
Improved metrics
- Total package byte prevSize
- increased by2.77%
91666
Worsened metrics
- Dev dependency count
- increased by9.09%
12
- Lines of code
- decreased by-4.5%
1486
No dependency changes