@gympass/yoga 7.87.0 → 7.88.0

package/typings/index.d.ts

@@ -0,0 +1,434 @@
+import * as prop_types from 'prop-types';
+import prop_types__default, { string, bool, func, node, number, elementType } from 'prop-types';
+import React from 'react';
+
+/** This component provides a theme to all React components underneath itself via the context API. */
+declare function ThemeProvider({ children, ...rest }: {
+    [x: string]: any;
+    children: any;
+}): JSX.Element;
+declare namespace ThemeProvider {
+    namespace propTypes {
+        const children: prop_types.Validator<string | number | boolean | prop_types.ReactElementLike | prop_types.ReactNodeArray>;
+    }
+}
+
+declare const _default$a: any;
+
+declare function composeTheme(tokens: any, customTheming?: {}): any;
+
+declare function _default$9(props: any): any;
+
+/**
+ * This callback is displayed as part of the Requester class.
+ */
+type themeVars = (tokens: {
+    [x: string]: string | number;
+}) => any;
+/**
+ * Gets a function that one could sent to \<ThemeProvider> in order to inject a custom thme (or sets of tokens)
+ * @param {themeVars} themeVars - should return an object with a similar scheme of our tokens that will be replaced, can receive a tokens parameter
+ * @returns {themeVars} themeVars - will return the same function which is injected to \<ThemeProvider>
+ */
+declare function createTheme(themeVars: themeVars): themeVars;
+
+declare function Accordion({ title, subtitle, children, disabled, expanded, small, hasHorizontalPadding, ...props }: {
+    [x: string]: any;
+    title: any;
+    subtitle: any;
+    children: any;
+    disabled: any;
+    expanded: any;
+    small: any;
+    hasHorizontalPadding: any;
+}): JSX.Element;
+declare namespace Accordion {
+    namespace propTypes {
+        export { string as title };
+        export { string as subtitle };
+        export const children: prop_types.Validator<string | number | boolean | prop_types.ReactElementLike | prop_types.ReactNodeArray>;
+        export { bool as disabled };
+        export { bool as expanded };
+        export { bool as small };
+        export { bool as hasHorizontalPadding };
+    }
+    namespace defaultProps {
+        const title: undefined;
+        const subtitle: undefined;
+        const disabled: boolean;
+        const expanded: boolean;
+        const small: boolean;
+        const hasHorizontalPadding: boolean;
+    }
+}
+
+/** Buttons make common actions more obvious and help users more easily perform them. Buttons use labels and sometimes icons to communicate the action that will occur when the user touches them. */
+declare const Button: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+
+/** Lists are a continuous group of text or images. They are composed of items
+containing primary and supplemental actions, which are represented by icons and
+text. */
+declare const List: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+
+declare const _default$8: any;
+
+declare const _default$7: any;
+
+declare function RadioGroup({ name, onChange, selectedValue, small, full, children, style, ...rest }: {
+    [x: string]: any;
+    name: any;
+    onChange: any;
+    selectedValue: any;
+    small: any;
+    full: any;
+    children: any;
+    style: any;
+}): JSX.Element;
+declare namespace RadioGroup {
+    namespace propTypes {
+        export { string as name };
+        export { func as onChange };
+        export const selectedValue: prop_types.Requireable<string | number>;
+        export { bool as small };
+        export { bool as full };
+        export { node as children };
+        export const style: prop_types.Requireable<prop_types.InferProps<{}>>;
+    }
+    namespace defaultProps {
+        export const name: string;
+        export function onChange(): void;
+        const selectedValue_1: string;
+        export { selectedValue_1 as selectedValue };
+        export const small: boolean;
+        export const full: boolean;
+        export const children: null;
+        const style_1: {};
+        export { style_1 as style };
+    }
+}
+
+declare const Card: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+
+declare function PlanCard({ children, discount, variant, ...rest }: {
+    [x: string]: any;
+    children: any;
+    discount: any;
+    variant: any;
+}): JSX.Element;
+declare namespace PlanCard {
+    namespace propTypes {
+        export { node as children };
+        export { string as discount };
+        export const variant: prop_types.Requireable<string>;
+    }
+    namespace defaultProps {
+        export const children: undefined;
+        export const discount: undefined;
+        const variant_1: string;
+        export { variant_1 as variant };
+    }
+    const displayName: string;
+}
+
+declare const _default$6: any;
+
+declare function limitChildren(props: any, propName: any, componentName: any): Error | null;
+
+/** Stepper is responsible for the logic that drives a stepped workflow, it
+provides a wizard-like workflow by dividing content into logical steps. */
+declare function Stepper({ children, activeStep, secondary, ...rest }: {
+    [x: string]: any;
+    children: any;
+    activeStep: any;
+    secondary: any;
+}): JSX.Element;
+declare namespace Stepper {
+    const displayName: string;
+    namespace propTypes {
+        export const children: (props: any, propName: any, componentName: any) => undefined;
+        export { limitChildren as activeStep };
+        export { bool as secondary };
+    }
+    namespace defaultProps {
+        const children_1: undefined;
+        export { children_1 as children };
+        export const activeStep: number;
+        export const secondary: boolean;
+    }
+}
+
+declare const Container: any;
+
+declare const Row: any;
+
+declare const Col: any;
+
+declare const Hide: any;
+
+declare function Text(props: any): JSX.Element;
+declare namespace Text {
+    const displayName: string;
+    namespace propTypes {
+        export { bool as inverted };
+        export { number as numberOfLines };
+        export const variant: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        export const size: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        export { bool as light };
+        export { fontSizes as fontSize };
+    }
+    namespace defaultProps {
+        export const inverted: boolean;
+        const variant_1: undefined;
+        export { variant_1 as variant };
+        const size_1: undefined;
+        export { size_1 as size };
+        export const fontSize: string;
+        export const numberOfLines: undefined;
+        export const light: boolean;
+    }
+}
+declare const fontSizes: prop_types.Requireable<string>;
+
+declare const _default$5: any;
+
+/** Tags should be keywords to categorize or organize an item. */
+declare function Tag(props: any): JSX.Element;
+declare namespace Tag {
+    namespace propTypes {
+        export const variant: prop_types.Requireable<string>;
+        export const children: prop_types.Validator<string | number | boolean | prop_types.ReactElementLike | prop_types.ReactNodeArray>;
+        export { bool as small };
+        export { bool as ellipsis };
+    }
+    namespace defaultProps {
+        const variant_1: string;
+        export { variant_1 as variant };
+        export const small: boolean;
+        export const ellipsis: boolean;
+    }
+}
+
+declare const Input: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+
+/** The Progress is a component used to indicate a progress of an indicator
+ * of quantity. The use of labels numeric or alphabetic can increase the user
+ * understanding. */
+declare const Progress: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+
+/** Gympass Dropdown is a multiple choice type of menu. */
+declare const Dropdown: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+
+/**
+ * TextArea is a type of text field which has a larger initiation size to
+ * encourage a bigger user input. This component has a fixed height and the text
+ * lines are increased when the input reaches the limit of lines established for
+ * the field. This action creates a vertical scroll inside the component.
+ */
+declare const TextArea: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+
+/** The autocomplete is a normal input field enhanced by a panel of suggested options. */
+declare const AutoComplete: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+
+declare const _default$4: any;
+
+declare const _default$3: any;
+
+declare const Box: any;
+
+declare const _default$2: React.MemoExoticComponent<any>;
+
+/**
+ * The Avatar component is used to display the image.
+ * It has two shapes: default and circle
+ */
+declare const Avatar: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+
+declare const BottomSheet: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+
+declare const Dialog: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+
+declare const _default$1: any;
+
+declare function Header({ link, logo, children, ...props }: {
+    [x: string]: any;
+    link: any;
+    logo: any;
+    children: any;
+}): JSX.Element;
+declare namespace Header {
+    namespace propTypes {
+        export { string as link };
+        export { node as children };
+        export { elementType as logo };
+    }
+    namespace defaultProps {
+        const link: null;
+        const children: null;
+        const logo: null;
+    }
+}
+
+declare function Menu({ children, onMouseHover }: {
+    children: any;
+    onMouseHover: any;
+}): JSX.Element;
+declare namespace Menu {
+    namespace propTypes {
+        export const children: prop_types.Validator<string | number | boolean | prop_types.ReactElementLike | prop_types.ReactNodeArray>;
+        export { bool as onMouseHover };
+    }
+    namespace defaultProps {
+        const onMouseHover: boolean;
+    }
+    const displayName: string;
+}
+
+/** A banner is a component that displays a prominent message. It can have related action buttons on it or not. */
+declare const Banner: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+
+declare function Heading({ children, noPadding, ...props }: {
+    [x: string]: any;
+    children: any;
+    noPadding: any;
+}): JSX.Element;
+declare namespace Heading {
+    namespace propTypes {
+        export const children: prop_types__default.Requireable<string | number | boolean | prop_types__default.ReactElementLike | prop_types__default.ReactNodeArray>;
+        export { bool as noPadding };
+    }
+    namespace defaultProps {
+        const children_1: undefined;
+        export { children_1 as children };
+        export const noPadding: boolean;
+    }
+}
+
+declare function Feedback({ variant, title, description, children, center, ...props }: {
+    [x: string]: any;
+    variant: any;
+    title: any;
+    description: any;
+    children: any;
+    center: any;
+}): JSX.Element;
+declare namespace Feedback {
+    namespace propTypes {
+        export const variant: prop_types.Validator<string>;
+        export { string as title };
+        export const description: prop_types.Validator<string>;
+        export const children: prop_types.Requireable<string | number | boolean | prop_types.ReactElementLike | prop_types.ReactNodeArray>;
+        export { bool as center };
+    }
+    namespace defaultProps {
+        export const title: undefined;
+        const children_1: undefined;
+        export { children_1 as children };
+        export const center: boolean;
+    }
+}
+
+declare function Datepicker({ fullWidth, type, placeholder, startDate, endDate, onSelectSingle, disabled, onSelectRange, customOnSelectRange, disablePastDates, disableFutureDates, disablePastFrom, disableFutureFrom, error, onOpen, displayEndDateOnly, ...props }: {
+    [x: string]: any;
+    fullWidth: any;
+    type: any;
+    placeholder: any;
+    startDate: any;
+    endDate: any;
+    onSelectSingle: any;
+    disabled: any;
+    onSelectRange: any;
+    customOnSelectRange: any;
+    disablePastDates: any;
+    disableFutureDates: any;
+    disablePastFrom: any;
+    disableFutureFrom: any;
+    error: any;
+    onOpen: any;
+    displayEndDateOnly: any;
+}): JSX.Element;
+declare namespace Datepicker {
+    namespace propTypes {
+        export { bool as fullWidth };
+        export const type: prop_types.Validator<string>;
+        export { string as placeholder };
+        export const startDate: prop_types.Requireable<Date>;
+        export const endDate: prop_types.Requireable<Date>;
+        export { bool as disabled };
+        export { func as onSelectSingle };
+        export { func as onSelectRange };
+        export { func as customOnSelectRange };
+        export { bool as disablePastDates };
+        export { bool as disableFutureDates };
+        export const disablePastFrom: prop_types.Requireable<Date>;
+        export const disableFutureFrom: prop_types.Requireable<Date>;
+        export { string as error };
+        export { func as onOpen };
+        export { bool as displayEndDateOnly };
+    }
+    namespace defaultProps {
+        export const fullWidth: boolean;
+        export const placeholder: undefined;
+        const startDate_1: undefined;
+        export { startDate_1 as startDate };
+        const endDate_1: undefined;
+        export { endDate_1 as endDate };
+        export const disabled: boolean;
+        export const onSelectSingle: undefined;
+        export const onSelectRange: undefined;
+        export const customOnSelectRange: undefined;
+        export const disablePastDates: boolean;
+        export const disableFutureDates: boolean;
+        const disablePastFrom_1: undefined;
+        export { disablePastFrom_1 as disablePastFrom };
+        const disableFutureFrom_1: undefined;
+        export { disableFutureFrom_1 as disableFutureFrom };
+        export const error: undefined;
+        export const onOpen: undefined;
+        export const displayEndDateOnly: boolean;
+    }
+}
+
+declare const Drawer: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+
+declare function Skeleton(props: any): JSX.Element;
+declare namespace Skeleton {
+    namespace propTypes {
+        const type: prop_types.Validator<string>;
+        function variant(props: any, propName: any, componentName: any): void | Error | null;
+        const animation: prop_types.Requireable<string | boolean>;
+    }
+    namespace defaultProps {
+        const variant_1: undefined;
+        export { variant_1 as variant };
+        const animation_1: string;
+        export { animation_1 as animation };
+    }
+}
+
+declare function ActionRequirement(props: any): JSX.Element;
+declare namespace ActionRequirement {
+    namespace propTypes {
+        const title: prop_types.Validator<string>;
+        const children: prop_types.Requireable<string | number | boolean | prop_types.ReactElementLike | prop_types.ReactNodeArray>;
+        const description: prop_types.Validator<string>;
+        const checkable: prop_types.Requireable<string | number | boolean | prop_types.ReactElementLike | prop_types.ReactNodeArray>;
+        const illustration: prop_types.Requireable<string | number | boolean | prop_types.ReactElementLike | prop_types.ReactNodeArray>;
+        const list: prop_types.Requireable<string | number | boolean | prop_types.ReactElementLike | prop_types.ReactNodeArray>;
+    }
+    namespace defaultProps {
+        const children_1: undefined;
+        export { children_1 as children };
+        const checkable_1: undefined;
+        export { checkable_1 as checkable };
+        const illustration_1: undefined;
+        export { illustration_1 as illustration };
+        const list_1: undefined;
+        export { list_1 as list };
+    }
+}
+
+declare const Popover: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+
+declare const _default: any;
+
+export { Accordion, ActionRequirement, AutoComplete, Avatar, Banner, BottomSheet, Box, Button, Card, _default$8 as Checkbox, _default$3 as Chips, Col, Container, Datepicker, Dialog, _default$1 as Divider, Drawer, Dropdown, _default$6 as EventCard, Feedback, _default$a as FontLoader, Header, Heading, Hide, _default$4 as Icon, Input, List, Menu, PlanCard, Popover, Progress, RadioGroup, _default$5 as Rating, Row, Skeleton, _default$7 as Slider, _default$2 as Snackbar, _default as Spinner, Stepper, Tag, Text, TextArea, ThemeProvider, createTheme, _default$9 as theme, composeTheme as yogaTheme };

