@gympass/yoga 7.87.0 → 7.88.0

package/esm/Slider/native/Slider.js

@@ -1,156 +0,0 @@
-var _excluded = ["max", "maxLabel", "min", "minLabel", "snapped", "values", "tooltip", "sliderLength", "theme"];
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import React from 'react';
-import { View } from 'react-native';
-import { bool, number, arrayOf, shape, string, oneOfType } from 'prop-types';
-import { withTheme } from 'styled-components';
-import MultiSlider from '@ptomasroos/react-native-multi-slider';
-import { LabelView, LabelText } from './Label';
-import Marker from './Marker';
-import Step from './Step';
-/** Sliders allow users to make selections from a range of values. Sliders
-reflect a range of values along a bar, from which users may select a single
-value. They are ideal for adjusting settings such as volume, brightness, or
-applying image filters. */
-
-var Slider = function Slider(_ref) {
-  var max = _ref.max,
-      maxLabel = _ref.maxLabel,
-      min = _ref.min,
-      minLabel = _ref.minLabel,
-      snapped = _ref.snapped,
-      values = _ref.values,
-      tooltip = _ref.tooltip,
-      sliderLength = _ref.sliderLength,
-      slider = _ref.theme.yoga.components.slider,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  var renderSnapDots = function renderSnapDots() {
-    var items = [];
-
-    for (var i = min; i <= max; i++) {
-      if (values.length > 1) {
-        items.push( /*#__PURE__*/React.createElement(Step, {
-          key: i,
-          active: values[0] < i && values[1] > i
-        }));
-      } else {
-        items.push( /*#__PURE__*/React.createElement(Step, {
-          key: i,
-          active: values[0] > i
-        }));
-      }
-    }
-
-    return items;
-  };
-
-  var renderTooltip = function renderTooltip(side) {
-    var tooltipSide = side === 'left' ? 0 : 1;
-    return tooltip.filter(function (_ref2) {
-      var step = _ref2.step,
-          visible = _ref2.visible;
-
-      if (!step && step !== 0) {
-        return visible;
-      }
-
-      return visible && values[tooltipSide] === step;
-    })[0];
-  };
-
-  return /*#__PURE__*/React.createElement(View, {
-    style: {
-      width: sliderLength
-    }
-  }, snapped && /*#__PURE__*/React.createElement(View, {
-    style: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      justifyContent: 'space-between',
-      bottom: -30
-    }
-  }, renderSnapDots()), /*#__PURE__*/React.createElement(MultiSlider, _extends({}, props, {
-    values: values,
-    sliderLength: sliderLength,
-    trackStyle: {
-      backgroundColor: slider.track.backgroundColor.inactive,
-      height: 4,
-      borderRadius: slider.track.border.radius
-    },
-    selectedStyle: {
-      backgroundColor: slider.track.backgroundColor.active
-    },
-    isMarkersSeparated: true,
-    min: min,
-    max: max,
-    snapped: snapped,
-    customMarkerLeft: function customMarkerLeft(_ref3) {
-      var pressed = _ref3.pressed;
-      return /*#__PURE__*/React.createElement(Marker, {
-        tooltip: renderTooltip('left'),
-        pressed: pressed
-      });
-    },
-    customMarkerRight: function customMarkerRight(_ref4) {
-      var pressed = _ref4.pressed;
-      return /*#__PURE__*/React.createElement(Marker, {
-        tooltip: renderTooltip('right'),
-        pressed: pressed
-      });
-    },
-    touchDimensions: {
-      slipDisplacement: 400
-    }
-  })), (minLabel || maxLabel) && /*#__PURE__*/React.createElement(LabelView, null, minLabel && /*#__PURE__*/React.createElement(LabelText, {
-    placement: "left"
-  }, minLabel), maxLabel && /*#__PURE__*/React.createElement(LabelText, {
-    placement: "right"
-  }, maxLabel)));
-};
-
-Slider.propTypes = {
-  /** set the max value */
-  max: number,
-
-  /** label to be displayed at max value */
-  maxLabel: oneOfType([string, number]),
-
-  /** set the min value */
-  min: number,
-
-  /** label to be displayed at min value */
-  minLabel: oneOfType([string, number]),
-  sliderLength: number,
-
-  /** make slider be snap through dots */
-  snapped: bool,
-
-  /** accepts a shape with 'ribbon', 'title', 'description', 'visible' and 'step' properties */
-  tooltip: arrayOf(shape({
-    description: string,
-    title: string,
-    ribbon: string,
-    visible: bool,
-    step: number
-  })),
-
-  /** an array that accepts one or two numbers, this determines how many markers will be displayed */
-  values: arrayOf(number)
-};
-Slider.defaultProps = {
-  max: 10,
-  maxLabel: undefined,
-  min: 0,
-  minLabel: undefined,
-  sliderLength: 280,
-  snapped: false,
-  tooltip: [],
-  values: [0]
-};
-Slider.displayName = 'Slider';
-export default withTheme(Slider);

