@gympass/yoga 7.87.1 → 7.88.0

package/esm/Theme/theme/theme.js

@@ -1,164 +0,0 @@
-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); }
-
-/* eslint-disable prefer-destructuring */
-import { merge } from '@gympass/yoga-common';
-import _componentThemes_Accordion$Accordion from "./../../Accordion/Accordion.theme.js";
-import _componentThemes_ActionRequirement$ActionRequirement from "./../../ActionRequirement/ActionRequirement.theme.js";
-import _componentThemes_AutoComplete$AutoComplete from "./../../AutoComplete/AutoComplete.theme.js";
-import _componentThemes_Avatar$Avatar from "./../../Avatar/Avatar.theme.js";
-import _componentThemes_Banner$Banner from "./../../Banner/Banner.theme.js";
-import _componentThemes_BottomSheet$BottomSheet from "./../../BottomSheet/BottomSheet.theme.js";
-import _componentThemes_Button$Button from "./../../Button/Button.theme.js";
-import _componentThemes_Card$CardNative from "./../../Card/Card.native.theme.js";
-import _componentThemes_Card$Card from "./../../Card/Card.theme.js";
-import _componentThemes_Card$CardWeb from "./../../Card/Card.web.theme.js";
-import _componentThemes_Checkbox$Checkbox from "./../../Checkbox/Checkbox.theme.js";
-import _componentThemes_Checkbox$CheckboxSwitch from "./../../Checkbox/CheckboxSwitch.theme.js";
-import _componentThemes_Datepicker$Datepicker from "./../../Datepicker/Datepicker.theme.js";
-import _componentThemes_Dialog$Dialog from "./../../Dialog/Dialog.theme.js";
-import _componentThemes_Divider$Divider from "./../../Divider/Divider.theme.js";
-import _componentThemes_Drawer$Drawer from "./../../Drawer/Drawer.theme.js";
-import _componentThemes_Dropdown$Dropdown from "./../../Dropdown/Dropdown.theme.js";
-import _componentThemes_Feedback$Feedback from "./../../Feedback/Feedback.theme.js";
-import _componentThemes_Grid$Grid from "./../../Grid/Grid.theme.js";
-import _componentThemes_Header$Header from "./../../Header/Header.theme.js";
-import _componentThemes_Heading$Heading from "./../../Heading/Heading.theme.js";
-import _componentThemes_Icon$Icon from "./../../Icon/Icon.theme.js";
-import _componentThemes_Input$Input from "./../../Input/Input.theme.js";
-import _componentThemes_List$List from "./../../List/List.theme.js";
-import _componentThemes_Menu$Menu from "./../../Menu/Menu.theme.js";
-import _componentThemes_Popover$Popover from "./../../Popover/Popover.theme.js";
-import _componentThemes_Progress$Progress from "./../../Progress/Progress.theme.js";
-import _componentThemes_RadioGroup$RadioGroup from "./../../RadioGroup/RadioGroup.theme.js";
-import _componentThemes_Rating$Rating from "./../../Rating/Rating.theme.js";
-import _componentThemes_Result$Result from "./../../Result/Result.theme.js";
-import _componentThemes_Skeleton$Skeleton from "./../../Skeleton/Skeleton.theme.js";
-import _componentThemes_Slider$Slider from "./../../Slider/Slider.theme.js";
-import _componentThemes_Snackbar$Snackbar from "./../../Snackbar/Snackbar.theme.js";
-import _componentThemes_Spinner$Spinner from "./../../Spinner/Spinner.theme.js";
-import _componentThemes_Stepper$Stepper from "./../../Stepper/Stepper.theme.js";
-import _componentThemes_Tag$Tag from "./../../Tag/Tag.theme.js";
-import _componentThemes_Text$Text from "./../../Text/Text.theme.js";
-import _componentThemes_TextArea$TextArea from "./../../TextArea/TextArea.theme.js";
-var componentThemes = {
-  Accordion$Accordion: _componentThemes_Accordion$Accordion,
-  ActionRequirement$ActionRequirement: _componentThemes_ActionRequirement$ActionRequirement,
-  AutoComplete$AutoComplete: _componentThemes_AutoComplete$AutoComplete,
-  Avatar$Avatar: _componentThemes_Avatar$Avatar,
-  Banner$Banner: _componentThemes_Banner$Banner,
-  BottomSheet$BottomSheet: _componentThemes_BottomSheet$BottomSheet,
-  Button$Button: _componentThemes_Button$Button,
-  Card$CardNative: _componentThemes_Card$CardNative,
-  Card$Card: _componentThemes_Card$Card,
-  Card$CardWeb: _componentThemes_Card$CardWeb,
-  Checkbox$Checkbox: _componentThemes_Checkbox$Checkbox,
-  Checkbox$CheckboxSwitch: _componentThemes_Checkbox$CheckboxSwitch,
-  Datepicker$Datepicker: _componentThemes_Datepicker$Datepicker,
-  Dialog$Dialog: _componentThemes_Dialog$Dialog,
-  Divider$Divider: _componentThemes_Divider$Divider,
-  Drawer$Drawer: _componentThemes_Drawer$Drawer,
-  Dropdown$Dropdown: _componentThemes_Dropdown$Dropdown,
-  Feedback$Feedback: _componentThemes_Feedback$Feedback,
-  Grid$Grid: _componentThemes_Grid$Grid,
-  Header$Header: _componentThemes_Header$Header,
-  Heading$Heading: _componentThemes_Heading$Heading,
-  Icon$Icon: _componentThemes_Icon$Icon,
-  Input$Input: _componentThemes_Input$Input,
-  List$List: _componentThemes_List$List,
-  Menu$Menu: _componentThemes_Menu$Menu,
-  Popover$Popover: _componentThemes_Popover$Popover,
-  Progress$Progress: _componentThemes_Progress$Progress,
-  RadioGroup$RadioGroup: _componentThemes_RadioGroup$RadioGroup,
-  Rating$Rating: _componentThemes_Rating$Rating,
-  Result$Result: _componentThemes_Result$Result,
-  Skeleton$Skeleton: _componentThemes_Skeleton$Skeleton,
-  Slider$Slider: _componentThemes_Slider$Slider,
-  Snackbar$Snackbar: _componentThemes_Snackbar$Snackbar,
-  Spinner$Spinner: _componentThemes_Spinner$Spinner,
-  Stepper$Stepper: _componentThemes_Stepper$Stepper,
-  Tag$Tag: _componentThemes_Tag$Tag,
-  Text$Text: _componentThemes_Text$Text,
-  TextArea$TextArea: _componentThemes_TextArea$TextArea
-};
-Object.freeze(componentThemes);
-
-var getComponentThemes = function getComponentThemes(tokens) {
-  var colors = tokens.colors,
-      baseFont = tokens.baseFont,
-      baseFontSize = tokens.baseFontSize;
-  var components = Object.entries(componentThemes).reduce(function (componentsStyles, _ref) {
-    var _extends2;
-
-    var names = _ref[0],
-        themed = _ref[1];
-
-    var _names$toLowerCase$sp = names.toLowerCase().split('$'),
-        name = _names$toLowerCase$sp[1];
-
-    return _extends({}, componentsStyles, (_extends2 = {}, _extends2[name] = themed(_extends({}, tokens, {
-      colors: colors,
-      baseFont: baseFont,
-      baseFontSize: baseFontSize
-    })), _extends2));
-  }, {});
-  return {
-    components: components
-  };
-};
-
-var theme = function theme(tokens) {
-  var baseFont = tokens.fonts.rubik;
-  var baseFontSize = tokens.fontSizes.medium;
-
-  var colors = _extends({}, tokens.colors, {
-    primary: tokens.colors.vibin,
-    secondary: tokens.colors.stamina,
-    feedback: {
-      success: [tokens.colors.success, tokens.colors.hope],
-      informative: [tokens.colors.neutral, tokens.colors.relax],
-      attention: [tokens.colors.attention, tokens.colors.verve],
-      neutral: [tokens.colors.light, tokens.colors.medium]
-    },
-    text: {
-      primary: tokens.colors.stamina,
-      secondary: tokens.colors.deep,
-      disabled: tokens.colors.light
-    },
-    elements: {
-      selectionAndIcons: tokens.colors.medium,
-      lineAndBorders: tokens.colors.light,
-      backgroundAndDisabled: tokens.colors.clear
-    }
-  });
-
-  var _colors$feedback$succ = colors.feedback.success;
-  colors.feedback.success.light = _colors$feedback$succ[0];
-  colors.feedback.success.dark = _colors$feedback$succ[1];
-  var _colors$feedback$info = colors.feedback.informative;
-  colors.feedback.informative.light = _colors$feedback$info[0];
-  colors.feedback.informative.dark = _colors$feedback$info[1];
-  var _colors$feedback$atte = colors.feedback.attention;
-  colors.feedback.attention.light = _colors$feedback$atte[0];
-  colors.feedback.attention.dark = _colors$feedback$atte[1];
-  var _colors$feedback$neut = colors.feedback.neutral;
-  colors.feedback.neutral.light = _colors$feedback$neut[0];
-  colors.feedback.neutral.dark = _colors$feedback$neut[1];
-  return _extends({}, tokens, {
-    colors: colors,
-    baseFont: baseFont,
-    baseFontSize: baseFontSize
-  });
-};
-
-var composeTheme = function composeTheme(tokens, customTheming) {
-  if (customTheming === void 0) {
-    customTheming = {};
-  }
-
-  var baseTheme = theme(tokens);
-  var customTheme = merge(baseTheme, customTheming);
-  var componentTheming = getComponentThemes(customTheme);
-  return merge(customTheme, componentTheming);
-};
-
-export default composeTheme;

