@gympass/yoga 7.87.1 → 7.88.1

package/cjs/Progress/Progress.theme.js

@@ -1,28 +1,38 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var Progress = function Progress(_ref) {
-  var spacing = _ref.spacing,
-      colors = _ref.colors,
-      radii = _ref.radii,
-      fontSizes = _ref.fontSizes;
-  return {
-    height: spacing.xxsmall,
-    backgroundColor: {
-      bar: colors.elements.backgroundAndDisabled
-    },
-    border: {
-      radius: radii.small
-    },
-    label: {
-      font: {
-        size: fontSizes.xsmall
-      }
-    }
-  };
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 _default = Progress;
-exports["default"] = _default;
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Progress_theme_exports = {};
+__export(Progress_theme_exports, {
+  default: () => Progress_theme_default
+});
+module.exports = __toCommonJS(Progress_theme_exports);
+const Progress = ({ spacing, colors, radii, fontSizes }) => ({
+  height: spacing.xxsmall,
+  backgroundColor: {
+    bar: colors.elements.backgroundAndDisabled
+  },
+  border: {
+    radius: radii.small
+  },
+  label: {
+    font: {
+      size: fontSizes.xsmall
+    }
+  }
+});
+var Progress_theme_default = Progress;

package/cjs/Progress/index.js

@@ -1,11 +1,35 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _web = _interopRequireDefault(require("./web"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = _web["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 Progress_exports = {};
+__export(Progress_exports, {
+  default: () => Progress_default
+});
+module.exports = __toCommonJS(Progress_exports);
+var import_web = __toESM(require("./web"));
+var Progress_default = import_web.default;

package/cjs/Progress/index.native.js

@@ -1 +1,35 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _native=_interopRequireDefault(require("./native"));var _default=_native["default"];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 index_native_exports = {};
+__export(index_native_exports, {
+  default: () => index_native_default
+});
+module.exports = __toCommonJS(index_native_exports);
+var import_native = __toESM(require("./native"));
+var index_native_default = import_native.default;

package/cjs/Progress/native/Progress.js

@@ -1 +1,219 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _yogaSystem=require("@gympass/yoga-system");var _shared=require("../../shared");var _excluded=["label","max","value","variant"];var _templateObject,_templateObject2,_templateObject3,_templateObject4;var ProgressWrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n\n  ","\n\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),function(_ref){var isNumber=_ref.isNumber,align=_ref.align;return"\n\n  "+(isNumber?"\n      flex-direction: row;\n    ":"\n      flex-direction: column;\n    ")+"\n\n  "+(isNumber&&align==='left'?'flex-direction: row-reverse;':'')+"\n  ";},_yogaSystem.backgroundColor,_yogaSystem.borders,_yogaSystem.elevation,_yogaSystem.positions,_yogaSystem.display,_yogaSystem.spacing);var ProgressBar=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: relative;\n  flex-grow: 1;\n\n  margin: auto 0;\n\n  ",";\n"])),function(_ref2){var progress=_ref2.theme.yoga.components.progress;return"\n    height: "+progress.height+"px;\n\n    background-color: "+progress.backgroundColor.bar+";\n\n    border-radius: "+progress.border.radius+"px;\n  ";});var ProgressValue=_styledComponents["default"].View(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: absolute;\n\n  height: 100%;\n\n  ","\n"])),function(_ref3){var variant=_ref3.variant,width=_ref3.width,_ref3$theme$yoga=_ref3.theme.yoga,color=_ref3$theme$yoga.colors[variant],progress=_ref3$theme$yoga.components.progress;return"\n    width: "+width+"%;\n\n    background-color: "+color+";\n\n    border-radius: "+progress.border.radius+"px;\n  ";});var Label=_styledComponents["default"].Text(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref4){var isNumber=_ref4.isNumber,align=_ref4.align,_ref4$theme$yoga=_ref4.theme.yoga,baseFont=_ref4$theme$yoga.baseFont,spacing=_ref4$theme$yoga.spacing,colors=_ref4$theme$yoga.colors,progress=_ref4$theme$yoga.components.progress;return"\n  font-family: "+baseFont.family+";\n  font-size: "+progress.label.font.size+"px;\n  text-align: "+align+";\n  color: "+colors.deep+";\n\n  "+(isNumber?"\n      width: 22px;\n\n      margin-"+(align==='right'?'left':'right')+": "+spacing.xxsmall+"px;\n    ":"\n      margin-top: "+spacing.xxxsmall+"px;\n    ")+"\n";});var Progress=_react["default"].forwardRef(function(_ref5,ref){var label=_ref5.label,max=_ref5.max,value=_ref5.value,variant=_ref5.variant,props=(0,_objectWithoutProperties2["default"])(_ref5,_excluded);var isNumber=!/[a-zA-Z]/g.test(label.value);var align=label.placement||'left';return _react["default"].createElement(ProgressWrapper,(0,_extends2["default"])({ref:ref},props,{isNumber:isNumber,align:align}),_react["default"].createElement(ProgressBar,null,_react["default"].createElement(ProgressValue,{width:value/max*100,variant:variant})),Object.keys(label).length>0&&(isNumber||label.value)&&_react["default"].createElement(Label,{isNumber:isNumber,align:align},label.value));});Progress.propTypes={label:(0,_propTypes.shape)({value:(0,_shared.charLength)(3,(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string])),placement:(0,_propTypes.oneOf)(['left','right'])}),max:_propTypes.number,value:_propTypes.number,variant:(0,_propTypes.oneOf)(['primary','secondary','vibin','hope','energy','relax','peace','verve','uplift','deepPurple','stamina','dark','medium','deep','light','clear','white'])};Progress.defaultProps={label:{value:undefined,placement:'left'},max:1,value:undefined,variant:'verve'};var _default=Progress;exports["default"]=_default;
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 Progress_exports = {};
+__export(Progress_exports, {
+  default: () => Progress_default
+});
+module.exports = __toCommonJS(Progress_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_yoga_system = require("@gympass/yoga-system");
+var import_shared = require("../../shared");
+const ProgressWrapper = import_styled_components.default.View`
+  width: 100%;
+
+  ${({ isNumber, align }) => `
+
+  ${isNumber ? `
+      flex-direction: row;
+    ` : `
+      flex-direction: column;
+    `}
+
+  ${isNumber && align === "left" ? "flex-direction: row-reverse;" : ""}
+  `}
+
+  ${import_yoga_system.backgroundColor}
+  ${import_yoga_system.borders}
+  ${import_yoga_system.elevation}
+  ${import_yoga_system.positions}
+  ${import_yoga_system.display}
+  ${import_yoga_system.spacing}
+`;
+const ProgressBar = import_styled_components.default.View`
+  position: relative;
+  flex-grow: 1;
+
+  margin: auto 0;
+
+  ${({
+  theme: {
+    yoga: {
+      components: { progress }
+    }
+  }
+}) => `
+    height: ${progress.height}px;
+
+    background-color: ${progress.backgroundColor.bar};
+
+    border-radius: ${progress.border.radius}px;
+  `};
+`;
+const ProgressValue = import_styled_components.default.View`
+  position: absolute;
+
+  height: 100%;
+
+  ${({
+  variant,
+  width,
+  theme: {
+    yoga: {
+      colors: { [variant]: color },
+      components: { progress }
+    }
+  }
+}) => `
+    width: ${width}%;
+
+    background-color: ${color};
+
+    border-radius: ${progress.border.radius}px;
+  `}
+`;
+const Label = import_styled_components.default.Text`
+  ${({
+  isNumber,
+  align,
+  theme: {
+    yoga: {
+      baseFont,
+      spacing,
+      colors,
+      components: { progress }
+    }
+  }
+}) => `
+  font-family: ${baseFont.family};
+  font-size: ${progress.label.font.size}px;
+  text-align: ${align};
+  color: ${colors.deep};
+
+  ${isNumber ? `
+      width: 22px;
+
+      margin-${align === "right" ? "left" : "right"}: ${spacing.xxsmall}px;
+    ` : `
+      margin-top: ${spacing.xxxsmall}px;
+    `}
+`}
+`;
+const Progress = import_react.default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { label, max, value, variant } = _b, props = __objRest(_b, ["label", "max", "value", "variant"]);
+    const isNumber = !/[a-zA-Z]/g.test(label.value);
+    const align = label.placement || "left";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ProgressWrapper, __spreadProps(__spreadValues({ ref }, props), { isNumber, align, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgressBar, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgressValue, { width: value / max * 100, variant }) }),
+      Object.keys(label).length > 0 && (isNumber || label.value) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, { isNumber, align, children: label.value })
+    ] }));
+  }
+);
+Progress.propTypes = {
+  /** Use labels to increase users understanding. If the value is numeric, make
+   * sure it has a maximum of 3 characters */
+  label: (0, import_prop_types.shape)({
+    value: (0, import_shared.charLength)(3, (0, import_prop_types.oneOfType)([import_prop_types.number, import_prop_types.string])),
+    placement: (0, import_prop_types.oneOf)(["left", "right"])
+  }),
+  /** This attribute describes how much work the task indicated by the progress
+   * element requires. The max attribute, if present, must have a value greater
+   * than zero and be a valid floating point number. The default value is 1. */
+  max: import_prop_types.number,
+  /** This attribute specifies how much of the task that has been completed. It
+   * must be a valid floating point number between 0 and max, or between 0 and 1
+   * if max is omitted. If there is no value attribute, the progress bar is
+   * indeterminate; this indicates that an activity is ongoing with no
+   * indication of how long it is expected to take. */
+  value: import_prop_types.number,
+  /** style the card following the theme (primary, secondary, vibin, hope,
+   * energy, relax, peace, verve, uplift, deepPurple, deep, stamina, dark,
+   * medium, light, clear, white) */
+  variant: (0, import_prop_types.oneOf)([
+    "primary",
+    "secondary",
+    "vibin",
+    "hope",
+    "energy",
+    "relax",
+    "peace",
+    "verve",
+    "uplift",
+    "deepPurple",
+    "stamina",
+    "dark",
+    "medium",
+    "deep",
+    "light",
+    "clear",
+    "white"
+  ])
+};
+Progress.defaultProps = {
+  label: {
+    value: void 0,
+    placement: "left"
+  },
+  max: 1,
+  value: void 0,
+  variant: "verve"
+};
+var Progress_default = Progress;