package/cjs/Accordion/Accordion.theme.js

@@ -1,35 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var Accordion = function Accordion(_ref) {
-  var spacing = _ref.spacing,
-      fontWeights = _ref.fontWeights,
-      fontSizes = _ref.fontSizes;
-  return {
-    padding: {
-      zero: spacing.zero,
-      small: spacing.small,
-      standard: spacing.medium,
-      large: spacing.large
-    },
-    paddingArrow: {
-      total: spacing.xxsmall
-    },
-    gap: {
-      header: spacing.xxxsmall
-    },
-    fontWeight: {
-      medium: fontWeights.medium,
-      regular: fontWeights.regular
-    },
-    fontSize: {
-      medium: fontSizes.medium,
-      small: fontSizes.small
-    }
-  };
-};
-
-var _default = Accordion;
-exports["default"] = _default;

package/cjs/Accordion/index.js

@@ -1,11 +0,0 @@
-"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;

package/cjs/ActionRequirement/ActionRequirement.theme.js

@@ -1,11 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var ActionRequirement = function ActionRequirement() {
-  return {};
-};
-
-var _default = ActionRequirement;
-exports["default"] = _default;

package/cjs/ActionRequirement/index.js

@@ -1,11 +0,0 @@
-"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;

package/cjs/ActionRequirement/index.native.js