package/esm/hooks/index.js

@@ -1,3 +0,0 @@
-export * from './usePortal';
-export * from './useKeyPress';
-export * from './useCombinedRefs';

package/esm/hooks/useCombinedRefs.js

@@ -1,25 +0,0 @@
-import { useEffect, useRef } from 'react';
-/**
- *  A hook for combining multiple refs into one ref.
- */
-
-export var useCombinedRefs = function useCombinedRefs() {
-  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
-    refs[_key] = arguments[_key];
-  }
-
-  var targetRef = useRef(null);
-  useEffect(function () {
-    for (var i = 0; i < refs.length; i++) {
-      var ref = refs[i];
-      if (!ref) return;
-
-      if (typeof ref === 'function') {
-        ref(targetRef.current);
-      } else {
-        ref.current = targetRef.current;
-      }
-    }
-  }, [refs]);
-  return targetRef;
-};

package/esm/hooks/useKeyPress.js

@@ -1,32 +0,0 @@
-import { useEffect, useState } from 'react';
-export var useKeyPress = function useKeyPress(targetKey) {
-  var _useState = useState(false),
-      keyPressed = _useState[0],
-      setKeyPressed = _useState[1];
-
-  useEffect(function () {
-    function downHandler(_ref) {
-      var key = _ref.key;
-
-      if (key === targetKey) {
-        setKeyPressed(true);
-      }
-    }
-
-    function upHandler(_ref2) {
-      var key = _ref2.key;
-
-      if (key === targetKey) {
-        setKeyPressed(false);
-      }
-    }
-
-    window.addEventListener('keydown', downHandler);
-    window.addEventListener('keyup', upHandler);
-    return function () {
-      window.removeEventListener('keydown', downHandler);
-      window.removeEventListener('keyup', upHandler);
-    };
-  }, [targetKey]);
-  return keyPressed;
-};