package/esm/Slider/native/Slider.test.js

@@ -1,122 +0,0 @@
-import React from 'react';
-import { render, fireEvent } from '@testing-library/react-native';
-import ThemeProvider from '../../Theme';
-import Slider from './Slider';
-describe('<Slider />', function () {
-  describe('Snapshots', function () {
-    describe('With one marker', function () {
-      it('should match snapshot with default Slider', function () {
-        var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Slider, null))),
-            root = _render.root,
-            toJSON = _render.toJSON;
-
-        expect(toJSON(root)).toMatchSnapshot();
-      });
-      it('should match snapshot with Slider with labels', function () {
-        var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Slider, {
-          minLabel: 0,
-          maxLabel: 10
-        }))),
-            root = _render2.root,
-            toJSON = _render2.toJSON;
-
-        expect(toJSON(root)).toMatchSnapshot();
-      });
-      it('should match snapshot with Slider snapped', function () {
-        var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Slider, {
-          snapped: true
-        }))),
-            root = _render3.root,
-            toJSON = _render3.toJSON;
-
-        expect(toJSON(root)).toMatchSnapshot();
-      });
-    });
-    describe('With two markers', function () {
-      it('should match snapshot', function () {
-        var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Slider, {
-          values: [3, 7]
-        }))),
-            root = _render4.root,
-            toJSON = _render4.toJSON;
-
-        expect(toJSON(root)).toMatchSnapshot();
-      });
-      it('should match snapshot with Slider snapped', function () {
-        var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Slider, {
-          values: [3, 7],
-          snapped: true
-        }))),
-            root = _render5.root,
-            toJSON = _render5.toJSON;
-
-        expect(toJSON(root)).toMatchSnapshot();
-      });
-    });
-  });
-  describe('Labels', function () {
-    it('should render labels', function () {
-      var _render6 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Slider, {
-        maxLabel: "max",
-        minLabel: "min"
-      }))),
-          getByText = _render6.getByText;
-
-      expect(getByText('max')).toHaveTextContent('max');
-      expect(getByText('min')).toHaveTextContent('min');
-    });
-  });
-  describe('Tooltip', function () {
-    it('should render tooltip', function () {
-      var _render7 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Slider, {
-        values: [0],
-        tooltip: [{
-          ribbon: 'ribbon',
-          title: 'title',
-          description: 'description',
-          visible: true
-        }]
-      }))),
-          root = _render7.root,
-          getByText = _render7.getByText,
-          getByRole = _render7.getByRole,
-          toJSON = _render7.toJSON;
-
-      fireEvent(getByRole('adjustable'), 'responderGrant', {
-        touchHistory: {
-          touchBank: {}
-        }
-      });
-      expect(getByText('ribbon')).toBeTruthy();
-      expect(getByText('title')).toBeTruthy();
-      expect(getByText('description')).toBeTruthy();
-      expect(toJSON(root)).toMatchSnapshot();
-    });
-    it('should render tooltip on a specific step', function () {
-      var _render8 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Slider, {
-        values: [2],
-        tooltip: [{
-          ribbon: 'ribbon',
-          title: 'title',
-          description: 'description',
-          visible: true,
-          step: 2
-        }]
-      }))),
-          root = _render8.root,
-          getByText = _render8.getByText,
-          getByRole = _render8.getByRole,
-          toJSON = _render8.toJSON;
-
-      fireEvent(getByRole('adjustable'), 'responderGrant', {
-        touchHistory: {
-          touchBank: {}
-        }
-      });
-      expect(getByText('ribbon')).toBeTruthy();
-      expect(getByText('title')).toBeTruthy();
-      expect(getByText('description')).toBeTruthy();
-      expect(toJSON(root)).toMatchSnapshot();
-    });
-  });
-});

