@gympass/yoga 7.87.1 → 7.88.0

package/cjs/Spinner/web/Spinner.js

@@ -1,66 +1,128 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _propTypes = require("prop-types");
-
-var _lodash = _interopRequireDefault(require("lodash.get"));
-
-var _templateObject;
-
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var StyledSpinner = _styledComponents["default"].span(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var color = _ref.color,
-      size = _ref.size;
-  return "\n    .spinner {\n      display: inline-block;\n      width: " + size + "px;\n      height: " + size + "px;\n      color: " + color + ";\n      animation: 1.4s linear 0s infinite normal none running rotation;\n    }\n    .circular {\n      display: block;\n      height: 100%;\n      width: 100%;\n    }\n    .path {\n      stroke-dasharray: 80px, 200px;\n      stroke-dashoffset: 0;\n      -webkit-animation: 1.4s ease-in-out 0s infinite normal none running dash;\n      animation: 1.6s ease-in-out 0s infinite normal none running dash;\n      stroke-linecap: round;\n      stroke: " + color + ";\n    }\n    @keyframes rotation {\n      0% {\n          transform: rotate(0deg);\n      }\n      100% {\n          transform: rotate(360deg);\n      }\n    }\n    @keyframes dash {\n      0% {\n        stroke-dasharray: 1px, 200px;\n        stroke-dashoffset: 0;\n      }\n      50% {\n        stroke-dasharray: 100px, 200px;\n        stroke-dashoffset: -15px;\n      }\n      100% {\n        stroke-dasharray: 100px, 200px;\n        stroke-dashoffset: -125px;\n      }\n    }\n  ";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Spinner_exports = {};
+__export(Spinner_exports, {
+  default: () => Spinner_default
 });
-
-var Spinner = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
-  var size = _ref2.size,
-      color = _ref2.color,
-      theme = _ref2.theme;
-  return /*#__PURE__*/_react["default"].createElement(StyledSpinner, {
-    color: (0, _lodash["default"])(theme.yoga.colors, color, color),
-    size: (0, _lodash["default"])(theme.yoga.spacing, size, size),
-    ref: ref,
-    "aria-label": "loading-icon"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "spinner"
-  }, /*#__PURE__*/_react["default"].createElement("svg", {
-    className: "circular",
-    viewBox: "22 22 44 44"
-  }, /*#__PURE__*/_react["default"].createElement("circle", {
-    className: "path",
-    fill: "none",
-    strokeWidth: "3.6",
-    cx: "44",
-    cy: "44",
-    r: "20.2"
-  }))));
+module.exports = __toCommonJS(Spinner_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_prop_types = require("prop-types");
+var import_lodash = __toESM(require("lodash.get"));
+const StyledSpinner = import_styled_components.default.span`
+  ${({ color, size }) => `
+    .spinner {
+      display: inline-block;
+      width: ${size}px;
+      height: ${size}px;
+      color: ${color};
+      animation: 1.4s linear 0s infinite normal none running rotation;
+    }
+    .circular {
+      display: block;
+      height: 100%;
+      width: 100%;
+    }
+    .path {
+      stroke-dasharray: 80px, 200px;
+      stroke-dashoffset: 0;
+      -webkit-animation: 1.4s ease-in-out 0s infinite normal none running dash;
+      animation: 1.6s ease-in-out 0s infinite normal none running dash;
+      stroke-linecap: round;
+      stroke: ${color};
+    }
+    @keyframes rotation {
+      0% {
+          transform: rotate(0deg);
+      }
+      100% {
+          transform: rotate(360deg);
+      }
+    }
+    @keyframes dash {
+      0% {
+        stroke-dasharray: 1px, 200px;
+        stroke-dashoffset: 0;
+      }
+      50% {
+        stroke-dasharray: 100px, 200px;
+        stroke-dashoffset: -15px;
+      }
+      100% {
+        stroke-dasharray: 100px, 200px;
+        stroke-dashoffset: -125px;
+      }
+    }
+  `}
+`;
+const Spinner = import_react.default.forwardRef(({ size, color, theme }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    StyledSpinner,
+    {
+      color: (0, import_lodash.default)(theme.yoga.colors, color, color),
+      size: (0, import_lodash.default)(theme.yoga.spacing, size, size),
+      ref,
+      "aria-label": "loading-icon",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "spinner", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "circular", viewBox: "22 22 44 44", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "circle",
+        {
+          className: "path",
+          fill: "none",
+          strokeWidth: "3.6",
+          cx: "44",
+          cy: "44",
+          r: "20.2"
+        }
+      ) }) })
+    }
+  );
 });
-
-var commonSizes = ['xxxsmall', 'xxsmall', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'xxlarge', 'xxxlarge', 'huge', 'xhuge'];
+const commonSizes = [
+  "xxxsmall",
+  "xxsmall",
+  "xsmall",
+  "small",
+  "medium",
+  "large",
+  "xlarge",
+  "xxlarge",
+  "xxxlarge",
+  "huge",
+  "xhuge"
+];
 Spinner.propTypes = {
-  size: (0, _propTypes.oneOfType)([(0, _propTypes.oneOf)(commonSizes), _propTypes.string, _propTypes.number]),
-  color: _propTypes.string
+  size: (0, import_prop_types.oneOfType)([(0, import_prop_types.oneOf)(commonSizes), import_prop_types.string, import_prop_types.number]),
+  color: import_prop_types.string
 };
 Spinner.defaultProps = {
-  size: 'medium',
-  color: 'primary'
+  size: "medium",
+  color: "primary"
 };