package/esm/hooks/usePortal.js

@@ -1,54 +0,0 @@
-import { useRef, useEffect } from 'react';
-/**
- * Creates DOM element to be used as React root.
- * @returns {HTMLElement}
- */
-
-var createRootElement = function createRootElement(id) {
-  var rootContainer = document.createElement('div');
-  rootContainer.setAttribute('id', id);
-  return rootContainer;
-};
-/**
- * Appends element as last child of body.
- * @param {HTMLElement} rootElement
- */
-
-
-var addRootElement = function addRootElement(rootElement) {
-  document.body.insertBefore(rootElement, document.body.lastElementChild.nextElementSibling);
-};
-
-export var usePortal = function usePortal(id) {
-  var rootElementRef = useRef(null);
-  useEffect(function () {
-    // Look for existing target dom element to append to
-    var existingParent = document.getElementById(id); // Parent is either a new root or the existing dom element
-
-    var parentElem = existingParent || createRootElement(id); // If there is no existing DOM element, add a new one.
-
-    if (!existingParent) {
-      addRootElement(parentElem);
-    } // Add the detached element to the parent
-
-
-    parentElem.appendChild(rootElementRef.current);
-    return function removeElement() {
-      rootElementRef.current.remove();
-
-      if (!parentElem.childElementCount) {
-        parentElem.remove();
-      }
-    };
-  }, [id]);
-
-  var getRootElemement = function getRootElemement() {
-    if (!rootElementRef.current) {
-      rootElementRef.current = document.createElement('div');
-    }
-
-    return rootElementRef.current;
-  };
-
-  return getRootElemement();
-};