package/cjs/Progress/native/Progress.test.js

@@ -0,0 +1,157 @@
+"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_react_native = require("@testing-library/react-native");
+var import__ = require("../..");
+describe("<Progress />", () => {
+  it("should match snapshot", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100 }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 60 })
+      ] })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot with label string", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, label: { value: "Some decription here" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.Progress,
+          {
+            max: 100,
+            value: 65,
+            label: { value: "Some decription here", placement: "right" }
+          }
+        )
+      ] })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot with label number", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.Progress,
+          {
+            max: 100,
+            value: 65,
+            label: { value: 65, placement: "right" }
+          }
+        )
+      ] })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot with all variants", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.Progress,
+          {
+            max: 100,
+            value: 20,
+            label: { value: 20 },
+            variant: "primary"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.Progress,
+          {
+            max: 100,
+            value: 20,
+            label: { value: 20 },
+            variant: "secondary"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "vibin" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "hope" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "energy" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "relax" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "peace" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "verve" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "uplift" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.Progress,
+          {
+            max: 100,
+            value: 20,
+            label: { value: 20 },
+            variant: "deepPurple"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.Progress,
+          {
+            max: 100,
+            value: 20,
+            label: { value: 20 },
+            variant: "stamina"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "dark" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "medium" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "deep" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "light" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "clear" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { max: 100, value: 20, label: { value: 20 }, variant: "white" })
+      ] })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot with positions prop system", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { position: "absolute", top: "small", left: "small" }) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot with spacing prop system", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { m: "small", padding: "medium" }) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot with background color prop system", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { backgroundColor: "primary" }) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot with border prop system", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { b: "small", bRadius: "small" }) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot with elevation prop system", () => {
+    const { toJSON } = (0, import_react_native.render)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Progress, { elevation: "small" }) })
+    );
+    expect(toJSON()).toMatchSnapshot();
+  });
+});

package/cjs/Progress/native/index.js

@@ -1 +1,35 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _Progress=_interopRequireDefault(require("./Progress"));var _default=_Progress["default"];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 native_exports = {};
+__export(native_exports, {
+  default: () => native_default
+});
+module.exports = __toCommonJS(native_exports);
+var import_Progress = __toESM(require("./Progress"));
+var native_default = import_Progress.default;