package/esm/Slider/native/Step.js

@@ -1,14 +0,0 @@
-import styled from 'styled-components';
-import { bool } from 'prop-types';
-var Step = styled.View(function (_ref) {
-  var active = _ref.active,
-      slider = _ref.theme.yoga.components.slider;
-  return "\n    background-color: " + (active ? slider.step.backgroundColor.active : slider.step.backgroundColor.inactive) + ";\n    border-radius: " + slider.step.border.radius + "px;\n    height: 10px;\n    width: 10px;\n  ";
-});
-Step.propTypes = {
-  active: bool
-};
-Step.defaultProps = {
-  active: false
-};
-export default Step;

package/esm/Slider/native/Tooltip.js

@@ -1,90 +0,0 @@
-var _excluded = ["children"],
-    _excluded2 = ["title", "description", "ribbon"];
-
-var _templateObject, _templateObject2;
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React from 'react';
-import { string, node } from 'prop-types';
-import styled from 'styled-components';
-import Text from '../../Text';
-import Box from '../../Box';
-var Wrapper = styled(Box).attrs(function (_ref) {
-  var slider = _ref.theme.yoga.components.slider;
-  return {
-    bgColor: slider.tooltip.ribbon.backgroundColor,
-    bottom: 38,
-    bRadius: slider.tooltip.radius,
-    elevation: slider.tooltip.shadow,
-    position: 'absolute',
-    width: 95
-  };
-})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
-var Tip = styled.View(function (_ref2) {
-  var slider = _ref2.theme.yoga.components.slider;
-  return "\n    background-color: " + slider.tooltip.backgroundColor + ";\n    border-radius: " + slider.tooltip.radius + "px;\n    padding: " + slider.tooltip.padding.top + "px " + slider.tooltip.padding.right + "px " + slider.tooltip.padding.bottom + "px " + slider.tooltip.padding.left + "px;\n    justify-content: center;\n    width: 95px;\n  ";
-});
-var Title = styled(Text.Small)(function (_ref3) {
-  var slider = _ref3.theme.yoga.components.slider;
-  return "\n    color: " + slider.tooltip.font.color + ";\n    margin-bottom: 5px;\n    text-align: center;\n  ";
-});
-var Description = styled(Text.Small)(function (_ref4) {
-  var slider = _ref4.theme.yoga.components.slider;
-  return "\n    color: " + slider.tooltip.font.color + ";\n    text-align: center;\n  ";
-});
-var Arrow = styled(Box).attrs(function (_ref5) {
-  var slider = _ref5.theme.yoga.components.slider;
-  return {
-    alignSelf: 'center',
-    bottom: '10px',
-    bRadius: '3px',
-    bgColor: slider.tooltip.backgroundColor,
-    height: 16,
-    width: 16,
-    mb: -17,
-    position: 'absolute'
-  };
-})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  transform: rotate(45deg);\n"])));
-var RibbonWrapper = styled.View(function (_ref6) {
-  var slider = _ref6.theme.yoga.components.slider;
-  return "\n    align-items: center;\n    background-color: " + slider.tooltip.ribbon.backgroundColor + ";\n    border-top-left-radius: " + slider.tooltip.ribbon.radius + "px;\n    border-top-right-radius: " + slider.tooltip.ribbon.radius + "px;\n    justify-content: center;\n    padding: " + slider.tooltip.ribbon.padding.top + "px " + slider.tooltip.ribbon.padding.right + "px " + slider.tooltip.ribbon.padding.bottom + "px " + slider.tooltip.ribbon.padding.left + "px;\n    position: relative;\n  ";
-});
-var RibbonText = styled(Text.Bold)(function (_ref7) {
-  var slider = _ref7.theme.yoga.components.slider;
-  return "\n    color: " + slider.tooltip.ribbon.font.color + ";\n\n    font-size: " + slider.tooltip.ribbon.font.size + "px;\n\n    text-align: center;\n  ";
-});
-
-var Ribbon = function Ribbon(_ref8) {
-  var children = _ref8.children,
-      props = _objectWithoutPropertiesLoose(_ref8, _excluded);
-
-  return /*#__PURE__*/React.createElement(RibbonWrapper, props, /*#__PURE__*/React.createElement(RibbonText, null, children));
-};
-
-Ribbon.propTypes = {
-  children: node.isRequired
-};
-
-var Tooltip = function Tooltip(_ref9) {
-  var title = _ref9.title,
-      description = _ref9.description,
-      ribbon = _ref9.ribbon,
-      props = _objectWithoutPropertiesLoose(_ref9, _excluded2);
-
-  return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(Arrow, null), ribbon && /*#__PURE__*/React.createElement(Ribbon, null, ribbon), (title || description) && /*#__PURE__*/React.createElement(Tip, props, title && /*#__PURE__*/React.createElement(Title, null, title), description && /*#__PURE__*/React.createElement(Description, null, description)));
-};
-
-Tooltip.propTypes = {
-  title: string,
-  description: string,
-  ribbon: string
-};
-Tooltip.defaultProps = {
-  title: undefined,
-  description: undefined,
-  ribbon: undefined
-};
-export default Tooltip;