package/esm/index.js

@@ -1,38 +0,0 @@
-import ThemeProvider, { FontLoader, yogaTheme, theme, createTheme } from './Theme';
-import Accordion from './Accordion';
-import Button from './Button';
-import List from './List';
-import Checkbox from './Checkbox';
-import Slider from './Slider';
-import RadioGroup from './RadioGroup';
-import { Card, PlanCard, EventCard } from './Card';
-import Stepper from './Stepper';
-import { Container, Row, Col, Hide } from './Grid';
-import Text from './Text';
-import Rating from './Rating';
-import Tag from './Tag';
-import Input from './Input';
-import Progress from './Progress';
-import Dropdown from './Dropdown';
-import TextArea from './TextArea';
-import AutoComplete from './AutoComplete';
-import Icon from './Icon';
-import Chips from './Chips';
-import Box from './Box';
-import Snackbar from './Snackbar';
-import Avatar from './Avatar';
-import BottomSheet from './BottomSheet';
-import Dialog from './Dialog';
-import Divider from './Divider';
-import Header from './Header';
-import Menu from './Menu';
-import Banner from './Banner';
-import Heading from './Heading';
-import Feedback from './Feedback';
-import Datepicker from './Datepicker';
-import Drawer from './Drawer';
-import Skeleton from './Skeleton';
-import ActionRequirement from './ActionRequirement';
-import Popover from './Popover';
-import Spinner from './Spinner';
-export { Accordion, ThemeProvider, FontLoader, createTheme, yogaTheme, theme, Button, List, Checkbox, RadioGroup, Slider, Card, PlanCard, Stepper, Container, Row, Col, Hide, Text, Rating, EventCard, Tag, Input, Progress, Dropdown, TextArea, AutoComplete, Icon, Chips, Box, Snackbar, Avatar, BottomSheet, Dialog, Divider, Header, Menu, Banner, Heading, Feedback, Datepicker, Drawer, Skeleton, ActionRequirement, Popover, Spinner };

package/esm/index.native.js

@@ -1,26 +0,0 @@
-import ThemeProvider, { yogaTheme, theme, createTheme } from './Theme';
-import Button from './Button';
-import List from './List';
-import Checkbox from './Checkbox';
-import Slider from './Slider';
-import RadioGroup from './RadioGroup';
-import { Card, PlanCard, EventCard, GymCard } from './Card/native';
-import Stepper from './Stepper';
-import Text from './Text';
-import Rating from './Rating';
-import Tag from './Tag';
-import Input from './Input';
-import Progress from './Progress';
-import Dropdown from './Dropdown';
-import TextArea from './TextArea';
-import Icon from './Icon';
-import Chips from './Chips';
-import Box from './Box';
-import Avatar from './Avatar';
-import Result from './Result';
-import Divider from './Divider';
-import Snackbar from './Snackbar';
-import Banner from './Banner';
-import Skeleton from './Skeleton';
-import ActionRequirement from './ActionRequirement';
-export { ThemeProvider, yogaTheme, createTheme, theme, Button, List, Checkbox, RadioGroup, Slider, Card, PlanCard, EventCard, GymCard, Stepper, Text, Rating, Tag, Input, Progress, Dropdown, TextArea, Icon, Chips, Box, Avatar, Result, Divider, Snackbar, Banner, Skeleton, ActionRequirement };

package/esm/shared/HiddenInput.js