@@ -1 +0,0 @@
-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;

package/cjs/AutoComplete/AutoComplete.theme.js

@@ -1,41 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _Input = _interopRequireDefault(require("../Input/Input.theme"));
-
-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); }
-
-var AutoComplete = function AutoComplete(tokens) {
-  return _extends({}, (0, _Input["default"])(tokens), {
-    field: {
-      backgroundColor: tokens.colors.white
-    },
-    list: {
-      padding: {
-        top: tokens.spacing.small,
-        right: tokens.spacing.small,
-        bottom: tokens.spacing.small,
-        left: tokens.spacing.small
-      },
-      font: {
-        size: tokens.fontSizes.small,
-        weight: {
-          "default": tokens.fontWeights.regular,
-          matched: tokens.fontWeights.bold
-        },
-        lineHeight: tokens.lineHeights.small
-      },
-      backgroundColor: {
-        "default": tokens.colors.white,
-        hover: tokens.colors.clear
-      }
-    }
-  });
-};
-
-var _default = AutoComplete;
-exports["default"] = _default;

package/cjs/AutoComplete/index.js

@@ -1,11 +0,0 @@
-"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;

package/cjs/Avatar/Avatar.theme.js

@@ -1,11 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var Avatar = function Avatar() {
-  return {};
-};
-
-var _default = Avatar;
-exports["default"] = _default;