package/esm/Snackbar/Snackbar.theme.js

@@ -1,66 +0,0 @@
-import { CheckedFull, AlertTriangle, Info } from '@gympass/yoga-icons';
-
-var Snackbar = function Snackbar(_ref) {
-  var colors = _ref.colors,
-      elevations = _ref.elevations,
-      radii = _ref.radii,
-      spacing = _ref.spacing;
-  return {
-    border: {
-      radius: radii.small
-    },
-    height: {
-      min: spacing.xxxlarge,
-      max: spacing.huge
-    },
-    padding: {
-      "default": spacing.small,
-      vertical: spacing.xsmall,
-      horizontal: spacing.small
-    },
-    position: {
-      desktop: {
-        bottom: spacing.xxlarge,
-        right: spacing.xxlarge
-      },
-      mobile: {
-        bottom: spacing.small,
-        right: spacing.small,
-        left: spacing.small
-      }
-    },
-    shadow: {
-      "default": elevations.small
-    },
-    variant: {
-      color: {
-        success: colors.feedback.success.light,
-        failure: colors.feedback.attention.light,
-        info: colors.feedback.informative.light,
-        attention: colors.feedback.attention.light,
-        informative: colors.feedback.informative.light
-      },
-      icon: {
-        success: CheckedFull,
-        failure: AlertTriangle,
-        info: Info
-      }
-    },
-    minWidth: {
-      desktop: 400,
-      mobile: 320
-    },
-    maxWidth: {
-      "default": 600
-    },
-    margin: {
-      top: spacing.zero,
-      right: spacing.medium,
-      bottom: spacing.medium,
-      left: spacing.medium,
-      horizontal: spacing.medium
-    }
-  };
-};
-
-export default Snackbar;