-
-var _default = (0, _styledComponents.withTheme)(Spinner);
-
-exports["default"] = _default;
+var Spinner_default = (0, import_styled_components.withTheme)(Spinner);

package/cjs/Spinner/web/Spinner.test.js

@@ -0,0 +1,35 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_react2 = require("@testing-library/react");
+var import__ = require("../..");
+describe("<Spinner />", () => {
+  it("should match snapshot", () => {
+    const { container } = (0, import_react2.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Spinner, { size: "xxxlarge", color: "light" }) })
+    );
+    expect(container).toMatchSnapshot();
+  });
+});

package/cjs/Spinner/web/index.js

@@ -1,11 +1,35 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _Spinner = _interopRequireDefault(require("./Spinner"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = _Spinner["default"];
-exports["default"] = _default;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var web_exports = {};
+__export(web_exports, {
+  default: () => web_default
+});
+module.exports = __toCommonJS(web_exports);
+var import_Spinner = __toESM(require("./Spinner"));
+var web_default = import_Spinner.default;

package/cjs/Stepper/native/Dots.js

@@ -1 +1,105 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _propTypes=require("prop-types");var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _Text=_interopRequireDefault(require("../../Text"));var _activeDot=_interopRequireDefault(require("../activeDot"));var _templateObject,_templateObject2,_templateObject3,_templateObject4;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;}var Wrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  flex-direction: row;\n  justify-content: space-between;\n"])));var DotWrapper=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 15px;\n"])));var Dot=_styledComponents["default"].View(function(_ref){var active=_ref.active,secondary=_ref.secondary,stepper=_ref.theme.yoga.components.stepper;var state=secondary?'secondary':'active';return(0,_styledComponents.css)(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n      width: 15px;\n      height: 15px;\n      margin-top: -6px;\n\n      border-radius: ","px;\n      background-color: ",";\n    "])),stepper.dot.radius,active?stepper.dot.backgroundColor[state]:stepper.dot.backgroundColor.inactive);});var Label=(0,_styledComponents["default"])(_Text["default"].Bold)(function(_ref2){var active=_ref2.active,secondary=_ref2.secondary,stepper=_ref2.theme.yoga.components.stepper;var state=secondary?'secondary':'active';return(0,_styledComponents.css)(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n      width: 95px;\n      margin-top: 10px;\n      margin-left: -40px;\n      color: ",";\n      font-size: ","px;\n      text-align: center;\n    "])),active?stepper.label.color[state]:stepper.label.color.inactive,stepper.label.font.size);});function Dots(_ref3){var activeStep=_ref3.activeStep,labels=_ref3.labels,secondary=_ref3.secondary;return _react["default"].createElement(Wrapper,null,labels.map(function(label,index){return _react["default"].createElement(DotWrapper,{key:label},_react["default"].createElement(Dot,{active:(0,_activeDot["default"])(index,activeStep),secondary:secondary}),_react["default"].createElement(Label,{active:(0,_activeDot["default"])(index,activeStep),secondary:secondary},label));}));}Dots.propTypes={activeStep:_propTypes.number,labels:(0,_propTypes.arrayOf)(_propTypes.string),secondary:_propTypes.bool};Dots.defaultProps={activeStep:0,labels:[],secondary:false};var _default=Dots;exports["default"]=_default;
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Dots_exports = {};
+__export(Dots_exports, {
+  default: () => Dots_default
+});
+module.exports = __toCommonJS(Dots_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_prop_types = require("prop-types");
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_Text = __toESM(require("../../Text"));
+var import_activeDot = __toESM(require("../activeDot"));
+const Wrapper = import_styled_components.default.View`
+  flex-direction: row;
+  justify-content: space-between;
+`;
+const DotWrapper = import_styled_components.default.View`
+  width: 15px;
+`;
+const Dot = import_styled_components.default.View(
+  ({
+    active,
+    secondary,
+    theme: {
+      yoga: {
+        components: { stepper }
+      }
+    }
+  }) => {
+    const state = secondary ? "secondary" : "active";
+    return import_styled_components.css`
+      width: 15px;
+      height: 15px;
+      margin-top: -6px;
+
+      border-radius: ${stepper.dot.radius}px;
+      background-color: ${active ? stepper.dot.backgroundColor[state] : stepper.dot.backgroundColor.inactive};
+    `;
+  }
+);
+const Label = (0, import_styled_components.default)(import_Text.default.Bold)(
+  ({
+    active,
+    secondary,
+    theme: {
+      yoga: {
+        components: { stepper }
+      }
+    }
+  }) => {
+    const state = secondary ? "secondary" : "active";
+    return import_styled_components.css`
+      width: 95px;
+      margin-top: 10px;
+      margin-left: -40px;
+      color: ${active ? stepper.label.color[state] : stepper.label.color.inactive};
+      font-size: ${stepper.label.font.size}px;
+      text-align: center;
+    `;
+  }
+);
+function Dots({ activeStep, labels, secondary }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: labels.map((label, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DotWrapper, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dot, { active: (0, import_activeDot.default)(index, activeStep), secondary }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, { active: (0, import_activeDot.default)(index, activeStep), secondary, children: label })
+  ] }, label)) });
+}
+Dots.propTypes = {
+  activeStep: import_prop_types.number,
+  labels: (0, import_prop_types.arrayOf)(import_prop_types.string),
+  secondary: import_prop_types.bool
+};
+Dots.defaultProps = {
+  activeStep: 0,
+  labels: [],
+  secondary: false
+};
+var Dots_default = Dots;

