@onepercentio/one-ui 1.3.2 → 1.3.4

package/dist/components/ProgressBar/ProgressBar.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BalancedProgressBar = BalancedProgressBar;
+exports.default = ProgressBar;
+var _react = _interopRequireWildcard(require("react"));
+var _ProgressBarModule = _interopRequireDefault(require("./ProgressBar.module.scss"));
+const _excluded = ["progress", "indicatorRef", "bodyRef"],
+  _excluded2 = ["min", "max", "current", "size"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+/**
+ * A visual indicator that shows how much of a task is complete.
+ * It displays a bar that fills up from 0 to 100 percent.
+ */
+function ProgressBar(_ref) {
+  let {
+      progress,
+      indicatorRef,
+      bodyRef
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (props.mode === "sections") {
+    const ref = (0, _react.useRef)(null);
+    const strokeID = (0, _react.useMemo)(() => "stroke-".concat((Math.random() * 100000).toFixed(0)), []);
+    const height = props.size;
+    const [width, setWidth] = (0, _react.useState)(0);
+    const dashWidth = width / props.sections;
+    const spacing = dashWidth * 0.2;
+    (0, _react.useEffect)(() => {
+      setWidth(ref.current.clientWidth);
+    }, []);
+    return /*#__PURE__*/_react.default.createElement("svg", {
+      ref: ref,
+      viewBox: "".concat(-height / 2, " 0 ").concat(width + height - spacing, " ").concat(height),
+      preserveAspectRatio: "none",
+      width: "100%",
+      height: "".concat(height, "px")
+    }, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
+      id: "".concat(strokeID),
+      x1: "0%",
+      y1: "0%",
+      x2: "100%",
+      y2: "0%",
+      gradientUnits: "userSpaceOnUse"
+    }, /*#__PURE__*/_react.default.createElement("stop", {
+      offset: "0%",
+      "stop-color": "blue"
+    }), /*#__PURE__*/_react.default.createElement("stop", {
+      offset: "".concat(progress, "%"),
+      "stop-color": "blue"
+    }), /*#__PURE__*/_react.default.createElement("stop", {
+      offset: "".concat(progress, "%"),
+      "stop-color": "green"
+    }), /*#__PURE__*/_react.default.createElement("stop", {
+      offset: "100%",
+      "stop-color": "green"
+    }))), /*#__PURE__*/_react.default.createElement("line", {
+      x1: "0",
+      y1: height / 2,
+      x2: width,
+      y2: height / 2,
+      stroke: "url(#".concat(strokeID, ")"),
+      "stroke-width": height,
+      "stroke-dasharray": "".concat(dashWidth - spacing, ",").concat(spacing),
+      "stroke-linecap": "round"
+    }));
+  }
+  const mode = props.mode || "guide";
+  const size = props.size;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_ProgressBarModule.default.container, " ").concat(_ProgressBarModule.default[mode], " ").concat(progress === 100 ? _ProgressBarModule.default.completed : ""),
+    style: {
+      fontSize: size
+    },
+    ref: bodyRef
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      width: "".concat(progress, "%")
+    }
+  }), mode === "guide" && /*#__PURE__*/_react.default.createElement("span", {
+    ref: indicatorRef,
+    style: {
+      left: "".concat(progress, "%")
+    }
+  }));
+}
+function BalancedProgressBar(_ref2) {
+  let {
+      min,
+      max,
+      current,
+      size
+    } = _ref2,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  const progress = (0, _react.useMemo)(() => {
+    const progressVal = current - min;
+    const maxVal = max - min;
+    const currProgress = progressVal * 100 / maxVal;
+    return currProgress;
+  }, [min, max, current]);
+  return /*#__PURE__*/_react.default.createElement(ProgressBar, _extends({
+    size: size,
+    progress: progress
+  }, props));
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfUHJvZ3Jlc3NCYXJNb2R1bGUiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX2V4Y2x1ZGVkIiwiX2V4Y2x1ZGVkMiIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwibm9kZUludGVyb3AiLCJXZWFrTWFwIiwiY2FjaGVCYWJlbEludGVyb3AiLCJjYWNoZU5vZGVJbnRlcm9wIiwiY2FjaGUiLCJoYXMiLCJnZXQiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImRlc2MiLCJzZXQiLCJfZXh0ZW5kcyIsImFzc2lnbiIsImJpbmQiLCJ0YXJnZXQiLCJpIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwic291cmNlIiwiYXBwbHkiLCJfb2JqZWN0V2l0aG91dFByb3BlcnRpZXMiLCJleGNsdWRlZCIsIl9vYmplY3RXaXRob3V0UHJvcGVydGllc0xvb3NlIiwiZ2V0T3duUHJvcGVydHlTeW1ib2xzIiwic291cmNlU3ltYm9sS2V5cyIsImluZGV4T2YiLCJwcm9wZXJ0eUlzRW51bWVyYWJsZSIsInNvdXJjZUtleXMiLCJrZXlzIiwiUHJvZ3Jlc3NCYXIiLCJfcmVmIiwicHJvZ3Jlc3MiLCJpbmRpY2F0b3JSZWYiLCJib2R5UmVmIiwicHJvcHMiLCJtb2RlIiwicmVmIiwidXNlUmVmIiwic3Ryb2tlSUQiLCJ1c2VNZW1vIiwiY29uY2F0IiwiTWF0aCIsInJhbmRvbSIsInRvRml4ZWQiLCJoZWlnaHQiLCJzaXplIiwid2lkdGgiLCJzZXRXaWR0aCIsInVzZVN0YXRlIiwiZGFzaFdpZHRoIiwic2VjdGlvbnMiLCJzcGFjaW5nIiwidXNlRWZmZWN0IiwiY3VycmVudCIsImNsaWVudFdpZHRoIiwiY3JlYXRlRWxlbWVudCIsInZpZXdCb3giLCJwcmVzZXJ2ZUFzcGVjdFJhdGlvIiwiaWQiLCJ4MSIsInkxIiwieDIiLCJ5MiIsImdyYWRpZW50VW5pdHMiLCJvZmZzZXQiLCJzdHJva2UiLCJjbGFzc05hbWUiLCJTdHlsZXMiLCJjb250YWluZXIiLCJjb21wbGV0ZWQiLCJzdHlsZSIsImZvbnRTaXplIiwibGVmdCIsIkJhbGFuY2VkUHJvZ3Jlc3NCYXIiLCJfcmVmMiIsIm1pbiIsIm1heCIsInByb2dyZXNzVmFsIiwibWF4VmFsIiwiY3VyclByb2dyZXNzIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1xuICBDb21wb25lbnRQcm9wcyxcbiAgRm9yd2FyZGVkUmVmLFxuICBSZWZPYmplY3QsXG4gIHVzZUVmZmVjdCxcbiAgdXNlTWVtbyxcbiAgdXNlUmVmLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgU3R5bGVzIGZyb20gXCIuL1Byb2dyZXNzQmFyLm1vZHVsZS5zY3NzXCI7XG5pbXBvcnQgdXNlTWVyZ2VSZWZzIGZyb20gXCIuLi8uLi9ob29rcy91c2VNZXJnZVJlZnNcIjtcblxuLyoqXG4gKiBBIHZpc3VhbCBpbmRpY2F0b3IgdGhhdCBzaG93cyBob3cgbXVjaCBvZiBhIHRhc2sgaXMgY29tcGxldGUuXG4gKiBJdCBkaXNwbGF5cyBhIGJhciB0aGF0IGZpbGxzIHVwIGZyb20gMCB0byAxMDAgcGVyY2VudC5cbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gUHJvZ3Jlc3NCYXIoe1xuICBwcm9ncmVzcyxcbiAgaW5kaWNhdG9yUmVmLFxuICBib2R5UmVmLFxuICAuLi5wcm9wc1xufToge1xuICBpbmRpY2F0b3JSZWY/OiBGb3J3YXJkZWRSZWY8SFRNTFNwYW5FbGVtZW50PjtcbiAgYm9keVJlZj86IFJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD47XG4gIC8qKlxuICAgKiBHaXZlbiBpbiBwZXJjZW50XG4gICAqL1xuICBwcm9ncmVzczogbnVtYmVyO1xufSAmIChcbiAgfCB7XG4gICAgICAvKipcbiAgICAgICAqIEdpdmVuIGFzIGNzcyBmb250IHNpemVcbiAgICAgICAqL1xuICAgICAgc2l6ZTogbnVtYmVyIHwgc3RyaW5nO1xuICAgICAgbW9kZT86IFwiZ2F1Z2VcIiB8IFwiZ3VpZGVcIjtcbiAgICB9XG4gIHwge1xuICAgICAgLyoqXG4gICAgICAgKiBHaXZlbiBhcyBwaXhlbHNcbiAgICAgICAqL1xuICAgICAgc2l6ZTogbnVtYmVyO1xuICAgICAgbW9kZT86IFwic2VjdGlvbnNcIjtcbiAgICAgIC8qKiBUaGUgbnVtYmVyIG9mIHNlY3Rpb25zIHRvIHNwbGl0ICovXG4gICAgICBzZWN0aW9uczogbnVtYmVyO1xuICAgIH1cbikpIHtcbiAgaWYgKHByb3BzLm1vZGUgPT09IFwic2VjdGlvbnNcIikge1xuICAgIGNvbnN0IHJlZiA9IHVzZVJlZjxTVkdTVkdFbGVtZW50PihudWxsKTtcbiAgICBjb25zdCBzdHJva2VJRCA9IHVzZU1lbW8oXG4gICAgICAoKSA9PiBgc3Ryb2tlLSR7KE1hdGgucmFuZG9tKCkgKiAxMDAwMDApLnRvRml4ZWQoMCl9YCxcbiAgICAgIFtdXG4gICAgKTtcbiAgICBjb25zdCBoZWlnaHQgPSBwcm9wcy5zaXplO1xuICAgIGNvbnN0IFt3aWR0aCwgc2V0V2lkdGhdID0gdXNlU3RhdGUoMCk7XG4gICAgY29uc3QgZGFzaFdpZHRoID0gd2lkdGggLyBwcm9wcy5zZWN0aW9ucztcbiAgICBjb25zdCBzcGFjaW5nID0gZGFzaFdpZHRoICogMC4yO1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBzZXRXaWR0aChyZWYuY3VycmVudCEuY2xpZW50V2lkdGgpO1xuICAgIH0sIFtdKTtcbiAgICByZXR1cm4gKFxuICAgICAgPHN2Z1xuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgdmlld0JveD17YCR7LWhlaWdodCAvIDJ9IDAgJHt3aWR0aCArIGhlaWdodCAtIHNwYWNpbmd9ICR7aGVpZ2h0fWB9XG4gICAgICAgIHByZXNlcnZlQXNwZWN0UmF0aW89XCJub25lXCJcbiAgICAgICAgd2lkdGg9e1wiMTAwJVwifVxuICAgICAgICBoZWlnaHQ9e2Ake2hlaWdodH1weGB9XG4gICAgICA+XG4gICAgICAgIDxkZWZzPlxuICAgICAgICAgIDxsaW5lYXJHcmFkaWVudFxuICAgICAgICAgICAgaWQ9e2Ake3N0cm9rZUlEfWB9XG4gICAgICAgICAgICB4MT1cIjAlXCJcbiAgICAgICAgICAgIHkxPVwiMCVcIlxuICAgICAgICAgICAgeDI9XCIxMDAlXCJcbiAgICAgICAgICAgIHkyPVwiMCVcIlxuICAgICAgICAgICAgZ3JhZGllbnRVbml0cz1cInVzZXJTcGFjZU9uVXNlXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8c3RvcCBvZmZzZXQ9XCIwJVwiIHN0b3AtY29sb3I9XCJibHVlXCIgLz5cbiAgICAgICAgICAgIDxzdG9wIG9mZnNldD17YCR7cHJvZ3Jlc3N9JWB9IHN0b3AtY29sb3I9XCJibHVlXCIgLz5cbiAgICAgICAgICAgIDxzdG9wIG9mZnNldD17YCR7cHJvZ3Jlc3N9JWB9IHN0b3AtY29sb3I9XCJncmVlblwiIC8+XG4gICAgICAgICAgICA8c3RvcCBvZmZzZXQ9XCIxMDAlXCIgc3RvcC1jb2xvcj1cImdyZWVuXCIgLz5cbiAgICAgICAgICA8L2xpbmVhckdyYWRpZW50PlxuICAgICAgICA8L2RlZnM+XG4gICAgICAgIDxsaW5lXG4gICAgICAgICAgeDE9XCIwXCJcbiAgICAgICAgICB5MT17aGVpZ2h0IC8gMn1cbiAgICAgICAgICB4Mj17d2lkdGh9XG4gICAgICAgICAgeTI9e2hlaWdodCAvIDJ9XG4gICAgICAgICAgc3Ryb2tlPXtgdXJsKCMke3N0cm9rZUlEfSlgfVxuICAgICAgICAgIHN0cm9rZS13aWR0aD17aGVpZ2h0fVxuICAgICAgICAgIHN0cm9rZS1kYXNoYXJyYXk9e2Ake2Rhc2hXaWR0aCAtIHNwYWNpbmd9LCR7c3BhY2luZ31gfVxuICAgICAgICAgIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIlxuICAgICAgICAvPlxuICAgICAgPC9zdmc+XG4gICAgKTtcbiAgfVxuICBjb25zdCBtb2RlID0gcHJvcHMubW9kZSB8fCBcImd1aWRlXCI7XG4gIGNvbnN0IHNpemUgPSBwcm9wcy5zaXplO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17YCR7U3R5bGVzLmNvbnRhaW5lcn0gJHtTdHlsZXNbbW9kZV19ICR7XG4gICAgICAgIHByb2dyZXNzID09PSAxMDAgPyBTdHlsZXMuY29tcGxldGVkIDogXCJcIlxuICAgICAgfWB9XG4gICAgICBzdHlsZT17eyBmb250U2l6ZTogc2l6ZSB9fVxuICAgICAgcmVmPXtib2R5UmVmfVxuICAgID5cbiAgICAgIDxzcGFuIHN0eWxlPXt7IHdpZHRoOiBgJHtwcm9ncmVzc30lYCB9fSAvPlxuICAgICAge21vZGUgPT09IFwiZ3VpZGVcIiAmJiAoXG4gICAgICAgIDxzcGFuIHJlZj17aW5kaWNhdG9yUmVmfSBzdHlsZT17eyBsZWZ0OiBgJHtwcm9ncmVzc30lYCB9fSAvPlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIEJhbGFuY2VkUHJvZ3Jlc3NCYXIoe1xuICBtaW4sXG4gIG1heCxcbiAgY3VycmVudCxcbiAgc2l6ZSxcbiAgLi4ucHJvcHNcbn06IHtcbiAgbWluOiBudW1iZXI7XG4gIG1heDogbnVtYmVyO1xuICBjdXJyZW50OiBudW1iZXI7XG59ICYgT21pdDxDb21wb25lbnRQcm9wczx0eXBlb2YgUHJvZ3Jlc3NCYXI+LCBcInByb2dyZXNzXCI+KSB7XG4gIGNvbnN0IHByb2dyZXNzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgcHJvZ3Jlc3NWYWwgPSBjdXJyZW50IC0gbWluO1xuICAgIGNvbnN0IG1heFZhbCA9IG1heCAtIG1pbjtcblxuICAgIGNvbnN0IGN1cnJQcm9ncmVzcyA9IChwcm9ncmVzc1ZhbCAqIDEwMCkgLyBtYXhWYWw7XG5cbiAgICByZXR1cm4gY3VyclByb2dyZXNzO1xuICB9LCBbbWluLCBtYXgsIGN1cnJlbnRdKTtcblxuICByZXR1cm4gPFByb2dyZXNzQmFyIHNpemU9e3NpemV9IHByb2dyZXNzPXtwcm9ncmVzc30gey4uLihwcm9wcyBhcyBhbnkpfSAvPjtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQVNBLElBQUFDLGtCQUFBLEdBQUFDLHNCQUFBLENBQUFGLE9BQUE7QUFBK0MsTUFBQUcsU0FBQTtFQUFBQyxVQUFBO0FBQUEsU0FBQUYsdUJBQUFHLEdBQUEsV0FBQUEsR0FBQSxJQUFBQSxHQUFBLENBQUFDLFVBQUEsR0FBQUQsR0FBQSxLQUFBRSxPQUFBLEVBQUFGLEdBQUE7QUFBQSxTQUFBRyx5QkFBQUMsV0FBQSxlQUFBQyxPQUFBLGtDQUFBQyxpQkFBQSxPQUFBRCxPQUFBLFFBQUFFLGdCQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEsQ0FBQUMsV0FBQSxXQUFBQSxXQUFBLEdBQUFHLGdCQUFBLEdBQUFELGlCQUFBLEtBQUFGLFdBQUE7QUFBQSxTQUFBVix3QkFBQU0sR0FBQSxFQUFBSSxXQUFBLFNBQUFBLFdBQUEsSUFBQUosR0FBQSxJQUFBQSxHQUFBLENBQUFDLFVBQUEsV0FBQUQsR0FBQSxRQUFBQSxHQUFBLG9CQUFBQSxHQUFBLHdCQUFBQSxHQUFBLDRCQUFBRSxPQUFBLEVBQUFGLEdBQUEsVUFBQVEsS0FBQSxHQUFBTCx3QkFBQSxDQUFBQyxXQUFBLE9BQUFJLEtBQUEsSUFBQUEsS0FBQSxDQUFBQyxHQUFBLENBQUFULEdBQUEsWUFBQVEsS0FBQSxDQUFBRSxHQUFBLENBQUFWLEdBQUEsU0FBQVcsTUFBQSxXQUFBQyxxQkFBQSxHQUFBQyxNQUFBLENBQUFDLGNBQUEsSUFBQUQsTUFBQSxDQUFBRSx3QkFB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

package/dist/components/ProgressBar/ProgressBar.module.scss

@@ -0,0 +1,44 @@
+@use "sass:math";
+@use "../../assets/styles/index.scss" as *;
+
+.container {
+  &.guide {
+    margin: 0.375em;
+  }
+  &.gauge {
+    margin: 0em;
+  }
+  &.sections {
+    width: 100%;
+  }
+  height: 0.25em;
+  background-color: red;
+  position: relative;
+  border-radius: math.div(0.25em, 2);
+  background: var(--progress-bar-bg, #ababab);
+  > :first-child {
+    position: absolute;
+    top: 0;
+    left: 0;
+    background-color: green;
+    height: inherit;
+    border-top-left-radius: math.div(0.25em, 2);
+    border-bottom-left-radius: math.div(0.25em, 2);
+    background: var(--progress-bar-bar, #dedede);
+    transition: width var(--animation-speed-transition, $fast) ease-out;
+  }
+  &.completed > :first-child {
+    border-top-right-radius: math.div(0.25em, 2);
+    border-bottom-right-radius: math.div(0.25em, 2);
+  }
+  &.guide > :last-child {
+    position: absolute;
+    margin-top: math.div(-0.5em, 1.25);
+    margin-left: -0.5em;
+    height: 1em;
+    width: 1em;
+    border-radius: 0.5em;
+    transition: left var(--animation-speed-transition, $fast) ease-out;
+    background: var(--progress-bar-guide, #dedede);
+  }
+}

package/dist/components/ProgressBar/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _ProgressBar.default;
+  }
+});
+var _ProgressBar = _interopRequireWildcard(require("./ProgressBar"));
+Object.keys(_ProgressBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ProgressBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ProgressBar[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfUHJvZ3Jlc3NCYXIiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJPYmplY3QiLCJrZXlzIiwiZm9yRWFjaCIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsIl9leHBvcnROYW1lcyIsImV4cG9ydHMiLCJkZWZpbmVQcm9wZXJ0eSIsImVudW1lcmFibGUiLCJnZXQiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJub2RlSW50ZXJvcCIsIldlYWtNYXAiLCJjYWNoZUJhYmVsSW50ZXJvcCIsImNhY2hlTm9kZUludGVyb3AiLCJvYmoiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsImNhY2hlIiwiaGFzIiwibmV3T2JqIiwiaGFzUHJvcGVydHlEZXNjcmlwdG9yIiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwiZGVzYyIsInNldCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Byb2dyZXNzQmFyL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBkZWZhdWx0IH0gZnJvbSBcIi4vUHJvZ3Jlc3NCYXJcIjtcbmV4cG9ydCAqIGZyb20gXCIuL1Byb2dyZXNzQmFyXCI7Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFBQSxJQUFBQSxZQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFDQUMsTUFBQSxDQUFBQyxJQUFBLENBQUFKLFlBQUEsRUFBQUssT0FBQSxXQUFBQyxHQUFBO0VBQUEsSUFBQUEsR0FBQSxrQkFBQUEsR0FBQTtFQUFBLElBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQUMsWUFBQSxFQUFBSixHQUFBO0VBQUEsSUFBQUEsR0FBQSxJQUFBSyxPQUFBLElBQUFBLE9BQUEsQ0FBQUwsR0FBQSxNQUFBTixZQUFBLENBQUFNLEdBQUE7RUFBQUgsTUFBQSxDQUFBUyxjQUFBLENBQUFELE9BQUEsRUFBQUwsR0FBQTtJQUFBTyxVQUFBO0lBQUFDLEdBQUEsV0FBQUEsQ0FBQTtNQUFBLE9BQUFkLFlBQUEsQ0FBQU0sR0FBQTtJQUFBO0VBQUE7QUFBQTtBQUE4QixTQUFBUyx5QkFBQUMsV0FBQSxlQUFBQyxPQUFBLGtDQUFBQyxpQkFBQSxPQUFBRCxPQUFBLFFBQUFFLGdCQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEsQ0FBQUMsV0FBQSxXQUFBQSxXQUFBLEdBQUFHLGdCQUFBLEdBQUFELGlCQUFBLEtBQUFGLFdBQUE7QUFBQSxTQUFBZix3QkFBQW1CLEdBQUEsRUFBQUosV0FBQSxTQUFBQSxXQUFBLElBQUFJLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLFdBQUFELEdBQUEsUUFBQUEsR0FBQSxvQkFBQUEsR0FBQSx3QkFBQUEsR0FBQSw0QkFBQUUsT0FBQSxFQUFBRixHQUFBLFVBQUFHLEtBQUEsR0FBQVIsd0JBQUEsQ0FBQUMsV0FBQSxPQUFBTyxLQUFBLElBQUFBLEtBQUEsQ0FBQUMsR0FBQSxDQUFBSixHQUFBLFlBQUFHLEtBQUEsQ0FBQVQsR0FBQSxDQUFBTSxHQUFBLFNBQUFLLE1BQUEsV0FBQUMscUJBQUEsR0FBQXZCLE1BQUEsQ0FBQVMsY0FBQSxJQUFBVCxNQUFBLENBQUF3Qix3QkFBQSxXQUFBckIsR0FBQSxJQUFBYyxHQUFBLFFBQUFkLEdBQUEsa0JBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQVcsR0FBQSxFQUFBZCxHQUFBLFNBQUFzQixJQUFBLEdBQUFGLHFCQUFBLEdBQUF2QixNQUFBLENBQUF3Qix3QkFBQSxDQUFBUCxHQUFBLEVBQUFkLEdBQUEsY0FBQXNCLElBQUEsS0FBQUEsSUFBQSxDQUFBZCxHQUFBLElBQUFjLElBQUEsQ0FBQUMsR0FBQSxLQUFBMUIsTUFBQSxDQUFBUyxjQUFBLENBQUFhLE1BQUEsRUFBQW5CLEdBQUEsRUFBQXNCLElBQUEsWUFBQUgsTUFBQSxDQUFBbkIsR0FBQSxJQUFBYyxHQUFBLENBQUFkLEdBQUEsU0FBQW1CLE1BQUEsQ0FBQUgsT0FBQSxHQUFBRixHQUFBLE1BQUFHLEtBQUEsSUFBQUEsS0FBQSxDQUFBTSxHQUFBLENBQUFULEdBQUEsRUFBQUssTUFBQSxZQUFBQSxNQUFBIn0=

package/dist/components/ProgressTexts/ProgressTexts.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ProgressTexts;
+var _react = _interopRequireDefault(require("react"));
+var _Spacing = _interopRequireDefault(require("../Spacing"));
+var _ProgressTextsModule = _interopRequireDefault(require("./ProgressTexts.module.scss"));
+var _Button = _interopRequireDefault(require("../Button"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Displays new texts as they are pushed into the steps property allowing for a nice progress follow experience
+ **/
+/**
+ * This component shows a sequence of steps with titles, descriptions, and optional buttons.
+ * It highlights the current step and fades out previous ones, helping users follow along as they progress through a process.
+ **/
+function ProgressTexts(_ref) {
+  let {
+    steps,
+    currentStep,
+    spacingOnEachStep = true
+  } = _ref;
+  const _currentStep = steps[currentStep];
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, steps.map((s, i) => {
+    function whichClassToUse(step, stepType, currentStep, currentStepType) {
+      const classes = [_ProgressTextsModule.default.container];
+
+      // Decides the color
+      if (stepType !== "final") classes.push(step < currentStep ? _ProgressTextsModule.default.disabled : _ProgressTextsModule.default.loading);
+
+      // Decides if should be visible or not
+      classes.push(currentStep !== step && currentStepType === "final" ? _ProgressTextsModule.default.hidden : "");
+      return classes.join(" ");
+    }
+    return i <= currentStep ? /*#__PURE__*/_react.default.createElement("div", {
+      key: String(i),
+      ref: a => {
+        if (a) a.style.maxHeight = "".concat(a.scrollHeight, "px");
+      },
+      className: whichClassToUse(i, s.type, currentStep, _currentStep.type)
+    }, s.title && /*#__PURE__*/_react.default.createElement("h1", null, s.title), s.description && /*#__PURE__*/_react.default.createElement("p", null, s.description), s.action && /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: s.action.variant,
+      onClick: s.action.onClick,
+      disabled: s.action.disabled
+    }, s.action.label), spacingOnEachStep !== false ? /*#__PURE__*/_react.default.createElement(_Spacing.default, {
+      size: "large"
+    }) : null) : null;
+  }));
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9TcGFjaW5nIiwiX1Byb2dyZXNzVGV4dHNNb2R1bGUiLCJfQnV0dG9uIiwib2JqIiwiX19lc01vZHVsZSIsImRlZmF1bHQiLCJQcm9ncmVzc1RleHRzIiwiX3JlZiIsInN0ZXBzIiwiY3VycmVudFN0ZXAiLCJzcGFjaW5nT25FYWNoU3RlcCIsIl9jdXJyZW50U3RlcCIsImNyZWF0ZUVsZW1lbnQiLCJGcmFnbWVudCIsIm1hcCIsInMiLCJpIiwid2hpY2hDbGFzc1RvVXNlIiwic3RlcCIsInN0ZXBUeXBlIiwiY3VycmVudFN0ZXBUeXBlIiwiY2xhc3NlcyIsIlN0eWxlcyIsImNvbnRhaW5lciIsInB1c2giLCJkaXNhYmxlZCIsImxvYWRpbmciLCJoaWRkZW4iLCJqb2luIiwia2V5IiwiU3RyaW5nIiwicmVmIiwiYSIsInN0eWxlIiwibWF4SGVpZ2h0IiwiY29uY2F0Iiwic2Nyb2xsSGVpZ2h0IiwiY2xhc3NOYW1lIiwidHlwZSIsInRpdGxlIiwiZGVzY3JpcHRpb24iLCJhY3Rpb24iLCJ2YXJpYW50Iiwib25DbGljayIsImxhYmVsIiwic2l6ZSJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1Byb2dyZXNzVGV4dHMvUHJvZ3Jlc3NUZXh0cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFByb3BzLCBNb3VzZUV2ZW50LCBSZWFjdEVsZW1lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBTcGFjaW5nIGZyb20gXCIuLi9TcGFjaW5nXCI7XG5pbXBvcnQgVGV4dCBmcm9tIFwiLi4vVGV4dFwiO1xuaW1wb3J0IFN0eWxlcyBmcm9tIFwiLi9Qcm9ncmVzc1RleHRzLm1vZHVsZS5zY3NzXCI7XG5pbXBvcnQgQnV0dG9uIGZyb20gXCIuLi9CdXR0b25cIjtcblxudHlwZSBTdGVwID0ge1xuICB0eXBlOiBcIndhaXRcIiB8IFwiZmluYWxcIjtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nIHwgUmVhY3QuUmVhY3RFbGVtZW50O1xuICBhY3Rpb24/OiB7XG4gICAgbGFiZWw6IHN0cmluZyB8IFJlYWN0RWxlbWVudDtcbiAgICBvbkNsaWNrOiAoZTogTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHZvaWQ7XG4gICAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAgIHZhcmlhbnQ/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgQnV0dG9uPltcInZhcmlhbnRcIl07XG4gIH07XG59O1xuXG4vKipcbiAqIERpc3BsYXlzIG5ldyB0ZXh0cyBhcyB0aGV5IGFyZSBwdXNoZWQgaW50byB0aGUgc3RlcHMgcHJvcGVydHkgYWxsb3dpbmcgZm9yIGEgbmljZSBwcm9ncmVzcyBmb2xsb3cgZXhwZXJpZW5jZVxuICoqL1xuLyoqXG4gKiBUaGlzIGNvbXBvbmVudCBzaG93cyBhIHNlcXVlbmNlIG9mIHN0ZXBzIHdpdGggdGl0bGVzLCBkZXNjcmlwdGlvbnMsIGFuZCBvcHRpb25hbCBidXR0b25zLlxuICogSXQgaGlnaGxpZ2h0cyB0aGUgY3VycmVudCBzdGVwIGFuZCBmYWRlcyBvdXQgcHJldmlvdXMgb25lcywgaGVscGluZyB1c2VycyBmb2xsb3cgYWxvbmcgYXMgdGhleSBwcm9ncmVzcyB0aHJvdWdoIGEgcHJvY2Vzcy5cbiAqKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIFByb2dyZXNzVGV4dHMoe1xuICBzdGVwcyxcbiAgY3VycmVudFN0ZXAsXG4gIHNwYWNpbmdPbkVhY2hTdGVwID0gdHJ1ZSxcbn06IHtcbiAgLyoqXG4gICAqIFN0YXJ0cyBhdCAwXG4gICAqL1xuICBjdXJyZW50U3RlcDogbnVtYmVyO1xuICBzdGVwczogU3RlcFtdO1xuICBzcGFjaW5nT25FYWNoU3RlcD86IGJvb2xlYW47XG59KSB7XG4gIGNvbnN0IF9jdXJyZW50U3RlcCA9IHN0ZXBzW2N1cnJlbnRTdGVwXTtcbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge3N0ZXBzLm1hcCgocywgaSkgPT4ge1xuICAgICAgICBmdW5jdGlvbiB3aGljaENsYXNzVG9Vc2UoXG4gICAgICAgICAgc3RlcDogbnVtYmVyLFxuICAgICAgICAgIHN0ZXBUeXBlOiBTdGVwW1widHlwZVwiXSxcbiAgICAgICAgICBjdXJyZW50U3RlcDogbnVtYmVyLFxuICAgICAgICAgIGN1cnJlbnRTdGVwVHlwZTogU3RlcFtcInR5cGVcIl1cbiAgICAgICAgKSB7XG4gICAgICAgICAgY29uc3QgY2xhc3NlcyA9IFtTdHlsZXMuY29udGFpbmVyXTtcblxuICAgICAgICAgIC8vIERlY2lkZXMgdGhlIGNvbG9yXG4gICAgICAgICAgaWYgKHN0ZXBUeXBlICE9PSBcImZpbmFsXCIpXG4gICAgICAgICAgICBjbGFzc2VzLnB1c2goc3RlcCA8IGN1cnJlbnRTdGVwID8gU3R5bGVzLmRpc2FibGVkIDogU3R5bGVzLmxvYWRpbmcpO1xuXG4gICAgICAgICAgLy8gRGVjaWRlcyBpZiBzaG91bGQgYmUgdmlzaWJsZSBvciBub3RcbiAgICAgICAgICBjbGFzc2VzLnB1c2goXG4gICAgICAgICAgICBjdXJyZW50U3RlcCAhPT0gc3RlcCAmJiBjdXJyZW50U3RlcFR5cGUgPT09IFwiZmluYWxcIlxuICAgICAgICAgICAgICA/IFN0eWxlcy5oaWRkZW5cbiAgICAgICAgICAgICAgOiBcIlwiXG4gICAgICAgICAgKTtcblxuICAgICAgICAgIHJldHVybiBjbGFzc2VzLmpvaW4oXCIgXCIpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBpIDw9IGN1cnJlbnRTdGVwID8gKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGtleT17U3RyaW5nKGkpfVxuICAgICAgICAgICAgcmVmPXsoYSkgPT4ge1xuICAgICAgICAgICAgICBpZiAoYSkgYS5zdHlsZS5tYXhIZWlnaHQgPSBgJHthLnNjcm9sbEhlaWdodH1weGA7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgY2xhc3NOYW1lPXt3aGljaENsYXNzVG9Vc2UoXG4gICAgICAgICAgICAgIGksXG4gICAgICAgICAgICAgIHMudHlwZSxcbiAgICAgICAgICAgICAgY3VycmVudFN0ZXAsXG4gICAgICAgICAgICAgIF9jdXJyZW50U3RlcC50eXBlXG4gICAgICAgICAgICApfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtzLnRpdGxlICYmIDxoMT57cy50aXRsZX08L2gxPn1cbiAgICAgICAgICAgIHtzLmRlc2NyaXB0aW9uICYmIDxwPntzLmRlc2NyaXB0aW9ufTwvcD59XG4gICAgICAgICAgICB7cy5hY3Rpb24gJiYgKFxuICAgICAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9e3MuYWN0aW9uLnZhcmlhbnR9IG9uQ2xpY2s9e3MuYWN0aW9uLm9uQ2xpY2t9IGRpc2FibGVkPXtzLmFjdGlvbi5kaXNhYmxlZH0+XG4gICAgICAgICAgICAgICAge3MuYWN0aW9uLmxhYmVsfVxuICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7c3BhY2luZ09uRWFjaFN0ZXAgIT09IGZhbHNlID8gPFNwYWNpbmcgc2l6ZT1cImxhcmdlXCIgLz4gOiBudWxsfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApIDogbnVsbDtcbiAgICAgIH0pfVxuICAgIDwvPlxuICApO1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxRQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFFQSxJQUFBRSxvQkFBQSxHQUFBSCxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUcsT0FBQSxHQUFBSixzQkFBQSxDQUFBQyxPQUFBO0FBQStCLFNBQUFELHVCQUFBSyxHQUFBLFdBQUFBLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLEdBQUFELEdBQUEsS0FBQUUsT0FBQSxFQUFBRixHQUFBO0FBYy9CO0FBQ0E7QUFDQTtBQUNB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

package/dist/components/ProgressTexts/ProgressTexts.module.scss

@@ -0,0 +1,37 @@
+@use "../../assets/styles/index.scss" as *;
+
+.container {
+  font-family: Manrope;
+  transition: max-height $slow;
+  overflow: hidden;
+  max-height: 0px;
+  * {
+    text-align: left;
+  }
+  button {
+    text-align: center;
+  }
+  h1 {
+    font-weight: bold;
+    font-size: 34px;
+    line-height: 41px;
+    color: $spaceBlue !important;
+  }
+  p {
+    font-family: Roboto;
+    font-size: 22px;
+    line-height: 33px;
+  }
+}
+
+.hidden {
+  max-height: 0px !important;
+}
+
+.loading * {
+  color: $spaceBlue !important;
+}
+
+.disabled * {
+  color: $mediumGray !important;
+}

package/dist/components/ProgressTexts/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _ProgressTexts.default;
+  }
+});
+var _ProgressTexts = _interopRequireWildcard(require("./ProgressTexts"));
+Object.keys(_ProgressTexts).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ProgressTexts[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ProgressTexts[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfUHJvZ3Jlc3NUZXh0cyIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwicmVxdWlyZSIsIk9iamVjdCIsImtleXMiLCJmb3JFYWNoIiwia2V5IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiX2V4cG9ydE5hbWVzIiwiZXhwb3J0cyIsImRlZmluZVByb3BlcnR5IiwiZW51bWVyYWJsZSIsImdldCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsIm5vZGVJbnRlcm9wIiwiV2Vha01hcCIsImNhY2hlQmFiZWxJbnRlcm9wIiwiY2FjaGVOb2RlSW50ZXJvcCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiY2FjaGUiLCJoYXMiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJkZXNjIiwic2V0Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvUHJvZ3Jlc3NUZXh0cy9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgZGVmYXVsdCB9IGZyb20gXCIuL1Byb2dyZXNzVGV4dHNcIjtcbmV4cG9ydCAqIGZyb20gXCIuL1Byb2dyZXNzVGV4dHNcIjsiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBLElBQUFBLGNBQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBQyxNQUFBLENBQUFDLElBQUEsQ0FBQUosY0FBQSxFQUFBSyxPQUFBLFdBQUFDLEdBQUE7RUFBQSxJQUFBQSxHQUFBLGtCQUFBQSxHQUFBO0VBQUEsSUFBQUgsTUFBQSxDQUFBSSxTQUFBLENBQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBQyxZQUFBLEVBQUFKLEdBQUE7RUFBQSxJQUFBQSxHQUFBLElBQUFLLE9BQUEsSUFBQUEsT0FBQSxDQUFBTCxHQUFBLE1BQUFOLGNBQUEsQ0FBQU0sR0FBQTtFQUFBSCxNQUFBLENBQUFTLGNBQUEsQ0FBQUQsT0FBQSxFQUFBTCxHQUFBO0lBQUFPLFVBQUE7SUFBQUMsR0FBQSxXQUFBQSxDQUFBO01BQUEsT0FBQWQsY0FBQSxDQUFBTSxHQUFBO0lBQUE7RUFBQTtBQUFBO0FBQWdDLFNBQUFTLHlCQUFBQyxXQUFBLGVBQUFDLE9BQUEsa0NBQUFDLGlCQUFBLE9BQUFELE9BQUEsUUFBQUUsZ0JBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSxDQUFBQyxXQUFBLFdBQUFBLFdBQUEsR0FBQUcsZ0JBQUEsR0FBQUQsaUJBQUEsS0FBQUYsV0FBQTtBQUFBLFNBQUFmLHdCQUFBbUIsR0FBQSxFQUFBSixXQUFBLFNBQUFBLFdBQUEsSUFBQUksR0FBQSxJQUFBQSxHQUFBLENBQUFDLFVBQUEsV0FBQUQsR0FBQSxRQUFBQSxHQUFBLG9CQUFBQSxHQUFBLHdCQUFBQSxHQUFBLDRCQUFBRSxPQUFBLEVBQUFGLEdBQUEsVUFBQUcsS0FBQSxHQUFBUix3QkFBQSxDQUFBQyxXQUFBLE9BQUFPLEtBQUEsSUFBQUEsS0FBQSxDQUFBQyxHQUFBLENBQUFKLEdBQUEsWUFBQUcsS0FBQSxDQUFBVCxHQUFBLENBQUFNLEdBQUEsU0FBQUssTUFBQSxXQUFBQyxxQkFBQSxHQUFBdkIsTUFBQSxDQUFBUyxjQUFBLElBQUFULE1BQUEsQ0FBQXdCLHdCQUFBLFdBQUFyQixHQUFBLElBQUFjLEdBQUEsUUFBQWQsR0FBQSxrQkFBQUgsTUFBQSxDQUFBSSxTQUFBLENBQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBVyxHQUFBLEVBQUFkLEdBQUEsU0FBQXNCLElBQUEsR0FBQUYscUJBQUEsR0FBQXZCLE1BQUEsQ0FBQXdCLHdCQUFBLENBQUFQLEdBQUEsRUFBQWQsR0FBQSxjQUFBc0IsSUFBQSxLQUFBQSxJQUFBLENBQUFkLEdBQUEsSUFBQWMsSUFBQSxDQUFBQyxHQUFBLEtBQUExQixNQUFBLENBQUFTLGNBQUEsQ0FBQWEsTUFBQSxFQUFBbkIsR0FBQSxFQUFBc0IsSUFBQSxZQUFBSCxNQUFBLENBQUFuQixHQUFBLElBQUFjLEdBQUEsQ0FBQWQsR0FBQSxTQUFBbUIsTUFBQSxDQUFBSCxPQUFBLEdBQUFGLEdBQUEsTUFBQUcsS0FBQSxJQUFBQSxLQUFBLENBQUFNLEdBQUEsQ0FBQVQsR0FBQSxFQUFBSyxNQUFBLFlBQUFBLE1BQUEifQ==

package/dist/components/Radio/Radio.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Radio;
+var _react = _interopRequireDefault(require("react"));
+var _OneUIProvider = require("../../context/OneUIProvider");
+var _RadioModule = _interopRequireDefault(require("./Radio.module.scss"));
+var _Checkmark = require("./variants/Checkmark/Checkmark");
+const _excluded = ["checked", "onToggle", "label", "className", "size", "groupId", "value"];
+/**
+ * A custom radio button component that allows users to select one option from a group.
+ * It displays a label and can be customized with different sizes and styling.
+ */
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function Radio(_ref) {
+  let {
+      checked,
+      onToggle,
+      label,
+      className = "",
+      size = undefined,
+      groupId,
+      value
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const Checkbox = (0, _OneUIProvider.useOneUIConfig)("component.radio.Component", _Checkmark.Checkmark);
+  return /*#__PURE__*/_react.default.createElement("label", {
+    className: "".concat(_RadioModule.default.container, " ").concat(className),
+    style: {
+      fontSize: size
+    },
+    onClick: e => {
+      onToggle(!checked);
+      e.preventDefault();
+    }
+  }, /*#__PURE__*/_react.default.createElement(Checkbox, _extends({
+    checked: checked,
+    hasContent: !!label
+  }, props)), /*#__PURE__*/_react.default.createElement("input", {
+    type: "radio",
+    name: groupId,
+    id: value,
+    value: value,
+    checked: checked,
+    readOnly: true
+  }), label);
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9PbmVVSVByb3ZpZGVyIiwiX1JhZGlvTW9kdWxlIiwiX0NoZWNrbWFyayIsIl9leGNsdWRlZCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiX2V4dGVuZHMiLCJPYmplY3QiLCJhc3NpZ24iLCJiaW5kIiwidGFyZ2V0IiwiaSIsImFyZ3VtZW50cyIsImxlbmd0aCIsInNvdXJjZSIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImFwcGx5IiwiX29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzIiwiZXhjbHVkZWQiLCJfb2JqZWN0V2l0aG91dFByb3BlcnRpZXNMb29zZSIsImdldE93blByb3BlcnR5U3ltYm9scyIsInNvdXJjZVN5bWJvbEtleXMiLCJpbmRleE9mIiwicHJvcGVydHlJc0VudW1lcmFibGUiLCJzb3VyY2VLZXlzIiwia2V5cyIsIlJhZGlvIiwiX3JlZiIsImNoZWNrZWQiLCJvblRvZ2dsZSIsImxhYmVsIiwiY2xhc3NOYW1lIiwic2l6ZSIsInVuZGVmaW5lZCIsImdyb3VwSWQiLCJ2YWx1ZSIsInByb3BzIiwiQ2hlY2tib3giLCJ1c2VPbmVVSUNvbmZpZyIsIkNoZWNrbWFyayIsImNyZWF0ZUVsZW1lbnQiLCJjb25jYXQiLCJTdHlsZXMiLCJjb250YWluZXIiLCJzdHlsZSIsImZvbnRTaXplIiwib25DbGljayIsImUiLCJwcmV2ZW50RGVmYXVsdCIsImhhc0NvbnRlbnQiLCJ0eXBlIiwibmFtZSIsImlkIiwicmVhZE9ubHkiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9SYWRpby9SYWRpby50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBBIGN1c3RvbSByYWRpbyBidXR0b24gY29tcG9uZW50IHRoYXQgYWxsb3dzIHVzZXJzIHRvIHNlbGVjdCBvbmUgb3B0aW9uIGZyb20gYSBncm91cC5cbiAqIEl0IGRpc3BsYXlzIGEgbGFiZWwgYW5kIGNhbiBiZSBjdXN0b21pemVkIHdpdGggZGlmZmVyZW50IHNpemVzIGFuZCBzdHlsaW5nLlxuICovXG5pbXBvcnQgUmVhY3QsIHsgUHJvcHNXaXRoQ2hpbGRyZW4gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZU9uZVVJQ29uZmlnIH0gZnJvbSBcIi4uLy4uL2NvbnRleHQvT25lVUlQcm92aWRlclwiO1xuaW1wb3J0IFN0eWxlcyBmcm9tIFwiLi9SYWRpby5tb2R1bGUuc2Nzc1wiO1xuaW1wb3J0IHsgQ2hlY2ttYXJrIH0gZnJvbSBcIi4vdmFyaWFudHMvQ2hlY2ttYXJrL0NoZWNrbWFya1wiO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBSYWRpbyh7XG4gIGNoZWNrZWQsXG4gIG9uVG9nZ2xlLFxuICBsYWJlbCxcbiAgY2xhc3NOYW1lID0gXCJcIixcbiAgc2l6ZSA9IHVuZGVmaW5lZCxcbiAgZ3JvdXBJZCxcbiAgdmFsdWUsXG4gIC4uLnByb3BzXG59OiBQcm9wc1dpdGhDaGlsZHJlbjx7XG4gIGNoZWNrZWQ6IGJvb2xlYW47XG4gIG9uVG9nZ2xlOiAoY2hlY2tlZDogYm9vbGVhbikgPT4gdm9pZDtcbiAgbGFiZWw6IFJlYWN0LlJlYWN0Tm9kZTtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBzaXplPzogbnVtYmVyO1xuICBncm91cElkOiBzdHJpbmc7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIFwiZGF0YS10ZXN0aWRcIj86IHN0cmluZztcbn0+ICZcbiAgUmVhY3QuRGV0YWlsZWRIVE1MUHJvcHM8XG4gICAgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTFNwYW5FbGVtZW50PixcbiAgICBIVE1MU3BhbkVsZW1lbnRcbiAgPikge1xuICBjb25zdCBDaGVja2JveCA9IHVzZU9uZVVJQ29uZmlnKFxuICAgIFwiY29tcG9uZW50LnJhZGlvLkNvbXBvbmVudFwiLFxuICAgIENoZWNrbWFyayBhcyBhbnlcbiAgKSBhcyBhbnk7XG5cbiAgcmV0dXJuIChcbiAgICA8bGFiZWxcbiAgICAgIGNsYXNzTmFtZT17YCR7U3R5bGVzLmNvbnRhaW5lcn0gJHtjbGFzc05hbWV9YH1cbiAgICAgIHN0eWxlPXt7IGZvbnRTaXplOiBzaXplIH19XG4gICAgICBvbkNsaWNrPXsoZSkgPT4ge1xuICAgICAgICBvblRvZ2dsZSghY2hlY2tlZCk7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIH19XG4gICAgPlxuICAgICAgPENoZWNrYm94IGNoZWNrZWQ9e2NoZWNrZWR9IGhhc0NvbnRlbnQ9eyEhbGFiZWx9IHsuLi5wcm9wc30gLz5cbiAgICAgIDxpbnB1dFxuICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICBuYW1lPXtncm91cElkfVxuICAgICAgICBpZD17dmFsdWV9XG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgcmVhZE9ubHlcbiAgICAgICAgZGF0YS10ZXN0aWQ9e3Byb3BzW1wiZGF0YS10ZXN0aWRcIl19XG4gICAgICAvPlxuICAgICAge2xhYmVsfVxuICAgIDwvbGFiZWw+XG4gICk7XG59Il0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFJQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxjQUFBLEdBQUFELE9BQUE7QUFDQSxJQUFBRSxZQUFBLEdBQUFILHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRyxVQUFBLEdBQUFILE9BQUE7QUFBMkQsTUFBQUksU0FBQTtBQVAzRDtBQUNBO0FBQ0E7QUFDQTtBQUhBLFNBQUFMLHVCQUFBTSxHQUFBLFdBQUFBLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLEdBQUFELEdBQUEsS0FBQUUsT0FBQSxFQUFBRixHQUFBO0FBQUEsU0FBQUcsU0FBQSxJQUFBQSxRQUFBLEdBQUFDLE1BQUEsQ0FBQUMsTUFBQSxHQUFBRCxNQUFBLENBQUFDLE1BQUEsQ0FBQUMsSUFBQSxlQUFBQyxNQUFBLGFBQUFDLENBQUEsTUFB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

package/dist/components/Radio/Radio.module.scss

@@ -0,0 +1,20 @@
+@use "../../assets/styles/index.scss" as *;
+
+.container {
+  display: flex;
+  line-height: 1.5em;
+  vertical-align: middle;
+  flex-shrink: 0;
+
+  input {
+    max-width: 0px;
+    max-height: 0px;
+    width: 0;
+    height: 0;
+    opacity: 0;
+  }
+
+  > span:first-child {
+    flex-shrink: 0;
+  }
+}

package/dist/components/Radio/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Radio.default;
+  }
+});
+var _Radio = _interopRequireWildcard(require("./Radio"));
+Object.keys(_Radio).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Radio[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Radio[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfUmFkaW8iLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJPYmplY3QiLCJrZXlzIiwiZm9yRWFjaCIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsIl9leHBvcnROYW1lcyIsImV4cG9ydHMiLCJkZWZpbmVQcm9wZXJ0eSIsImVudW1lcmFibGUiLCJnZXQiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJub2RlSW50ZXJvcCIsIldlYWtNYXAiLCJjYWNoZUJhYmVsSW50ZXJvcCIsImNhY2hlTm9kZUludGVyb3AiLCJvYmoiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsImNhY2hlIiwiaGFzIiwibmV3T2JqIiwiaGFzUHJvcGVydHlEZXNjcmlwdG9yIiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwiZGVzYyIsInNldCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1JhZGlvL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBkZWZhdWx0IH0gZnJvbSBcIi4vUmFkaW9cIjtcbmV4cG9ydCAqIGZyb20gXCIuL1JhZGlvXCI7Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFDQUMsTUFBQSxDQUFBQyxJQUFBLENBQUFKLE1BQUEsRUFBQUssT0FBQSxXQUFBQyxHQUFBO0VBQUEsSUFBQUEsR0FBQSxrQkFBQUEsR0FBQTtFQUFBLElBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQUMsWUFBQSxFQUFBSixHQUFBO0VBQUEsSUFBQUEsR0FBQSxJQUFBSyxPQUFBLElBQUFBLE9BQUEsQ0FBQUwsR0FBQSxNQUFBTixNQUFBLENBQUFNLEdBQUE7RUFBQUgsTUFBQSxDQUFBUyxjQUFBLENBQUFELE9BQUEsRUFBQUwsR0FBQTtJQUFBTyxVQUFBO0lBQUFDLEdBQUEsV0FBQUEsQ0FBQTtNQUFBLE9BQUFkLE1BQUEsQ0FBQU0sR0FBQTtJQUFBO0VBQUE7QUFBQTtBQUF3QixTQUFBUyx5QkFBQUMsV0FBQSxlQUFBQyxPQUFBLGtDQUFBQyxpQkFBQSxPQUFBRCxPQUFBLFFBQUFFLGdCQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEsQ0FBQUMsV0FBQSxXQUFBQSxXQUFBLEdBQUFHLGdCQUFBLEdBQUFELGlCQUFBLEtBQUFGLFdBQUE7QUFBQSxTQUFBZix3QkFBQW1CLEdBQUEsRUFBQUosV0FBQSxTQUFBQSxXQUFBLElBQUFJLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLFdBQUFELEdBQUEsUUFBQUEsR0FBQSxvQkFBQUEsR0FBQSx3QkFBQUEsR0FBQSw0QkFBQUUsT0FBQSxFQUFBRixHQUFBLFVBQUFHLEtBQUEsR0FBQVIsd0JBQUEsQ0FBQUMsV0FBQSxPQUFBTyxLQUFBLElBQUFBLEtBQUEsQ0FBQUMsR0FBQSxDQUFBSixHQUFBLFlBQUFHLEtBQUEsQ0FBQVQsR0FBQSxDQUFBTSxHQUFBLFNBQUFLLE1BQUEsV0FBQUMscUJBQUEsR0FBQXZCLE1BQUEsQ0FBQVMsY0FBQSxJQUFBVCxNQUFBLENBQUF3Qix3QkFBQSxXQUFBckIsR0FBQSxJQUFBYyxHQUFBLFFBQUFkLEdBQUEsa0JBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQVcsR0FBQSxFQUFBZCxHQUFBLFNBQUFzQixJQUFBLEdBQUFGLHFCQUFBLEdBQUF2QixNQUFBLENBQUF3Qix3QkFBQSxDQUFBUCxHQUFBLEVBQUFkLEdBQUEsY0FBQXNCLElBQUEsS0FBQUEsSUFBQSxDQUFBZCxHQUFBLElBQUFjLElBQUEsQ0FBQUMsR0FBQSxLQUFBMUIsTUFBQSxDQUFBUyxjQUFBLENBQUFhLE1BQUEsRUFBQW5CLEdBQUEsRUFBQXNCLElBQUEsWUFBQUgsTUFBQSxDQUFBbkIsR0FBQSxJQUFBYyxHQUFBLENBQUFkLEdBQUEsU0FBQW1CLE1BQUEsQ0FBQUgsT0FBQSxHQUFBRixHQUFBLE1BQUFHLEtBQUEsSUFBQUEsS0FBQSxDQUFBTSxHQUFBLENBQUFULEdBQUEsRUFBQUssTUFBQSxZQUFBQSxNQUFBIn0=

package/dist/components/Radio/variants/Checkmark/Checkmark.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Checkmark = exports.default = Checkmark;
+var _react = _interopRequireDefault(require("react"));
+var _CheckmarkModule = _interopRequireDefault(require("./Checkmark.module.scss"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function Checkmark(_ref) {
+  let {
+    checked,
+    hasContent = false,
+    className = ""
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: "".concat(_CheckmarkModule.default.checkmark, " ").concat(checked ? _CheckmarkModule.default.checked : "", " ").concat(hasContent ? "".concat(_CheckmarkModule.default.wContent) : "", " ").concat(className)
+  });
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9DaGVja21hcmtNb2R1bGUiLCJvYmoiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsIkNoZWNrbWFyayIsIl9yZWYiLCJjaGVja2VkIiwiaGFzQ29udGVudCIsImNsYXNzTmFtZSIsImNyZWF0ZUVsZW1lbnQiLCJjb25jYXQiLCJTdHlsZXMiLCJjaGVja21hcmsiLCJ3Q29udGVudCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1JhZGlvL3ZhcmlhbnRzL0NoZWNrbWFyay9DaGVja21hcmsudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBTdHlsZXMgZnJvbSBcIi4vQ2hlY2ttYXJrLm1vZHVsZS5zY3NzXCI7XG5cbmV4cG9ydCB0eXBlIENoZWNrbWFya1Byb3BzID0ge1xuICBjaGVja2VkOiBib29sZWFuO1xuICBoYXNDb250ZW50PzogYm9vbGVhbjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gQ2hlY2ttYXJrKHtcbiAgY2hlY2tlZCxcbiAgaGFzQ29udGVudCA9IGZhbHNlLFxuICBjbGFzc05hbWUgPSBcIlwiLFxufTogQ2hlY2ttYXJrUHJvcHMpIHtcbiAgcmV0dXJuIChcbiAgICA8c3BhblxuICAgICAgY2xhc3NOYW1lPXtgJHtTdHlsZXMuY2hlY2ttYXJrfSAke2NoZWNrZWQgPyBTdHlsZXMuY2hlY2tlZCA6IFwiXCJ9ICR7XG4gICAgICAgIGhhc0NvbnRlbnQgPyBgJHtTdHlsZXMud0NvbnRlbnR9YCA6IFwiXCJcbiAgICAgIH0gJHtjbGFzc05hbWV9YH1cbiAgICAvPlxuICApO1xufVxuXG5leHBvcnQgeyBDaGVja21hcmsgfTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsZ0JBQUEsR0FBQUYsc0JBQUEsQ0FBQUMsT0FBQTtBQUE2QyxTQUFBRCx1QkFBQUcsR0FBQSxXQUFBQSxHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxHQUFBRCxHQUFBLEtBQUFFLE9BQUEsRUFBQUYsR0FBQTtBQVE5QixTQUFTRyxTQUFTQSxDQUFBQyxJQUFBLEVBSWQ7RUFBQSxJQUplO0lBQ2hDQyxPQUFPO0lBQ1BDLFVBQVUsR0FBRyxLQUFLO0lBQ2xCQyxTQUFTLEdBQUc7RUFDRSxDQUFDLEdBQUFILElBQUE7RUFDZixvQkFDRVIsTUFBQSxDQUFBTSxPQUFBLENBQUFNLGFBQUE7SUFDRUQsU0FBUyxLQUFBRSxNQUFBLENBQUtDLHdCQUFNLENBQUNDLFNBQVMsT0FBQUYsTUFBQSxDQUFJSixPQUFPLEdBQUdLLHdCQUFNLENBQUNMLE9BQU8sR0FBRyxFQUFFLE9BQUFJLE1BQUEsQ0FDN0RILFVBQVUsTUFBQUcsTUFBQSxDQUFNQyx3QkFBTSxDQUFDRSxRQUFRLElBQUssRUFBRSxPQUFBSCxNQUFBLENBQ3BDRixTQUFTO0VBQUcsQ0FDakIsQ0FBQztBQUVOIn0=

package/dist/components/Radio/variants/Checkmark/Checkmark.module.scss

@@ -0,0 +1,24 @@
+@use "../../../../assets/styles/index.scss" as *;
+
+.checkmark {
+  visibility: visible;
+  width: 1.5em;
+  height: 1.5em;
+  border-radius: 0.8em;
+  background-image: url("../../../../assets/img/svg/checkbox.svg");
+  background-color: transparent;
+  transition: background-color 250ms, border 250ms, box-shadow 250ms;
+  border: 1px solid rgb(40, 43, 53);
+  box-shadow: 0px 0px 0px -4px $digitalBlue;
+  flex-shrink: 0;
+
+  &.wContent {
+    margin-right: 0.8em;
+  }
+
+  &.checked {
+    background-color: $digitalBlue;
+    border: 1px solid $digitalBlue;
+    box-shadow: 0px 0px 12px -4px $digitalBlue;
+  }
+}

package/dist/components/Radio/variants/Checkmark/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Checkmark.default;
+  }
+});
+var _Checkmark = _interopRequireWildcard(require("./Checkmark"));
+Object.keys(_Checkmark).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Checkmark[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Checkmark[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfQ2hlY2ttYXJrIiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJyZXF1aXJlIiwiT2JqZWN0Iiwia2V5cyIsImZvckVhY2giLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJfZXhwb3J0TmFtZXMiLCJleHBvcnRzIiwiZGVmaW5lUHJvcGVydHkiLCJlbnVtZXJhYmxlIiwiZ2V0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwibm9kZUludGVyb3AiLCJXZWFrTWFwIiwiY2FjaGVCYWJlbEludGVyb3AiLCJjYWNoZU5vZGVJbnRlcm9wIiwib2JqIiwiX19lc01vZHVsZSIsImRlZmF1bHQiLCJjYWNoZSIsImhhcyIsIm5ld09iaiIsImhhc1Byb3BlcnR5RGVzY3JpcHRvciIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImRlc2MiLCJzZXQiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9SYWRpby92YXJpYW50cy9DaGVja21hcmsvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IGRlZmF1bHQgfSBmcm9tIFwiLi9DaGVja21hcmtcIjtcbmV4cG9ydCAqIGZyb20gXCIuL0NoZWNrbWFya1wiOyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsSUFBQUEsVUFBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBQ0FDLE1BQUEsQ0FBQUMsSUFBQSxDQUFBSixVQUFBLEVBQUFLLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFDLFlBQUEsRUFBQUosR0FBQTtFQUFBLElBQUFBLEdBQUEsSUFBQUssT0FBQSxJQUFBQSxPQUFBLENBQUFMLEdBQUEsTUFBQU4sVUFBQSxDQUFBTSxHQUFBO0VBQUFILE1BQUEsQ0FBQVMsY0FBQSxDQUFBRCxPQUFBLEVBQUFMLEdBQUE7SUFBQU8sVUFBQTtJQUFBQyxHQUFBLFdBQUFBLENBQUE7TUFBQSxPQUFBZCxVQUFBLENBQUFNLEdBQUE7SUFBQTtFQUFBO0FBQUE7QUFBNEIsU0FBQVMseUJBQUFDLFdBQUEsZUFBQUMsT0FBQSxrQ0FBQUMsaUJBQUEsT0FBQUQsT0FBQSxRQUFBRSxnQkFBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLENBQUFDLFdBQUEsV0FBQUEsV0FBQSxHQUFBRyxnQkFBQSxHQUFBRCxpQkFBQSxLQUFBRixXQUFBO0FBQUEsU0FBQWYsd0JBQUFtQixHQUFBLEVBQUFKLFdBQUEsU0FBQUEsV0FBQSxJQUFBSSxHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxXQUFBRCxHQUFBLFFBQUFBLEdBQUEsb0JBQUFBLEdBQUEsd0JBQUFBLEdBQUEsNEJBQUFFLE9BQUEsRUFBQUYsR0FBQSxVQUFBRyxLQUFBLEdBQUFSLHdCQUFBLENBQUFDLFdBQUEsT0FBQU8sS0FBQSxJQUFBQSxLQUFBLENBQUFDLEdBQUEsQ0FBQUosR0FBQSxZQUFBRyxLQUFBLENBQUFULEdBQUEsQ0FBQU0sR0FBQSxTQUFBSyxNQUFBLFdBQUFDLHFCQUFBLEdBQUF2QixNQUFBLENBQUFTLGNBQUEsSUFBQVQsTUFBQSxDQUFBd0Isd0JBQUEsV0FBQXJCLEdBQUEsSUFBQWMsR0FBQSxRQUFBZCxHQUFBLGtCQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFXLEdBQUEsRUFBQWQsR0FBQSxTQUFBc0IsSUFBQSxHQUFBRixxQkFBQSxHQUFBdkIsTUFBQSxDQUFBd0Isd0JBQUEsQ0FBQVAsR0FBQSxFQUFBZCxHQUFBLGNBQUFzQixJQUFBLEtBQUFBLElBQUEsQ0FBQWQsR0FBQSxJQUFBYyxJQUFBLENBQUFDLEdBQUEsS0FBQTFCLE1BQUEsQ0FBQVMsY0FBQSxDQUFBYSxNQUFBLEVBQUFuQixHQUFBLEVBQUFzQixJQUFBLFlBQUFILE1BQUEsQ0FBQW5CLEdBQUEsSUFBQWMsR0FBQSxDQUFBZCxHQUFBLFNBQUFtQixNQUFBLENBQUFILE9BQUEsR0FBQUYsR0FBQSxNQUFBRyxLQUFBLElBQUFBLEtBQUEsQ0FBQU0sR0FBQSxDQUFBVCxHQUFBLEVBQUFLLE1BQUEsWUFBQUEsTUFBQSJ9

package/dist/components/Radio/variants/Generic/Generic.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Generic = exports.default = Generic;
+var _react = _interopRequireDefault(require("react"));
+var _GenericModule = _interopRequireDefault(require("./Generic.module.scss"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function Generic(_ref) {
+  let {
+    checked,
+    hasContent = false,
+    className = ""
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: "".concat(_GenericModule.default.generic, " ").concat(checked ? _GenericModule.default.checked : "", " ").concat(hasContent ? "".concat(_GenericModule.default.wContent) : "", " ").concat(className)
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: _GenericModule.default.inner
+  }));
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9HZW5lcmljTW9kdWxlIiwib2JqIiwiX19lc01vZHVsZSIsImRlZmF1bHQiLCJHZW5lcmljIiwiX3JlZiIsImNoZWNrZWQiLCJoYXNDb250ZW50IiwiY2xhc3NOYW1lIiwiY3JlYXRlRWxlbWVudCIsImNvbmNhdCIsIlN0eWxlcyIsImdlbmVyaWMiLCJ3Q29udGVudCIsImlubmVyIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvUmFkaW8vdmFyaWFudHMvR2VuZXJpYy9HZW5lcmljLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgU3R5bGVzIGZyb20gXCIuL0dlbmVyaWMubW9kdWxlLnNjc3NcIjtcblxuZXhwb3J0IHR5cGUgR2VuZXJpY1Byb3BzID0ge1xuICBjaGVja2VkOiBib29sZWFuO1xuICBoYXNDb250ZW50PzogYm9vbGVhbjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gR2VuZXJpYyh7XG4gIGNoZWNrZWQsXG4gIGhhc0NvbnRlbnQgPSBmYWxzZSxcbiAgY2xhc3NOYW1lID0gXCJcIixcbn06IEdlbmVyaWNQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxzcGFuXG4gICAgICBjbGFzc05hbWU9e2Ake1N0eWxlcy5nZW5lcmljfSAke2NoZWNrZWQgPyBTdHlsZXMuY2hlY2tlZCA6IFwiXCJ9ICR7XG4gICAgICAgIGhhc0NvbnRlbnQgPyBgJHtTdHlsZXMud0NvbnRlbnR9YCA6IFwiXCJcbiAgICAgIH0gJHtjbGFzc05hbWV9YH1cbiAgICA+XG4gICAgICA8c3BhbiBjbGFzc05hbWU9e1N0eWxlcy5pbm5lcn0gLz5cbiAgICA8L3NwYW4+XG4gICk7XG59XG5cbmV4cG9ydCB7IEdlbmVyaWMgfTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsY0FBQSxHQUFBRixzQkFBQSxDQUFBQyxPQUFBO0FBQTJDLFNBQUFELHVCQUFBRyxHQUFBLFdBQUFBLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLEdBQUFELEdBQUEsS0FBQUUsT0FBQSxFQUFBRixHQUFBO0FBUTVCLFNBQVNHLE9BQU9BLENBQUFDLElBQUEsRUFJZDtFQUFBLElBSmU7SUFDOUJDLE9BQU87SUFDUEMsVUFBVSxHQUFHLEtBQUs7SUFDbEJDLFNBQVMsR0FBRztFQUNBLENBQUMsR0FBQUgsSUFBQTtFQUNiLG9CQUNFUixNQUFBLENBQUFNLE9BQUEsQ0FBQU0sYUFBQTtJQUNFRCxTQUFTLEtBQUFFLE1BQUEsQ0FBS0Msc0JBQU0sQ0FBQ0MsT0FBTyxPQUFBRixNQUFBLENBQUlKLE9BQU8sR0FBR0ssc0JBQU0sQ0FBQ0wsT0FBTyxHQUFHLEVBQUUsT0FBQUksTUFBQSxDQUMzREgsVUFBVSxNQUFBRyxNQUFBLENBQU1DLHNCQUFNLENBQUNFLFFBQVEsSUFBSyxFQUFFLE9BQUFILE1BQUEsQ0FDcENGLFNBQVM7RUFBRyxnQkFFaEJYLE1BQUEsQ0FBQU0sT0FBQSxDQUFBTSxhQUFBO0lBQU1ELFNBQVMsRUFBRUcsc0JBQU0sQ0FBQ0c7RUFBTSxDQUFFLENBQzVCLENBQUM7QUFFWCJ9

package/dist/components/Radio/variants/Generic/Generic.module.scss

@@ -0,0 +1,38 @@
+@use "../../../../assets/styles/index.scss" as *;
+
+.generic {
+  visibility: visible;
+  width: 1.5em;
+  height: 1.5em;
+  border-radius: 0.8em;
+  position: relative;
+  background-color: transparent;
+  border: 1px solid rgb(40, 43, 53);
+  flex-shrink: 0;
+
+  &.wContent {
+    margin-right: 0.8em;
+  }
+
+  > .inner {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 90%;
+    height: 90%;
+    margin-top: -45%;
+    margin-left: -45%;
+    border-radius: 0.8em;
+    background-color: $digitalBlue;
+    opacity: 0;
+    transform: scale(0.1);
+    transition: background-color 250ms, border 250ms, box-shadow 250ms, opacity 150ms ease-in-out, transform 150ms ease-in-out;
+  }
+
+  &.checked {
+    .inner {
+      opacity: 1;
+      transform: scale(0.7);
+    }
+  }
+}