package/esm/Snackbar/index.js

@@ -1,2 +0,0 @@
-import Snackbar from './web';
-export default Snackbar;

package/esm/Snackbar/index.native.js

@@ -1,2 +0,0 @@
-import Snackbar from './native';
-export default Snackbar;

package/esm/Snackbar/native/Snackbar.js

@@ -1,200 +0,0 @@
-var _excluded = ["icon", "message", "actionLabel", "onAction", "variant", "onSnackbarClose", "duration", "bottomOffset"];
-
-var _templateObject;
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
-import styled from 'styled-components';
-import { string, oneOf, func, elementType, number } from 'prop-types';
-import { PanResponder } from 'react-native';
-import Box from '../../Box';
-import Button from '../../Button';
-import Icon from '../../Icon';
-import Text from '../../Text';
-import SnackbarAnimationWrapper from './SnackbarAnimationWrapper';
-var SWIPE_THRESHOLD = 32;
-var SnackbarContainer = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var bottomOffset = _ref.bottomOffset,
-      variant = _ref.variant,
-      _ref$theme$yoga = _ref.theme.yoga,
-      feedback = _ref$theme$yoga.colors.feedback,
-      _ref$theme$yoga$compo = _ref$theme$yoga.components.snackbar,
-      padding = _ref$theme$yoga$compo.padding,
-      margin = _ref$theme$yoga$compo.margin,
-      _ref$theme$yoga$compo2 = _ref$theme$yoga$compo.variant.color[variant],
-      backgroundColor = _ref$theme$yoga$compo2 === void 0 ? feedback.success.light : _ref$theme$yoga$compo2,
-      border = _ref$theme$yoga$compo.border;
-  return "\n    padding: " + padding.vertical + "px " + padding.horizontal + "px;\n    margin-horizontal: " + margin.horizontal + "px\n    margin-bottom: " + (margin.bottom + bottomOffset) + "px;\n    background-color: " + backgroundColor + ";\n    border-radius: " + border.radius + "px;\n    flex-direction: row;\n    align-items: center;\n  ";
-});
-/**
- * Gympass `<Snackbar />` is the proper component to show alert messages.
- *
- * For web components, the `Snackbar` may have an icon, a custom action and a close button.
- *
- * For native, the `Snackbar` may have an icon and a custom action.
- */
-
-var Snackbar = /*#__PURE__*/forwardRef(function (props, ref) {
-  var icon = props.icon,
-      message = props.message,
-      actionLabel = props.actionLabel,
-      onAction = props.onAction,
-      variant = props.variant,
-      onSnackbarClose = props.onSnackbarClose,
-      duration = props.duration,
-      bottomOffset = props.bottomOffset,
-      rest = _objectWithoutPropertiesLoose(props, _excluded);
-
-  var wrapperRef = useRef();
-
-  var _useState = useState({
-    icon: icon,
-    message: message,
-    actionLabel: actionLabel,
-    onAction: onAction,
-    variant: variant
-  }),
-      currentProps = _useState[0],
-      setCurrentProps = _useState[1];
-
-  useImperativeHandle(ref, function () {
-    return {
-      open: function open() {
-        wrapperRef.current.open();
-      },
-      close: function close() {
-        wrapperRef.current.close();
-      }
-    };
-  });
-  useEffect(function () {
-    if (wrapperRef.current && currentProps.message) {
-      wrapperRef.current.close(function () {
-        setCurrentProps({
-          icon: icon,
-          message: message,
-          actionLabel: actionLabel,
-          onAction: onAction,
-          variant: variant
-        });
-        wrapperRef.current.open();
-      });
-    } else {
-      setCurrentProps({
-        icon: icon,
-        message: message,
-        actionLabel: actionLabel,
-        onAction: onAction,
-        variant: variant
-      });
-    }
-  }, [icon, message, actionLabel, onAction, variant]);
-
-  var handlePanResponderRelease = function handlePanResponderRelease(_evt, gestureState) {
-    if (gestureState.dy > SWIPE_THRESHOLD) {
-      wrapperRef.current.close();
-    } else {
-      wrapperRef.current.open();
-    }
-  };
-
-  var panResponder = PanResponder.create({
-    onPanResponderMove: function onPanResponderMove(_, gestureState) {
-      if (gestureState.dy > 0) {
-        wrapperRef.current.translateY(gestureState.dy);
-      }
-    },
-    onPanResponderRelease: handlePanResponderRelease,
-    onPanResponderTerminate: handlePanResponderRelease,
-    onStartShouldSetPanResponder: function onStartShouldSetPanResponder() {
-      return true;
-    },
-    onMoveShouldSetPanResponder: function onMoveShouldSetPanResponder(_, gestureState) {
-      return !(gestureState.dy <= 2 && gestureState.dy >= -2);
-    },
-    onMoveShouldSetPanResponderCapture: function onMoveShouldSetPanResponderCapture() {
-      return true;
-    },
-    onPanResponderTerminationRequest: function onPanResponderTerminationRequest() {
-      return true;
-    },
-    onShouldBlockNativeResponder: function onShouldBlockNativeResponder() {
-      return true;
-    }
-  });
-
-  var handleOnAction = function handleOnAction() {
-    wrapperRef.current.close();
-
-    if (currentProps.onAction) {
-      currentProps.onAction();
-    }
-  };
-
-  return /*#__PURE__*/React.createElement(SnackbarAnimationWrapper, {
-    onSnackbarClose: onSnackbarClose,
-    duration: duration,
-    ref: wrapperRef
-  }, /*#__PURE__*/React.createElement(SnackbarContainer, _extends({
-    variant: currentProps.variant,
-    bottomOffset: bottomOffset
-  }, rest, panResponder.panHandlers), currentProps.icon && /*#__PURE__*/React.createElement(Icon, {
-    as: currentProps.icon,
-    fill: "secondary",
-    size: "large",
-    marginRight: "xxsmall"
-  }), /*#__PURE__*/React.createElement(Text, {
-    flex: 1,
-    fontSize: "small",
-    marginTop: "xxxsmall",
-    marginBottom: "xxxsmall",
-    numberOfLines: 2
-  }, currentProps.message), currentProps.actionLabel && /*#__PURE__*/React.createElement(Box, {
-    as: Button.Text,
-    small: true,
-    secondary: true,
-    marginLeft: "xxsmall",
-    onPress: handleOnAction
-  }, currentProps.actionLabel)));
-});
-Snackbar.propTypes = {
-  /** The style variant change the color of the component, it may be "success", "informative" or "attention". */
-  variant: oneOf(['success', 'informative', 'attention']),
-
-  /** Can be any icon of yoga-icons. */
-  icon: elementType,
-
-  /** The message shown when snackbar is opened. The maximum number of lines is two. */
-  message: string,
-
-  /** Label for a custom action. */
-  actionLabel: string,
-
-  /** Function for the custom action. The `actionLabel` becomes required when passing this function. */
-  onAction: func,
-
-  /** Callback function triggered by the Snackbar close action. Can be used for events, for example. */
-  onSnackbarClose: func,
-
-  /** The duration sets how long it will take to close snackbar automatically, it may be "fast" (4 seconds), "default" (8 seconds), "slow" (10 seconds) or "indefinite" (it doesn't close automatically). */
-  duration: oneOf(['fast', 'default', 'slow', 'indefinite']),
-
-  /** Add extra margin to Snackbar. Can be useful for SafeAreaView or button cases. */
-  bottomOffset: number
-};
-Snackbar.defaultProps = {
-  variant: 'success',
-  icon: undefined,
-  message: '',
-  actionLabel: undefined,
-  onAction: undefined,
-  onSnackbarClose: undefined,
-  duration: 'default',
-  bottomOffset: 0
-};
-export default Snackbar;