@@ -1,7 +0,0 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import styled from 'styled-components';
-var HiddenInput = styled.input(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  border: 0;\n  height: 0;\n  margin: 0;\n  opacity: 0;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 0;\n"])));
-export default HiddenInput;

package/esm/shared/index.js

@@ -1,3 +0,0 @@
-import HiddenInput from './HiddenInput';
-import { limitChildren, typeOf, charLength, max, deprecated } from './propTypes';
-export { HiddenInput, limitChildren, typeOf, charLength, max, deprecated };

package/esm/shared/index.native.js

@@ -1,2 +0,0 @@
-import { limitChildren, typeOf, charLength, max, deprecated } from './propTypes';
-export { limitChildren, typeOf, charLength, max, deprecated };

package/esm/shared/propTypes/charLength.js

@@ -1,19 +0,0 @@
-import { checkPropTypes } from 'prop-types';
-
-var charLength = function charLength(length, proptypes) {
-  return function (props, propName, componentName) {
-    var _checkPropTypes;
-
-    var MAX_CHARS = length;
-    var valueProp = props[propName];
-    checkPropTypes((_checkPropTypes = {}, _checkPropTypes[propName] = proptypes, _checkPropTypes), props, 'prop', componentName);
-
-    if (!isNaN(valueProp) && valueProp.toString().length > MAX_CHARS) {
-      return new Error("Invalid prop " + propName + " supplied to " + componentName + ". " + propName + " must have up to " + MAX_CHARS + " characters");
-    }
-
-    return null;
-  };
-};
-
-export default charLength;

package/esm/shared/propTypes/deprecated.js

@@ -1,17 +0,0 @@
-/* eslint-disable no-console */
-var deprecated = function deprecated(propType, explanation) {
-  return function validate(props, propName, componentName) {
-    if (props[propName] != null) {
-      var message = "\"" + propName + "\" property of \"" + componentName + "\" has been deprecated.\n" + explanation;
-      console.warn(message);
-    }
-
-    for (var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
-      rest[_key - 3] = arguments[_key];
-    }
-
-    return propType.apply(void 0, [props, propName, componentName].concat(rest));
-  };
-};
-
-export default deprecated;

package/esm/shared/propTypes/index.js

@@ -1,6 +0,0 @@
-import limitChildren from './limitChildren';
-import typeOf from './typeof';
-import charLength from './charLength';
-import max from './max';
-import deprecated from './deprecated';
-export { limitChildren, typeOf, charLength, max, deprecated };

package/esm/shared/propTypes/limitChildren.js

@@ -1,17 +0,0 @@
-import { number, checkPropTypes } from 'prop-types';
-
-var limitChildren = function limitChildren(props, propName, componentName) {
-  var _checkPropTypes;
-
-  var children = props.children,
-      activeStep = props[propName];
-  checkPropTypes((_checkPropTypes = {}, _checkPropTypes[propName] = number, _checkPropTypes), props, 'prop', componentName);
-
-  if (activeStep > children.length - 1) {
-    return new Error("Invalid prop \"" + propName + "\" supplied to \"" + componentName + "\". \"" + propName + "\" must be smaller or equal the number of children.");
-  }
-
-  return null;
-};
-
-export default limitChildren;

package/esm/shared/propTypes/max.js

@@ -1,22 +0,0 @@
-import { checkPropTypes, number } from 'prop-types';
-
-var max = function max(value, proptypes) {
-  if (proptypes === void 0) {
-    proptypes = number;
-  }
-
-  return function (props, propName, componentName) {
-    var _checkPropTypes;
-
-    var valueProp = props[propName];
-    checkPropTypes((_checkPropTypes = {}, _checkPropTypes[propName] = proptypes, _checkPropTypes), props, 'prop', componentName);
-
-    if (valueProp > value) {
-      return new Error("Invalid prop " + propName + " supplied to " + componentName + ". " + propName + " must be a value with maximum of " + value);
-    }
-
-    return null;
-  };
-};
-
-export default max;

package/esm/shared/propTypes/typeof.js

@@ -1,17 +0,0 @@
-import React from 'react';
-
-var typeOf = function typeOf(_ref) {
-  var childType = _ref.displayName;
-  return function (props, propName, componentName) {
-    var error;
-    var prop = props[propName];
-    React.Children.forEach(prop, function (child) {
-      if (child.type.displayName !== childType) {
-        error = new Error("\"" + componentName + "\" only accepts children of type \"" + childType + "\".");
-      }
-    });
-    return error;
-  };
-};
-
-export default typeOf;