@decisiv/ui-components 2.0.1-alpha.182 → 2.0.1-alpha.184

package/lib/components/StepTracker/styles.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StepWrapper = exports.StepTrackerContainer = exports.StepTitle = exports.StepTitleContainer = exports.StepSeparator = exports.StepNumber = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
+
+var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorString"));
+
+var _designTokens = require("@decisiv/design-tokens");
+
+var _color = _interopRequireDefault(require("@decisiv/design-tokens/lib/color"));
+
+var _typography = _interopRequireDefault(require("@decisiv/design-tokens/lib/typography"));
+
+var _Typography = require("../Typography");
+
+var _Flex = _interopRequireDefault(require("../Flex"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+var stepNumberSize = _designTokens.spacing.base * 3;
+
+var statusColor = function statusColor(active, completed) {
+  if (completed) return (0, _toColorString.default)(_color.default.status.success.medium);
+  if (active) return (0, _toColorString.default)(_color.default.status.information.medium);
+  return (0, _toColorString.default)(_color.default.base.quarterMoon);
+};
+
+var textStatusColor = function textStatusColor(active, completed) {
+  if (active || completed) return (0, _toColorString.default)(_color.default.base.snowWhite);
+  return (0, _toColorString.default)(_color.default.base.alaskanHusky);
+};
+
+var backgrounStatusColor = function backgrounStatusColor(active, completed) {
+  if (completed) return (0, _toColorString.default)(_color.default.status.success.medium);
+  if (active) return (0, _toColorString.default)(_color.default.status.information.medium);
+  return 'transparent';
+};
+
+var StepNumber = (0, _styledComponents.default)(_Flex.default).attrs({
+  alignItems: 'center',
+  justifyContent: 'center',
+  marginX: 0.2
+}).withConfig({
+  displayName: "styles__StepNumber",
+  componentId: "sc-1x1c7gs-0"
+})(["min-width:", ";min-height:", ";text-align:center;font-size:", ";border-radius:", ";color:", ";border:", " solid ", ";background-color:", ";"], (0, _rem.default)(stepNumberSize), (0, _rem.default)(stepNumberSize), (0, _rem.default)(_typography.default.size.alias.header4), (0, _rem.default)(stepNumberSize), function (_ref) {
+  var active = _ref.active,
+      completed = _ref.completed;
+  return textStatusColor(active, completed);
+}, (0, _rem.default)(_designTokens.spacing.base * 0.2), function (_ref2) {
+  var active = _ref2.active,
+      completed = _ref2.completed;
+  return statusColor(active, completed);
+}, function (_ref3) {
+  var active = _ref3.active,
+      completed = _ref3.completed;
+  return backgrounStatusColor(active, completed);
+});
+exports.StepNumber = StepNumber;
+
+var StepSeparator = _styledComponents.default.hr.withConfig({
+  displayName: "styles__StepSeparator",
+  componentId: "sc-1x1c7gs-1"
+})(["width:100%;height:0;border:0;border-top:", " solid ", ";border-bottom:", " solid ", ";", ""], (0, _rem.default)(_designTokens.spacing.base * 0.1), function (_ref4) {
+  var active = _ref4.active,
+      completed = _ref4.completed;
+  return statusColor(active, completed);
+}, (0, _rem.default)(_designTokens.spacing.base * 0.1), function (_ref5) {
+  var active = _ref5.active,
+      completed = _ref5.completed;
+  return statusColor(active, completed);
+}, function (_ref6) {
+  var hide = _ref6.hide;
+  return hide && (0, _styledComponents.css)(["visibility:hidden;"]);
+});
+
+exports.StepSeparator = StepSeparator;
+var StepTitleContainer = (0, _styledComponents.default)(_Flex.default).attrs({
+  marginTop: 1,
+  flex: 1,
+  flexDirection: 'column',
+  alignItems: 'center',
+  paddingX: 0.5
+}).withConfig({
+  displayName: "styles__StepTitleContainer",
+  componentId: "sc-1x1c7gs-2"
+})(["text-align:center;"]);
+exports.StepTitleContainer = StepTitleContainer;
+var StepTitle = (0, _styledComponents.default)(_Typography.P).withConfig({
+  displayName: "styles__StepTitle",
+  componentId: "sc-1x1c7gs-3"
+})([""]);
+exports.StepTitle = StepTitle;
+var StepTrackerContainer = (0, _styledComponents.default)(_Flex.default).withConfig({
+  displayName: "styles__StepTrackerContainer",
+  componentId: "sc-1x1c7gs-4"
+})(["width:100%;"]);
+exports.StepTrackerContainer = StepTrackerContainer;
+var StepWrapper = (0, _styledComponents.default)(_Flex.default).attrs({
+  flex: 1,
+  flexDirection: 'column'
+}).withConfig({
+  displayName: "styles__StepWrapper",
+  componentId: "sc-1x1c7gs-5"
+})([""]);
+exports.StepWrapper = StepWrapper;

package/lib/components/index.d.ts

@@ -30,6 +30,7 @@ export { default as SearchInput, SearchItem } from './SearchInput';
 export { default as SelectDate, DisabledDateRuleName, DayOfWeek, } from './SelectDate';
 export { default as SelectDateRange } from './SelectDateRange';
 export { default as SelectMenu } from './SelectMenu';
+export { default as StepTracker, StepTrackerProps } from './StepTracker';
 export { default as Table, TableProps } from './Table';
 export { default as Tabs, Tab, TabsProps, TabData, TabIcon, TabProps, } from './Tabs';
 export { default as Tag, TagActionButtonRef, TagRef } from './Tag';

package/lib/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/lib/components/index.js

@@ -60,6 +60,8 @@ var _exportNames = {
   DayOfWeek: true,
   SelectDateRange: true,
   SelectMenu: true,
+  StepTracker: true,
+  StepTrackerProps: true,
   Table: true,
   TableProps: true,
   Tabs: true,
@@ -416,6 +418,18 @@ Object.defineProperty(exports, "SelectMenu", {
     return _SelectMenu.default;
   }
 });
+Object.defineProperty(exports, "StepTracker", {
+  enumerable: true,
+  get: function get() {
+    return _StepTracker.default;
+  }
+});
+Object.defineProperty(exports, "StepTrackerProps", {
+  enumerable: true,
+  get: function get() {
+    return _StepTracker.StepTrackerProps;
+  }
+});
 Object.defineProperty(exports, "Table", {
   enumerable: true,
   get: function get() {
@@ -595,6 +609,8 @@ var _SelectDateRange = _interopRequireDefault(require("./SelectDateRange"));
 
 var _SelectMenu = _interopRequireDefault(require("./SelectMenu"));
 
+var _StepTracker = _interopRequireWildcard(require("./StepTracker"));
+
 var _Table = _interopRequireWildcard(require("./Table"));
 
 var _Tabs = _interopRequireWildcard(require("./Tabs"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decisiv/ui-components",
-  "version": "2.0.1-alpha.182+bbde1e2",
+  "version": "2.0.1-alpha.184+9519a4f",
   "description": "Decisiv's design system React components",
   "author": "Decisiv UI Development Team",
   "license": "MIT",
@@ -71,5 +71,5 @@
     "access": "public"
   },
   "private": false,
-  "gitHead": "bbde1e2883ce206cad4795fb09e444750b2cc535"
+  "gitHead": "9519a4fdb08ced14a8b76cb8b24c16288d3b8e0f"
 }

package/lib/atoms/OptionsList/Category.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Category.d.ts","sourceRoot":"","sources":["../../../src/atoms/OptionsList/Category.tsx"],"names":[],"mappings":";AA0BA,QAAA,MAAM,QAAQ,4FAyBb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/atoms/OptionsList/Option.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/atoms/OptionsList/Option.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAK/D,OAAO,EACL,WAAW,EAMZ,MAAM,SAAS,CAAC;AAoNjB,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAqH/C;;AAED,wBAAkC"}