package/cjs/Stepper/native/Line.js

@@ -1 +1,98 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _propTypes=require("prop-types");var _styledComponents=_interopRequireDefault(require("styled-components"));var _templateObject;var Wrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: relative;\n"])));var InactiveLine=_styledComponents["default"].View(function(_ref){var stepper=_ref.theme.yoga.components.stepper;return"\n  width: 100%;\n  height: 4px;\n\n  position: absolute;\n  top: 0;\n\n  background-color: "+stepper.line.backgroundColor.inactive+";\n";});var ActiveLine=_styledComponents["default"].View(function(_ref2){var width=_ref2.width,secondary=_ref2.secondary,stepper=_ref2.theme.yoga.components.stepper;return"\n    position: absolute;\n    top: 0;\n\n    background-color: "+(secondary?stepper.line.backgroundColor.secondary:stepper.line.backgroundColor.active)+";\n    width: "+width+"%;\n    height: 4px;\n";});function Line(_ref3){var activeStep=_ref3.activeStep,totalSteps=_ref3.totalSteps,secondary=_ref3.secondary;return _react["default"].createElement(Wrapper,null,_react["default"].createElement(InactiveLine,null),_react["default"].createElement(ActiveLine,{width:activeStep<=0?0:activeStep/totalSteps*100,secondary:secondary}));}Line.propTypes={activeStep:_propTypes.number,totalSteps:_propTypes.number,secondary:_propTypes.bool};Line.defaultProps={activeStep:0,totalSteps:0,secondary:false};var _default=Line;exports["default"]=_default;
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Line_exports = {};
+__export(Line_exports, {
+  default: () => Line_default
+});
+module.exports = __toCommonJS(Line_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_prop_types = require("prop-types");
+var import_styled_components = __toESM(require("styled-components"));
+const Wrapper = import_styled_components.default.View`
+  position: relative;
+`;
+const InactiveLine = import_styled_components.default.View(
+  ({
+    theme: {
+      yoga: {
+        components: { stepper }
+      }
+    }
+  }) => `
+  width: 100%;
+  height: 4px;
+
+  position: absolute;
+  top: 0;
+
+  background-color: ${stepper.line.backgroundColor.inactive};
+`
+);
+const ActiveLine = import_styled_components.default.View(
+  ({
+    width,
+    secondary,
+    theme: {
+      yoga: {
+        components: { stepper }
+      }
+    }
+  }) => `
+    position: absolute;
+    top: 0;
+
+    background-color: ${secondary ? stepper.line.backgroundColor.secondary : stepper.line.backgroundColor.active};
+    width: ${width}%;
+    height: 4px;
+`
+);
+function Line({ activeStep, totalSteps, secondary }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InactiveLine, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ActiveLine,
+      {
+        width: activeStep <= 0 ? 0 : activeStep / totalSteps * 100,
+        secondary
+      }
+    )
+  ] });
+}
+Line.propTypes = {
+  activeStep: import_prop_types.number,
+  totalSteps: import_prop_types.number,
+  secondary: import_prop_types.bool
+};
+Line.defaultProps = {
+  activeStep: 0,
+  totalSteps: 0,
+  secondary: false
+};
+var Line_default = Line;

package/cjs/Stepper/native/Step.js

@@ -1 +1,61 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _propTypes=require("prop-types");var _styledComponents=_interopRequireDefault(require("styled-components"));var _templateObject;var Wrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n"])));var Step=function Step(props){return _react["default"].createElement(Wrapper,props);};Step.displayName='Stepper.Step';Step.propTypes={label:_propTypes.string.isRequired};var _default=Step;exports["default"]=_default;
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Step_exports = {};
+__export(Step_exports, {
+  default: () => Step_default
+});
+module.exports = __toCommonJS(Step_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_prop_types = require("prop-types");
+var import_styled_components = __toESM(require("styled-components"));
+const Wrapper = import_styled_components.default.View`
+  width: 100%;
+`;
+const Step = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, __spreadValues({}, props));
+Step.displayName = "Stepper.Step";
+Step.propTypes = {
+  /** Label to be displayed below the stepper dot. */
+  label: import_prop_types.string.isRequired
+};
+var Step_default = Step;