package/cjs/Avatar/index.js

@@ -1,14 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _Avatar = _interopRequireDefault(require("./web/Avatar"));
-
-var _AvatarCircle = _interopRequireDefault(require("./web/AvatarCircle"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-_Avatar["default"].Circle = _AvatarCircle["default"];
-var _default = _Avatar["default"];
-exports["default"] = _default;

package/cjs/Avatar/index.native.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _Avatar=_interopRequireDefault(require("./native/Avatar"));var _AvatarCircle=_interopRequireDefault(require("./native/AvatarCircle"));_Avatar["default"].Circle=_AvatarCircle["default"];var _default=_Avatar["default"];exports["default"]=_default;

package/cjs/Banner/Banner.theme.js

@@ -1,18 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var Banner = function Banner(_ref) {
-  var colors = _ref.colors,
-      radii = _ref.radii;
-  return {
-    defaultBackgroundColor: colors.feedback.informative.light,
-    border: {
-      radius: radii.small
-    }
-  };
-};
-
-var _default = Banner;
-exports["default"] = _default;

package/cjs/Banner/index.js

@@ -1,11 +0,0 @@
-"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;

package/cjs/Banner/index.native.js

@@ -1 +0,0 @@
-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;

package/cjs/BottomSheet/BottomSheet.theme.js

@@ -1,32 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var BottomSheet = function BottomSheet(_ref) {
-  var radii = _ref.radii,
-      spacing = _ref.spacing;
-  return {
-    border: {
-      radius: radii.regular
-    },
-    padding: {
-      top: spacing.large,
-      right: spacing.medium,
-      bottom: spacing.large,
-      left: spacing.medium
-    },
-    width: {
-      "default": 100
-    },
-    height: {
-      min: 160
-    },
-    position: {
-      "default": spacing.zero
-    }
-  };
-};
-
-var _default = BottomSheet;
-exports["default"] = _default;

package/cjs/BottomSheet/index.js

@@ -1,11 +0,0 @@
-"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;

package/cjs/Box/index.js

@@ -1,11 +0,0 @@
-"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;