@helsenorge/designsystem-react 0.0.3-dev.9 → 1.0.0-alpha-nye-spacers

package/dist/js/helsenorge.js

@@ -1,1994 +0,0 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('styled-components'), require('react')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'styled-components', 'react'], factory) :
-  (global = global || self, factory(global.workingConfig = {}, global.styled, global.React));
-}(this, (function (exports, styled, React) { 'use strict';
-
-  var styled__default = 'default' in styled ? styled['default'] : styled;
-  var React__default = 'default' in React ? React['default'] : React;
-
-  function _defineProperty(obj, key, value) {
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
-
-    return obj;
-  }
-
-  function _extends() {
-    _extends = Object.assign || 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 ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-      keys.push.apply(keys, symbols);
-    }
-
-    return keys;
-  }
-
-  function _objectSpread2(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i] != null ? arguments[i] : {};
-
-      if (i % 2) {
-        ownKeys(Object(source), true).forEach(function (key) {
-          _defineProperty(target, key, source[key]);
-        });
-      } else if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-      } else {
-        ownKeys(Object(source)).forEach(function (key) {
-          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-      }
-    }
-
-    return target;
-  }
-
-  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 _objectWithoutProperties(source, excluded) {
-    if (source == null) return {};
-
-    var target = _objectWithoutPropertiesLoose(source, excluded);
-
-    var key, i;
-
-    if (Object.getOwnPropertySymbols) {
-      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-      for (i = 0; i < sourceSymbolKeys.length; i++) {
-        key = sourceSymbolKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-      }
-    }
-
-    return target;
-  }
-
-  function _taggedTemplateLiteral(strings, raw) {
-    if (!raw) {
-      raw = strings.slice(0);
-    }
-
-    return Object.freeze(Object.defineProperties(strings, {
-      raw: {
-        value: Object.freeze(raw)
-      }
-    }));
-  }
-
-  function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
-  }
-
-  function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
-  }
-
-  function _iterableToArrayLimit(arr, i) {
-    if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) {
-      return;
-    }
-
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _e = undefined;
-
-    try {
-      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
-      try {
-        if (!_n && _i["return"] != null) _i["return"]();
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-
-    return _arr;
-  }
-
-  function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
-  }
-
-  var banana = {
-    banana50: '#FCF2BF',
-    banana100: '#F9EA9F',
-    banana200: '#F5E080',
-    banana300: '#F1D460',
-    banana400: '#EBC840',
-    banana500: '#DDAB06',
-    banana600: '#C59302',
-    banana700: '#AB7C00',
-    banana800: '#916500',
-    banana900: '#764F00'
-  };
-  var blueberry = {
-    blueberry50: '#DEF3F4',
-    blueberry100: '#B4E2E4',
-    blueberry200: '#8BCDD3',
-    blueberry300: '#63B6C0',
-    blueberry400: '#3D9CAC',
-    blueberry500: '#188097',
-    blueberry600: '#137186',
-    blueberry700: '#0F6275',
-    blueberry800: '#0B5363',
-    blueberry900: '#084350'
-  };
-  var cherry = {
-    cherry50: '#FCF4EA',
-    cherry100: '#F4DABF',
-    cherry200: '#EBB996',
-    cherry300: '#E0926E',
-    cherry400: '#D56547',
-    cherry500: '#C83521',
-    cherry600: '#B62E1C',
-    cherry700: '#A42817',
-    cherry800: '#912112',
-    cherry900: '#7E1C0E'
-  };
-  var kiwi = {
-    kiwi50: '#E6F8EE',
-    kiwi100: '#C2EDD6',
-    kiwi200: '#9DE2BF',
-    kiwi300: '#79D6AA',
-    kiwi400: '#56CA96',
-    kiwi500: '#33BE84',
-    kiwi600: '#10B172',
-    kiwi700: '#0CA161',
-    kiwi800: '#099150',
-    kiwi900: '#078141'
-  };
-  var neutral = {
-    neutral50: '#F4F4F3',
-    neutral100: '#E2E2E1',
-    neutral200: '#D0CFCD',
-    neutral300: '#BDBDBA',
-    neutral400: '#ABA9A6',
-    neutral500: '#989693',
-    neutral600: '#7D7C79',
-    neutral700: '#62625F',
-    neutral800: '#474745',
-    neutral900: '#2B2C2B'
-  };
-  var plum = {
-    plum50: '#EFE4FD',
-    plum100: '#D7BDF9',
-    plum200: '#BF98F3',
-    plum300: '#A875EB',
-    plum400: '#9153E2',
-    plum500: '#7A33D7',
-    plum600: '#6A2ABF',
-    plum700: '#5B22A6',
-    plum800: '#4C1B8C',
-    plum900: '#3C1471'
-  };
-  var palette = _objectSpread2({}, banana, {}, blueberry, {}, cherry, {}, kiwi, {}, neutral, {}, plum);
-
-  var breakpoints = {
-    xs: 0,
-    sm: '564px',
-    md: '682px',
-    lg: '1088px'
-  };
-  var screen = {
-    xs: "(min-width: ".concat(breakpoints.xs, ")"),
-    sm: "(min-width: ".concat(breakpoints.sm, ")"),
-    md: "(min-width: ".concat(breakpoints.md, ")"),
-    lg: "(min-width: ".concat(breakpoints.lg, ")")
-  };
-
-  function _templateObject17() {
-    var data = _taggedTemplateLiteral(["\n  font-size: 1.125rem;\n  line-height: 1.625rem;\n"]);
-
-    _templateObject17 = function _templateObject17() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject16() {
-    var data = _taggedTemplateLiteral(["\n  font-size: 0.75rem;\n  line-height: 1rem;\n"]);
-
-    _templateObject16 = function _templateObject16() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject15() {
-    var data = _taggedTemplateLiteral(["\n  font-size: 1rem;\n  line-height: 1.375rem;\n"]);
-
-    _templateObject15 = function _templateObject15() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject14() {
-    var data = _taggedTemplateLiteral(["\n  font-size: 1.125rem;\n  line-height: 1.875rem;\n  @media ", " {\n    font-size: 1.125rem;\n    line-height: 1.75rem;\n  }\n"]);
-
-    _templateObject14 = function _templateObject14() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject13() {
-    var data = _taggedTemplateLiteral(["\n  font-size: 1.25rem;\n  line-height: 1.875rem;\n  font-weight: 700;\n  @media ", " {\n    font-size: 1.125rem;\n    line-height: 1.175rem;\n  }\n"]);
-
-    _templateObject13 = function _templateObject13() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject12() {
-    var data = _taggedTemplateLiteral(["\n  font-size: 1.25rem;\n  line-height: 1.875rem;\n  @media ", " {\n    font-size: 1.125rem;\n    line-height: 1.75rem;\n  }\n"]);
-
-    _templateObject12 = function _templateObject12() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject11() {
-    var data = _taggedTemplateLiteral(["\n  font-size: 1.125rem;\n  line-height: 1.625rem;\n"]);
-
-    _templateObject11 = function _templateObject11() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject10() {
-    var data = _taggedTemplateLiteral(["\n  font-size: 1.25rem;\n  line-height: 1.875rem;\n  @media ", " {\n    font-size: 1.125rem;\n    line-height: 1.75rem;\n  }\n"]);
-
-    _templateObject10 = function _templateObject10() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject9() {
-    var data = _taggedTemplateLiteral(["\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n  font-weight: 600;\n  @media ", " {\n    font-size: 1.125rem;\n    line-height: 1.625rem;\n  }\n"]);
-
-    _templateObject9 = function _templateObject9() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject8() {
-    var data = _taggedTemplateLiteral(["\n  font-size: 1.5rem;\n  line-height: 2.125rem;\n  font-weight: 600;\n  @media ", " {\n    font-size: 1.25rem;\n    line-height: 1.625rem;\n  }\n"]);
-
-    _templateObject8 = function _templateObject8() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject7() {
-    var data = _taggedTemplateLiteral(["\n  font-size: 1.5rem;\n  line-height: 2.125rem;\n  font-weight: 600;\n  @media ", " {\n    font-size: 1.375rem;\n    line-height: 1.875rem;\n  }\n"]);
-
-    _templateObject7 = function _templateObject7() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject6() {
-    var data = _taggedTemplateLiteral(["\n  font-size: 1.125rem;\n  line-height: 1.625rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  @media ", " {\n    font-size: 1rem;\n    line-height: 1.5rem;\n  }\n"]);
-
-    _templateObject6 = function _templateObject6() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject5() {
-    var data = _taggedTemplateLiteral(["\n  font-size: 1.25rem;\n  line-height: 2rem;\n  font-weight: 700;\n  @media ", " {\n    font-size: 1.625rem;\n    line-height: 1.75rem;\n  }\n"]);
-
-    _templateObject5 = function _templateObject5() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject4() {
-    var data = _taggedTemplateLiteral(["\n  font-size: 1.5rem;\n  line-height: 1.875rem;\n  font-weight: 600;\n  @media ", " {\n    font-size: 1.375rem;\n    line-height: 1.75rem;\n  }\n"]);
-
-    _templateObject4 = function _templateObject4() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject3() {
-    var data = _taggedTemplateLiteral(["\n  font-size: 2.125rem;\n  line-height: 2.625rem;\n  font-weight: 600;\n  @media ", " {\n    font-size: 1.75rem;\n    line-height: 2.25rem;\n  }\n"]);
-
-    _templateObject3 = function _templateObject3() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject2() {
-    var data = _taggedTemplateLiteral(["\n  font-size: 3.25rem;\n  line-height: 3.75rem;\n  font-weight: 600;\n  @media ", " {\n    font-size: 2.625rem;\n    line-height: 3rem;\n  }\n"]);
-
-    _templateObject2 = function _templateObject2() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject() {
-    var data = _taggedTemplateLiteral(["\n  font-size: 4rem;\n  line-height: 5rem;\n  font-weight: 600;\n  @media ", " {\n    font-size: 3rem;\n    line-height: 4rem;\n  }\n"]);
-
-    _templateObject = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  var titleFeature = styled.css(_templateObject(), screen.md);
-  var title1 = styled.css(_templateObject2(), screen.md);
-  var title2 = styled.css(_templateObject3(), screen.md);
-  var title3 = styled.css(_templateObject4(), screen.md);
-  var title4 = styled.css(_templateObject5(), screen.md);
-  var title5 = styled.css(_templateObject6(), screen.md);
-  var preamble = styled.css(_templateObject7(), screen.md);
-  var legend = styled.css(_templateObject8(), screen.md);
-  var label = styled.css(_templateObject9(), screen.md);
-  var body = styled.css(_templateObject10(), screen.md);
-  var focusedContent = styled.css(_templateObject11());
-  var table = styled.css(_templateObject12(), screen.md);
-  var strong = styled.css(_templateObject13(), screen.md);
-  var form = styled.css(_templateObject14(), screen.md);
-  var imageCaption = styled.css(_templateObject15());
-  var imageCredit = styled.css(_templateObject16());
-  var time = styled.css(_templateObject17());
-  var typography = {
-    titleFeature: titleFeature,
-    title1: title1,
-    title2: title2,
-    title3: title3,
-    title4: title4,
-    title5: title5,
-    preamble: preamble,
-    legend: legend,
-    label: label,
-    body: body,
-    focusedContent: focusedContent,
-    table: table,
-    strong: strong,
-    form: form,
-    imageCaption: imageCaption,
-    imageCredit: imageCredit,
-    time: time
-  };
-
-  var theme = {
-    palette: palette,
-    typography: typography,
-    screen: screen
-  };
-
-  var isNotPalette = function isNotPalette(name) {
-    return name === 'white' || name === 'black';
-  };
-
-  var getColor = function getColor(name, depth) {
-    return isNotPalette(name) ? '#FFFFFF' : theme.palette["".concat(name).concat(depth)];
-  };
-  var getHoverColor = function getHoverColor(color) {
-    return "".concat(getColor(color, 700), "1A");
-  };
-
-  function _templateObject$1() {
-    var data = _taggedTemplateLiteral(["\n  padding: 0.5rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: white;\n  min-width: 1rem;\n  height: 1rem;\n  border-radius: 1rem;\n  background-color: ", ";\n"]);
-
-    _templateObject$1 = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  var Badge = styled__default('span')(_templateObject$1(), function (props) {
-    return props.color ? getColor(props.color, 500) : getColor('black', 500);
-  });
-
-  function _templateObject10$1() {
-    var data = _taggedTemplateLiteral(["\n      padding: 0;\n      & .icon {\n        margin: 0 0.375rem;\n      }\n      & > ", ":first-child {\n        margin-left: 1.5rem;\n      }\n      & > ", ":last-child {\n        margin-right: 1.5rem;\n      }\n    "]);
-
-    _templateObject10$1 = function _templateObject10() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject9$1() {
-    var data = _taggedTemplateLiteral(["\n      justify-content: space-between;\n    "]);
-
-    _templateObject9$1 = function _templateObject9() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject8$1() {
-    var data = _taggedTemplateLiteral(["\n      width: 100%;\n    "]);
-
-    _templateObject8$1 = function _templateObject8() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject7$1() {
-    var data = _taggedTemplateLiteral(["\n  ", "\n  ", ";\n  ", "\n  ", "\n  height: ", ";\n  ", ";\n  ", ";\n  ", ";\n"]);
-
-    _templateObject7$1 = function _templateObject7() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject6$1() {
-    var data = _taggedTemplateLiteral(["\n  display: flex;\n"]);
-
-    _templateObject6$1 = function _templateObject6() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject5$1() {
-    var data = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"]);
-
-    _templateObject5$1 = function _templateObject5() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject4$1() {
-    var data = _taggedTemplateLiteral(["\n  background-color: transparent;\n  color: ", ";\n  border: 0.125rem solid transparent;\n  position: relative;\n  &:before {\n    content: ' ';\n    position: absolute;\n    top: -0.25rem;\n    left: -0.25rem;\n    right: -0.25rem;\n    bottom: -0.25rem;\n    border: 0.125rem solid transparent;\n  }\n  &:after {\n    content: ' ';\n    position: absolute;\n    top: -0.375rem;\n    left: -0.375rem;\n    right: -0.375rem;\n    bottom: -0.375rem;\n    border: 0.125rem solid transparent;\n  }\n  &:hover,\n  :active,\n  :focus {\n    background-color: ", ";\n    border: 0.125rem solid transparent;\n    color: ", ";\n    &:before {\n      border: 0.125rem solid ", ";\n    }\n    &:after {\n      border: 0.125rem solid ", ";\n    }\n  }\n  &:disabled {\n    background-color: ", ";\n    border: 0.125rem solid ", ";\n    color: ", ";\n  }\n"]);
-
-    _templateObject4$1 = function _templateObject4() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject3$1() {
-    var data = _taggedTemplateLiteral(["\n  background-color: transparent;\n  color: ", ";\n  border: 0.125rem solid ", ";\n  position: relative;\n  &:before {\n    content: ' ';\n    position: absolute;\n    top: -0.25rem;\n    left: -0.25rem;\n    right: -0.25rem;\n    bottom: -0.25rem;\n    border: 0.125rem solid transparent;\n  }\n  &:after {\n    content: ' ';\n    position: absolute;\n    top: -0.375rem;\n    left: -0.375rem;\n    right: -0.375rem;\n    bottom: -0.375rem;\n    border: 0.125rem solid transparent;\n  }\n  &:hover,\n  :active,\n  :focus {\n    background-color: ", ";\n    border: 0.125rem solid transparent;\n    color: ", ";\n    &:before {\n      border: 0.125rem solid ", ";\n    }\n    &:after {\n      border: 0.125rem solid ", ";\n    }\n  }\n  &:disabled {\n    background-color: ", ";\n    border: 0.125rem solid ", ";\n    color: ", ";\n  }\n"]);
-
-    _templateObject3$1 = function _templateObject3() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject2$1() {
-    var data = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border: 0.125rem solid ", ";\n  color: ", ";\n  &:hover,\n  :active,\n  :focus {\n    background-color: ", ";\n    border: 0.125rem solid transparent;\n    box-shadow: 0 0 0 0.25rem ", ";\n  }\n  &:disabled {\n    background-color: ", ";\n    border: 0.125rem solid ", ";\n    color: ", ";\n  }\n"]);
-
-    _templateObject2$1 = function _templateObject2() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject$2() {
-    var data = _taggedTemplateLiteral(["\n  padding: 0 2.5rem;\n  font-size: 1.25rem;\n  font-family: inherit;\n  box-sizing: border-box;\n  display: flex;\n  text-decoration: none;\n  justify-content: center;\n  align-items: center;\n  outline: none;\n  border: 0;\n  cursor: pointer;\n  &:disabled {\n    pointer-events: none;\n  }\n"]);
-
-    _templateObject$2 = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  var buttonSizes = {
-    small: '3.125rem',
-    medium: '4.375rem',
-    large: '5rem'
-  };
-
-  var fillOffsetTextColor = function fillOffsetTextColor(color) {
-    return color === 'white' ? 'black' : 'white';
-  };
-
-  var buttonStyle = styled.css(_templateObject$2());
-
-  var fillStyle = function fillStyle(fillColor) {
-    return styled.css(_templateObject2$1(), getColor(fillColor, 500), getColor(fillColor, 500), fillOffsetTextColor(fillColor), getColor(fillColor, 700), getColor(fillColor, 700), getColor('neutral', 200), getColor('neutral', 200), getColor('neutral', 600));
-  }; // TODO: Move duplicate before/after to seperate style
-
-
-  var outlineStyle = function outlineStyle(outlineColor) {
-    return styled.css(_templateObject3$1(), getColor(outlineColor, 500), getColor(outlineColor, 500), getHoverColor(outlineColor), getColor(outlineColor, 700), getColor(outlineColor, 700), getColor(outlineColor, 700), getColor('neutral', 50), getColor('neutral', 600), getColor('neutral', 600));
-  };
-
-  var borderlessStyle = function borderlessStyle(borderlessColor) {
-    return styled.css(_templateObject4$1(), getColor(borderlessColor, 500), getHoverColor(borderlessColor), getColor(borderlessColor, 700), getColor(borderlessColor, 700), getColor(borderlessColor, 700), getColor('neutral', 50), getColor('neutral', 600), getColor('neutral', 600));
-  };
-
-  var StyledButtonContent = styled__default('span')(_templateObject5$1());
-  var StyledLeftFluidContent = styled__default('div')(_templateObject6$1()); // TODO: Move hasIcon logic to seperate styling
-  // TODO: Clean up a lot of this logic into own styling functions
-  // For some reason we need to call the props loader instead of loading, reserved word in SC or something.
-
-  var StyledButton = styled__default('button')(_templateObject7$1(), buttonStyle, function (props) {
-    return props.fluid && styled.css(_templateObject8$1());
-  }, function (props) {
-    return props.fluid && props.hasIcon && styled.css(_templateObject9$1());
-  }, function (props) {
-    return props.hasIcon && !props.loader && styled.css(_templateObject10$1(), StyledButtonContent, StyledButtonContent);
-  }, function (props) {
-    return buttonSizes[props.size];
-  }, function (props) {
-    return props.variant === 'fill' && fillStyle(props.color);
-  }, function (props) {
-    return props.variant === 'outline' && outlineStyle(props.color);
-  }, function (props) {
-    return props.variant === 'borderless' && borderlessStyle(props.color);
-  });
-
-  function _templateObject5$2() {
-    var data = _taggedTemplateLiteral(["\n  display: inline-block;\n  position: relative;\n  width: ", ";\n  height: ", ";\n"]);
-
-    _templateObject5$2 = function _templateObject5() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject4$2() {
-    var data = _taggedTemplateLiteral(["\n  position: absolute;\n  width: ", ";\n  height: ", ";\n  border-radius: 50%;\n  background-color: ", ";\n  animation-timing-function: cubic-bezier(0, 1, 1, 0);\n  &:nth-child(1) {\n    animation: ", " 0.6s infinite;\n  }\n  &:nth-child(2) {\n    animation: ", " 0.6s infinite;\n  }\n  &:nth-child(3) {\n    left: ", ";\n    animation: ", " 0.6s infinite;\n  }\n  &:nth-child(4) {\n    left: ", ";\n    animation: ", " 0.6s infinite;\n  }\n"]);
-
-    _templateObject4$2 = function _templateObject4() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject3$2() {
-    var data = _taggedTemplateLiteral(["\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0);\n  }\n"]);
-
-    _templateObject3$2 = function _templateObject3() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject2$2() {
-    var data = _taggedTemplateLiteral(["\n  0% {\n    transform: translate(0, 0);\n  }\n  100% {\n    transform: translate(", ", 0);\n  }\n"]);
-
-    _templateObject2$2 = function _templateObject2() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject$3() {
-    var data = _taggedTemplateLiteral(["\n    0% {\n    transform: scale(0);\n  }\n  100% {\n    transform: scale(1);\n  }\n"]);
-
-    _templateObject$3 = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  var loaderDot1 = styled.keyframes(_templateObject$3());
-
-  var loaderDot2 = function loaderDot2(distance) {
-    return styled.keyframes(_templateObject2$2(), distance);
-  };
-
-  var loaderDot3 = styled.keyframes(_templateObject3$2());
-  var dotSizes = {
-    tiny: 8,
-    small: 12,
-    medium: 18,
-    large: 24
-  };
-  var StyledLoaderDot = styled__default('div')(_templateObject4$2(), function (props) {
-    return "".concat(dotSizes[props.size], "px");
-  }, function (props) {
-    return "".concat(dotSizes[props.size], "px");
-  }, function (props) {
-    return getColor(props.color, 500);
-  }, loaderDot1, function (props) {
-    return loaderDot2("".concat(dotSizes[props.size] * 2, "px"));
-  }, function (props) {
-    return "".concat(dotSizes[props.size] * 2, "px");
-  }, function (props) {
-    return loaderDot2("".concat(dotSizes[props.size] * 2, "px"));
-  }, function (props) {
-    return "".concat(dotSizes[props.size] * 4, "px");
-  }, loaderDot3);
-  var StyledLoader = styled__default('div')(_templateObject5$2(), function (props) {
-    return "".concat(dotSizes[props.size] * 5, "px");
-  }, function (props) {
-    return "".concat(dotSizes[props.size], "px");
-  });
-
-  var Loader = React__default.forwardRef(function (props, ref) {
-    var _props$color = props.color,
-        color = _props$color === void 0 ? 'neutral' : _props$color,
-        _props$size = props.size,
-        size = _props$size === void 0 ? 'small' : _props$size;
-    return React__default.createElement(StyledLoader, {
-      size: size
-    }, React__default.createElement(StyledLoaderDot, {
-      color: color,
-      size: size
-    }), React__default.createElement(StyledLoaderDot, {
-      color: color,
-      size: size
-    }), React__default.createElement(StyledLoaderDot, {
-      color: color,
-      size: size
-    }), React__default.createElement(StyledLoaderDot, {
-      color: color,
-      size: size
-    }));
-  });
-
-  // TODO: Consider making this a shared hook
-  function useIcons(children) {
-    var _type, _type2;
-
-    var leftIcon = null;
-    var rightIcon = null;
-    if (((_type = children[0].type) === null || _type === void 0 ? void 0 : _type.displayName) === 'Icon') { leftIcon = children.shift(); }
-    if (((_type2 = children[children.length - 1].type) === null || _type2 === void 0 ? void 0 : _type2.displayName) === 'Icon') { rightIcon = children.pop(); }
-    return [leftIcon, rightIcon, children];
-  }
-  var Button = React__default.forwardRef(function (props, ref) {
-    var children = props.children,
-        _props$variant = props.variant,
-        variant = _props$variant === void 0 ? 'fill' : _props$variant,
-        _props$color = props.color,
-        color = _props$color === void 0 ? 'neutral' : _props$color,
-        _props$size = props.size,
-        size = _props$size === void 0 ? 'small' : _props$size,
-        _props$htmlTag = props.htmlTag,
-        htmlTag = _props$htmlTag === void 0 ? 'button' : _props$htmlTag,
-        _props$danger = props.danger,
-        _props$loading = props.loading,
-        loading = _props$loading === void 0 ? false : _props$loading,
-        _props$fluid = props.fluid,
-        fluid = _props$fluid === void 0 ? false : _props$fluid,
-        rest = _objectWithoutProperties(props, ["children", "variant", "color", "size", "htmlTag", "danger", "loading", "fluid"]);
-
-    var _useIcons = useIcons(React__default.Children.toArray(children)),
-        _useIcons2 = _slicedToArray(_useIcons, 3),
-        leftIcon = _useIcons2[0],
-        rightIcon = _useIcons2[1],
-        restChildren = _useIcons2[2];
-
-    var _useState = React.useState(false),
-        _useState2 = _slicedToArray(_useState, 2),
-        isHovered = _useState2[0],
-        setIsHovered = _useState2[1]; // TODO: Considering expanding the Icon props to including color logic like this
-
-
-    var iconColor = variant === 'fill' ? 'white' : color;
-    return React__default.createElement(StyledButton, _extends({
-      onMouseEnter: function onMouseEnter() {
-        return setIsHovered(true);
-      },
-      onFocus: function onFocus() {
-        return setIsHovered(true);
-      },
-      onMouseLeave: function onMouseLeave() {
-        return setIsHovered(false);
-      },
-      onBlur: function onBlur() {
-        return setIsHovered(false);
-      },
-      size: size,
-      variant: variant,
-      color: color,
-      as: htmlTag,
-      hasIcon: !!(leftIcon || rightIcon),
-      fluid: fluid,
-      loader: loading,
-      ref: ref
-    }, rest), loading ? React__default.createElement(Loader, {
-      color: variant === 'fill' ? 'white' : getColor(color, 500),
-      size: "tiny"
-    }) : React__default.createElement(React__default.Fragment, null, fluid ? React__default.createElement(StyledLeftFluidContent, null, leftIcon ? React__default.cloneElement(leftIcon, {
-      color: iconColor,
-      isHovered: isHovered
-    }) : null, React__default.createElement(StyledButtonContent, null, restChildren)) : React__default.createElement(React__default.Fragment, null, leftIcon ? React__default.cloneElement(leftIcon, {
-      color: iconColor,
-      isHovered: isHovered
-    }) : null, React__default.createElement(StyledButtonContent, null, restChildren)), rightIcon ? React__default.cloneElement(rightIcon, {
-      color: iconColor,
-      isHovered: isHovered
-    }) : null));
-  });
-
-  var IconSize;
-
-  (function (IconSize) {
-    IconSize[IconSize["XSmall"] = 38] = "XSmall";
-    IconSize[IconSize["Small"] = 48] = "Small";
-    IconSize[IconSize["Medium"] = 64] = "Medium";
-    IconSize[IconSize["Large"] = 80] = "Large";
-    IconSize[IconSize["XLarge"] = 130] = "XLarge";
-  })(IconSize || (IconSize = {}));
-
-  var Alarmclock = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: color,
-      fillRule: "evenodd",
-      d: "M18.8962,26.912 C14.6852,26.912 11.2602,23.487 11.2602,19.277 C11.2602,18.004 11.5782,16.805 12.1312,15.748 C12.3322,15.364 12.5672,15.003 12.8272,14.662 C12.8512,14.63 12.8742,14.597 12.8992,14.566 C13.1562,14.239 13.4402,13.936 13.7462,13.656 C13.7802,13.625 13.8142,13.593 13.8492,13.563 C14.1632,13.285 14.4992,13.033 14.8562,12.81 C14.8832,12.793 14.9102,12.777 14.9372,12.761 C15.3112,12.533 15.7052,12.334 16.1172,12.173 C16.9802,11.834 17.9152,11.642 18.8962,11.642 C19.8792,11.642 20.8162,11.835 21.6802,12.175 C22.0892,12.336 22.4802,12.533 22.8512,12.759 C22.8802,12.776 22.9082,12.793 22.9372,12.811 C23.2932,13.034 23.6292,13.286 23.9422,13.563 C23.9772,13.593 24.0102,13.624 24.0432,13.655 C24.3492,13.935 24.6342,14.238 24.8912,14.565 C24.9172,14.597 24.9402,14.63 24.9642,14.662 C25.2232,15.002 25.4582,15.362 25.6582,15.745 C26.2132,16.802 26.5312,18.002 26.5312,19.277 C26.5312,23.487 23.1062,26.912 18.8962,26.912 L18.8962,26.912 Z M10.2481971,12.476 C10.2472,11.797 10.5092,11.158 10.9892,10.677 C11.4682,10.196 12.1072,9.931 12.7862,9.93 L12.7912,9.93 C13.6912,9.93 14.4992,10.404 14.9492,11.156 C14.9272,11.166 14.9092,11.181 14.8882,11.191 C14.1862,11.541 13.5362,11.977 12.9522,12.489 C12.8892,12.544 12.8292,12.6 12.7682,12.656 C12.5142,12.891 12.2712,13.139 12.0452,13.401 C12.0222,13.429 11.9962,13.453 11.9732,13.481 C11.7262,13.775 11.5012,14.089 11.2932,14.414 C11.2782,14.437 11.2592,14.457 11.2442,14.481 C10.6252,14.007 10.2492,13.271 10.2481971,12.476 L10.2481971,12.476 Z M24.9982,9.93 L25.0022,9.93 C25.6792,9.93 26.3162,10.193 26.7962,10.671 C27.2772,11.151 27.5422,11.789 27.543202,12.468 C27.5442,13.266 27.1672,14.006 26.5472,14.48 C26.5322,14.456 26.5122,14.435 26.4972,14.411 C26.2882,14.086 26.0632,13.773 25.8162,13.478 C25.7952,13.454 25.7722,13.431 25.7512,13.407 C25.5222,13.14 25.2762,12.89 25.0192,12.652 C24.9602,12.598 24.9022,12.544 24.8422,12.491 C24.2582,11.979 23.6092,11.543 22.9072,11.193 C22.8852,11.182 22.8652,11.167 22.8432,11.156 C23.2922,10.405 24.0982,9.931 24.9982,9.93 L24.9982,9.93 Z M27.9312,19.277 C27.9312,18.016 27.6702,16.815 27.2012,15.724 C28.2762,14.999 28.9462,13.788 28.9442045,12.466 C28.9422,11.412 28.5302,10.423 27.7852,9.68 C27.0412,8.938 26.0522,8.53 25.0022,8.53 L24.9962,8.53 C23.5172,8.532 22.2052,9.357 21.5362,10.637 C20.7002,10.381 19.8142,10.242 18.8962,10.242 C17.9782,10.242 17.0922,10.381 16.2562,10.637 C15.5862,9.354 14.2712,8.53 12.7912,8.53 L12.7842,8.53 C11.7302,8.532 10.7412,8.943 9.9982,9.689 C9.2542,10.434 8.8452,11.425 8.8471927,12.478 C8.8502,13.795 9.5182,15.001 10.5902,15.725 C10.1212,16.816 9.8602,18.016 9.8602,19.277 C9.8602,22.195 11.2562,24.787 13.4102,26.44 L11.8862,28.087 L12.9142,29.037 L14.5942,27.221 C15.8742,27.917 17.3392,28.312 18.8962,28.312 C20.4522,28.312 21.9182,27.917 23.1982,27.221 L24.8772,29.037 L25.9052,28.087 L24.3812,26.44 C26.5342,24.787 27.9312,22.195 27.9312,19.277 L27.9312,19.277 Z M18.1962,19.215 L15.5472,19.215 L15.5472,20.615 L19.5962,20.615 L19.5962,15.552 L18.1962,15.552 L18.1962,19.215 Z"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: hoverColor,
-      fillRule: "evenodd",
-      d: "M26.5478,14.4809 C26.5308,14.4549 26.5098,14.4319 26.4928,14.4059 C26.2868,14.0859 26.0658,13.7769 25.8218,13.4859 C25.7928,13.4519 25.7608,13.4209 25.7318,13.3869 C25.5118,13.1319 25.2768,12.8919 25.0298,12.6619 C24.9648,12.6019 24.9008,12.5429 24.8338,12.4849 C24.2518,11.9749 23.6058,11.5409 22.9068,11.1929 C22.8848,11.1819 22.8648,11.1669 22.8428,11.1559 C23.2928,10.4039 24.1008,9.9299 25.0008,9.9299 L25.0058,9.9299 C25.6848,9.9309 26.3228,10.1959 26.8028,10.6769 C27.2818,11.1579 27.5448,11.7969 27.5438028,12.4759 C27.5428,13.2719 27.1658,14.0069 26.5478,14.4809 L26.5478,14.4809 Z M18.8958,26.9119 C14.6858,26.9119 11.2608,23.4869 11.2608,19.2769 C11.2608,18.0039 11.5778,16.8049 12.1308,15.7489 C12.3318,15.3639 12.5678,15.0029 12.8278,14.6619 C12.8518,14.6299 12.8748,14.5979 12.8998,14.5659 C13.1568,14.2389 13.4418,13.9349 13.7478,13.6549 C13.7808,13.6249 13.8138,13.5939 13.8488,13.5629 C14.1628,13.2859 14.4998,13.0319 14.8578,12.8089 C14.8838,12.7929 14.9098,12.7769 14.9358,12.7619 C15.3108,12.5339 15.7048,12.3339 16.1188,12.1719 C16.9808,11.8339 17.9148,11.6419 18.8958,11.6419 C19.8768,11.6419 20.8128,11.8349 21.6758,12.1739 C22.0868,12.3349 22.4778,12.5329 22.8508,12.7589 C22.8798,12.7769 22.9098,12.7939 22.9388,12.8119 C23.2928,13.0339 23.6258,13.2849 23.9378,13.5589 C23.9758,13.5929 24.0128,13.6269 24.0498,13.6609 C24.3518,13.9379 24.6328,14.2379 24.8878,14.5609 C24.9158,14.5969 24.9428,14.6349 24.9708,14.6709 C25.2258,15.0079 25.4578,15.3639 25.6568,15.7429 C26.2118,16.7999 26.5298,18.0009 26.5298,19.2769 C26.5298,23.4869 23.1058,26.9119 18.8958,26.9119 L18.8958,26.9119 Z M10.2477941,12.4759 C10.2448,11.0739 11.3838,9.9319 12.7848,9.9299 L12.7898,9.9299 C13.6908,9.9299 14.4988,10.4039 14.9488,11.1559 C14.9288,11.1659 14.9108,11.1799 14.8898,11.1899 C14.1868,11.5399 13.5358,11.9769 12.9508,12.4899 C12.8898,12.5439 12.8298,12.5989 12.7698,12.6549 C12.5148,12.8909 12.2708,13.1389 12.0438,13.4039 C12.0218,13.4299 11.9968,13.4539 11.9748,13.4799 C11.7268,13.7749 11.5018,14.0889 11.2928,14.4139 C11.2778,14.4369 11.2588,14.4579 11.2438,14.4809 C10.6258,14.0079 10.2488,13.2719 10.2477941,12.4759 L10.2477941,12.4759 Z M28.9438073,12.4779 C28.9458,11.4249 28.5368,10.4349 27.7938,9.6889 C27.0508,8.9429 26.0618,8.5319 25.0078,8.5299 L25.0008,8.5299 C23.5198,8.5299 22.2058,9.3539 21.5348,10.6369 C20.6998,10.3809 19.8138,10.2419 18.8958,10.2419 C17.9778,10.2419 17.0918,10.3809 16.2568,10.6369 C15.5858,9.3539 14.2718,8.5299 12.7898,8.5299 L12.7828,8.5299 C10.6098,8.5339 8.8448,10.3049 8.84779618,12.4779 C8.8498,13.7959 9.5188,15.0019 10.5898,15.7249 C10.1218,16.8159 9.8608,18.0159 9.8608,19.2769 C9.8608,22.1949 11.2568,24.7859 13.4098,26.4399 L11.8858,28.0859 L12.9128,29.0379 L14.5938,27.2209 C15.8738,27.9169 17.3398,28.3129 18.8958,28.3129 C20.4518,28.3129 21.9168,27.9169 23.1968,27.2209 L24.8778,29.0379 L25.9048,28.0859 L24.3808,26.4399 C26.5338,24.7859 27.9308,22.1949 27.9308,19.2769 C27.9308,18.0159 27.6698,16.8159 27.2008,15.7249 C28.2728,15.0019 28.9418,13.7949 28.9438073,12.4779 L28.9438073,12.4779 Z M31.0508,6.8599 C30.1168,5.7649 28.8188,5.1559 27.3928,5.1479 L27.3848,6.5479 C28.6818,6.5559 29.5138,7.2159 29.9848,7.7679 C30.6038,8.4959 30.9558,9.4549 30.9498,10.3989 L32.3508,10.4069 C32.3578,9.1319 31.8838,7.8399 31.0508,6.8599 L31.0508,6.8599 Z M10.3998,5.1479 C7.3188,5.1659 5.4268,7.8919 5.4408,10.4069 L6.8408,10.3989 C6.8308,8.5569 8.1918,6.5609 10.4068,6.5479 L10.3998,5.1479 Z M18.1948,19.2149 L15.5468,19.2149 L15.5468,20.6149 L19.5958,20.6149 L19.5958,15.5519 L18.1948,15.5519 L18.1948,19.2149 Z"
-    }));
-  });
-
-  var ArrowLeft = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("polygon", {
-      fill: color,
-      fillRule: "evenodd",
-      points: "21.434 4.694 20.292 6.07 30.212 18.027 4.694 18.027 4.694 19.975 30.212 19.975 20.292 31.928 21.434 33.306 33.306 19.001",
-      transform: "matrix(-1 0 0 1 38 0)"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("polygon", {
-      fill: hoverColor,
-      fillRule: "evenodd",
-      points: "17.434 4.694 16.292 6.07 26.212 18.027 .694 18.027 .694 19.975 26.212 19.975 16.292 31.928 17.434 33.306 29.306 19.001",
-      transform: "matrix(-1 0 0 1 30 0)"
-    }));
-  });
-
-  var ArrowRight = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("polygon", {
-      fill: color,
-      fillRule: "evenodd",
-      points: "21.434 4.694 20.292 6.07 30.212 18.027 4.694 18.027 4.694 19.975 30.212 19.975 20.292 31.928 21.434 33.306 33.306 19.001"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("polygon", {
-      fill: hoverColor,
-      fillRule: "evenodd",
-      points: "25.434 4.694 24.292 6.07 34.212 18.027 8.694 18.027 8.694 19.975 34.212 19.975 24.292 31.928 25.434 33.306 37.306 19.001"
-    }));
-  });
-
-  var Avatar = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: color,
-      fillRule: "evenodd",
-      d: "M14.247,11.9795 L14.681,11.9795 C15.843,11.9795 16.863,11.3655 17.435,10.4445 C18.018,11.3665 19.046,11.9795 20.214,11.9795 L23.753,11.9795 L23.753,13.4425 C23.753,15.9775 21.689,18.0415 19.154,18.0415 L18.846,18.0415 C16.31,18.0415 14.247,15.9775 14.247,13.4425 L14.247,11.9795 Z M14.247,10.8735 C14.247,8.3375 16.31,6.2755 18.846,6.2755 L19.154,6.2755 C21.689,6.2755 23.753,8.3375 23.753,10.8735 L23.753,10.9875 L20.214,10.9875 C18.95,10.9875 17.923,9.9595 17.923,8.6965 L17.923,8.5305 L16.931,8.5305 L16.931,8.7375 C16.931,9.9775 15.921,10.9875 14.681,10.9875 L14.247,10.9875 L14.247,10.8735 Z M18.846,19.3165 L19.154,19.3165 C22.393,19.3165 25.028,16.6815 25.028,13.4425 L25.028,10.8735 C25.028,7.6345 22.393,5.0005 19.154,5.0005 L18.846,5.0005 C15.606,5.0005 12.972,7.6345 12.972,10.8735 L12.972,13.4425 C12.972,16.6815 15.606,19.3165 18.846,19.3165 L18.846,19.3165 Z M27.14,32.4075 L10.86,32.4075 L10.86,27.3405 C10.86,24.4505 12.744,21.8615 15.471,20.9585 C17.658,22.0295 20.342,22.0295 22.529,20.9585 C25.256,21.8615 27.14,24.4505 27.14,27.3405 L27.14,32.4075 Z M22.648,19.6615 L22.399,19.5885 L22.171,19.7095 C20.229,20.7435 17.77,20.7435 15.829,19.7095 L15.601,19.5885 L15.351,19.6615 C11.956,20.6455 9.585,23.8035 9.585,27.3405 L9.585,33.6825 L28.415,33.6825 L28.415,27.3405 C28.415,23.8035 26.044,20.6455 22.648,19.6615 L22.648,19.6615 Z"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: hoverColor,
-      fillRule: "evenodd",
-      d: "M14.2475,11.9795 L14.6815,11.9795 C15.8425,11.9795 16.8625,11.3655 17.4355,10.4445 C18.0185,11.3665 19.0455,11.9795 20.2145,11.9795 L23.7535,11.9795 L23.7535,13.4425 C23.7535,15.9775 21.6895,18.0415 19.1545,18.0415 L18.8455,18.0415 C16.3105,18.0415 14.2475,15.9775 14.2475,13.4425 L14.2475,11.9795 Z M14.2475,10.8735 C14.2475,8.3375 16.3105,6.2755 18.8455,6.2755 L19.1545,6.2755 C21.6895,6.2755 23.7535,8.3375 23.7535,10.8735 L23.7535,10.9875 L20.2145,10.9875 C18.9505,10.9875 17.9225,9.9595 17.9225,8.6965 L17.9225,8.5305 L16.9305,8.5305 L16.9305,8.7375 C16.9305,9.9775 15.9215,10.9875 14.6815,10.9875 L14.2475,10.9875 L14.2475,10.8735 Z M18.8455,19.3165 L19.1545,19.3165 C22.3935,19.3165 25.0285,16.6815 25.0285,13.4425 L25.0285,10.8735 C25.0285,7.6345 22.3935,5.0005 19.1545,5.0005 L18.8455,5.0005 C15.6065,5.0005 12.9725,7.6345 12.9725,10.8735 L12.9725,13.4425 C12.9725,16.6815 15.6065,19.3165 18.8455,19.3165 L18.8455,19.3165 Z M19.0215,16.3905 C19.7145,16.3905 20.2765,15.8285 20.2765,15.1355 L17.7665,15.1355 C17.7665,15.8285 18.3285,16.3905 19.0215,16.3905 L19.0215,16.3905 Z M16.9695,14.0695 C17.1855,14.0695 17.3605,13.8945 17.3605,13.6785 C17.3605,13.4625 17.1855,13.2875 16.9695,13.2875 C16.7535,13.2875 16.5785,13.4625 16.5785,13.6785 C16.5785,13.8945 16.7535,14.0695 16.9695,14.0695 L16.9695,14.0695 Z M27.1405,32.4075 L10.8595,32.4075 L10.8595,27.3405 C10.8595,24.4505 12.7435,21.8615 15.4715,20.9585 C17.6585,22.0295 20.3435,22.0295 22.5285,20.9585 C25.2565,21.8615 27.1405,24.4505 27.1405,27.3405 L27.1405,32.4075 Z M22.6475,19.6615 L22.3985,19.5885 L22.1705,19.7105 C20.2315,20.7415 17.7715,20.7445 15.8295,19.7095 L15.6015,19.5885 L15.3515,19.6615 C11.9565,20.6455 9.5845,23.8035 9.5845,27.3405 L9.5845,33.6825 L28.4155,33.6825 L28.4155,27.3405 C28.4155,23.8025 26.0435,20.6455 22.6475,19.6615 L22.6475,19.6615 Z M21.0855,14.0695 C21.3015,14.0695 21.4765,13.8945 21.4765,13.6785 C21.4765,13.4625 21.3015,13.2875 21.0855,13.2875 C20.8705,13.2875 20.6955,13.4625 20.6955,13.6785 C20.6955,13.8945 20.8705,14.0695 21.0855,14.0695 L21.0855,14.0695 Z"
-    }));
-  });
-
-  var CalendarSave = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: color,
-      fillRule: "evenodd",
-      d: "M31.1482,13.1272 L7.5702,13.1272 L7.5702,8.6222 L10.2262,8.6222 L10.2262,9.3492 C10.2262,10.4262 11.1032,11.3032 12.1812,11.3032 C13.2582,11.3032 14.1352,10.4262 14.1352,9.3492 L14.1352,8.6222 L24.4872,8.6222 L24.4872,9.3492 C24.4872,10.4262 25.3642,11.3032 26.4412,11.3032 C27.5182,11.3032 28.3952,10.4262 28.3952,9.3492 L28.3952,8.6222 L31.1482,8.6222 L31.1482,13.1272 Z M7.5702,27.1802 L31.1482,27.1802 L31.1482,14.5282 L7.5702,14.5282 L7.5702,27.1802 Z M11.6272,6.6622 C11.6272,6.3562 11.8762,6.1072 12.1812,6.1072 C12.4872,6.1072 12.7352,6.3562 12.7352,6.6622 L12.7352,9.3492 C12.7352,9.6542 12.4872,9.9022 12.1812,9.9022 C11.8762,9.9022 11.6272,9.6542 11.6272,9.3492 L11.6272,6.6622 Z M25.8872,6.6622 C25.8872,6.3562 26.1352,6.1072 26.4412,6.1072 C26.7472,6.1072 26.9952,6.3562 26.9952,6.6622 L26.9952,9.3492 C26.9952,9.6542 26.7472,9.9022 26.4412,9.9022 C26.1352,9.9022 25.8872,9.6542 25.8872,9.3492 L25.8872,6.6622 Z M28.3952,7.2212 L28.3952,6.6622 C28.3952,5.5842 27.5182,4.7072 26.4412,4.7072 C25.3642,4.7072 24.4872,5.5842 24.4872,6.6622 L24.4872,7.2212 L14.1352,7.2212 L14.1352,6.6622 C14.1352,5.5842 13.2582,4.7072 12.1812,4.7072 C11.1032,4.7072 10.2262,5.5842 10.2262,6.6622 L10.2262,7.2212 L6.1692,7.2212 L6.1692,28.5802 L32.5482,28.5802 L32.5482,7.2212 L28.3952,7.2212 Z M23.7432,21.6972 L22.7742,20.6872 L20.0592,23.2932 L20.0592,17.9822 L18.6592,17.9822 L18.6592,23.3002 L15.9392,20.7482 L14.9822,21.7692 L19.3762,25.8922 L23.7432,21.6972 Z"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: hoverColor,
-      fillRule: "evenodd",
-      d: "M30.6845,13.1272 L7.1075,13.1272 L7.1075,8.6222 L9.7635,8.6222 L9.7635,9.3492 C9.7635,10.4262 10.6405,11.3032 11.7175,11.3032 C12.7945,11.3032 13.6715,10.4262 13.6715,9.3492 L13.6715,8.6222 L24.0235,8.6222 L24.0235,9.3492 C24.0235,10.4262 24.9005,11.3032 25.9775,11.3032 C27.0555,11.3032 27.9325,10.4262 27.9325,9.3492 L27.9325,8.6222 L30.6845,8.6222 L30.6845,13.1272 Z M7.1075,27.1802 L30.6845,27.1802 L30.6845,14.5282 L7.1075,14.5282 L7.1075,27.1802 Z M11.1635,6.6622 C11.1635,6.3562 11.4125,6.1072 11.7175,6.1072 C12.0235,6.1072 12.2715,6.3562 12.2715,6.6622 L12.2715,9.3492 C12.2715,9.6542 12.0235,9.9022 11.7175,9.9022 C11.4125,9.9022 11.1635,9.6542 11.1635,9.3492 L11.1635,6.6622 Z M25.4235,6.6622 C25.4235,6.3562 25.6715,6.1072 25.9775,6.1072 C26.2835,6.1072 26.5325,6.3562 26.5325,6.6622 L26.5325,9.3492 C26.5325,9.6542 26.2835,9.9022 25.9775,9.9022 C25.6715,9.9022 25.4235,9.6542 25.4235,9.3492 L25.4235,6.6622 Z M27.9325,7.2212 L27.9325,6.6622 C27.9325,5.5842 27.0555,4.7072 25.9775,4.7072 C24.9005,4.7072 24.0235,5.5842 24.0235,6.6622 L24.0235,7.2212 L13.6715,7.2212 L13.6715,6.6622 C13.6715,5.5842 12.7945,4.7072 11.7175,4.7072 C10.6405,4.7072 9.7635,5.5842 9.7635,6.6622 L9.7635,7.2212 L5.7065,7.2212 L5.7065,28.5802 L32.0845,28.5802 L32.0845,7.2212 L27.9325,7.2212 Z M23.2795,21.7022 L22.3105,20.6922 L19.5955,23.2992 L19.5955,17.9872 L18.1955,17.9872 L18.1955,23.3052 L15.4765,20.7532 L14.5175,21.7732 L18.9125,25.8972 L23.2795,21.7022 Z"
-    }));
-  });
-
-  var ChevronDown = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("polygon", {
-      fill: color,
-      points: "26.515 24.263 27.935 22.854 19.725 14.58 11.515 22.854 12.935 24.263 19.725 17.42",
-      transform: "matrix(1 0 0 -1 0 38.843)"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("polygon", {
-      fill: hoverColor,
-      points: "26.515 17.58 27.935 18.989 19.725 27.263 11.515 18.989 12.935 17.58 19.725 24.423"
-    }));
-  });
-
-  var ChevronLeft = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("polygon", {
-      fill: color,
-      points: "26.515 24.263 27.935 22.854 19.725 14.58 11.515 22.854 12.935 24.263 19.725 17.42",
-      transform: "matrix(0 1 1 0 .304 -.304)"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("polygon", {
-      fill: hoverColor,
-      points: "23.515 24.263 24.935 22.854 16.725 14.58 8.515 22.854 9.935 24.263 16.725 17.42",
-      transform: "matrix(0 1 1 0 -2.696 2.696)"
-    }));
-  });
-
-  var ChevronRight = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("polygon", {
-      fill: color,
-      points: "26.515 24.263 27.935 22.854 19.725 14.58 11.515 22.854 12.935 24.263 19.725 17.42",
-      transform: "rotate(90 19.725 19.422)"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("polygon", {
-      fill: hoverColor,
-      points: "17.884 26.212 19.293 27.631 27.566 19.421 19.293 11.212 17.884 12.631 24.727 19.421"
-    }));
-  });
-
-  var ChevronUp = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("polygon", {
-      fill: color,
-      points: "26.515 24.263 27.935 22.854 19.725 14.58 11.515 22.854 12.935 24.263 19.725 17.42"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("polygon", {
-      fill: hoverColor,
-      points: "26.515 21.263 27.935 19.854 19.725 11.58 11.515 19.854 12.935 21.263 19.725 14.42"
-    }));
-  });
-
-  var Cross = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("polygon", {
-      fill: color,
-      fillRule: "evenodd",
-      points: "20.404 19 28.663 10.741 27.26 9.338 19.001 17.597 10.741 9.337 9.338 10.74 17.598 19 9.338 27.26 10.741 28.663 19.001 20.403 27.26 28.662 28.663 27.259"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("polygon", {
-      fill: hoverColor,
-      fillRule: "evenodd",
-      points: "19 17.596 9.327 7.923 7.924 9.326 17.597 18.999 7.923 28.673 9.326 30.076 19 20.402 28.674 30.076 30.077 28.673 20.403 18.999 30.076 9.326 28.673 7.923"
-    }));
-  });
-
-  var EnterFullScreen = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: color,
-      fillRule: "evenodd",
-      d: "M21.9196,8.7642 L21.9196,10.1642 L26.6366,10.1642 L22.1176,14.6832 L23.1076,15.6742 L27.6266,11.1552 L27.6266,15.8392 L29.0266,15.8392 L29.0266,8.7642 L21.9196,8.7642 Z M15.6736,23.1082 L14.6836,22.1182 L10.1646,26.6362 L10.1646,21.9522 L8.7646,21.9522 L8.7646,29.0272 L15.8716,29.0272 L15.8716,27.6272 L11.1546,27.6272 L15.6736,23.1082 Z"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: hoverColor,
-      fillRule: "evenodd",
-      d: "M22.9199,7.7642 L22.9199,9.1642 L27.6369,9.1642 L22.1179,14.6832 L23.1079,15.6742 L24.1079,14.6742 L28.6269,10.1552 L28.6269,14.8392 L30.0269,14.8392 L30.0269,7.7642 L22.9199,7.7642 Z M14.6839,22.1182 L9.1639,27.6372 L9.1639,22.9522 L7.7639,22.9522 L7.7639,30.0282 L14.8719,30.0282 L14.8719,28.6272 L10.1549,28.6272 L15.6739,23.1082 L14.6839,22.1182 Z"
-    }));
-  });
-
-  var Eraser = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: color,
-      fillRule: "evenodd",
-      d: "M28.333,30.8347 L30.664,30.8347 L30.664,29.4347 L28.333,29.4347 L28.333,30.8347 Z M15.86,29.4337 L11.6,29.4337 C11.509,29.4337 11.302,29.3497 11.237,29.2847 L7.574,25.6517 C7.202,25.2807 6.998,24.7857 6.998,24.2607 C6.998,23.7357 7.202,23.2417 7.574,22.8697 L14.403,16.0407 L21.934,23.5707 L16.219,29.2857 C16.156,29.3477 15.948,29.4337 15.86,29.4337 L15.86,29.4337 Z M21.797,8.6457 L29.342,16.1627 L22.924,22.5807 L15.393,15.0497 L21.797,8.6457 Z M30.475,17.0097 C30.701,16.7827 30.826,16.4807 30.825006,16.1597 C30.824,15.8387 30.699,15.5377 30.473,15.3127 L22.644,7.5137 C22.175,7.0487 21.414,7.0497 20.947,7.5157 L6.584,21.8797 C5.948,22.5147 5.598,23.3607 5.598,24.2607 C5.598,25.1607 5.948,26.0067 6.586,26.6437 L10.251,30.2797 C10.575,30.6007 11.143,30.8347 11.6,30.8347 L26.283,30.8347 L26.283,29.4337 L18.051,29.4337 L30.475,17.0097 Z"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: hoverColor,
-      fillRule: "evenodd",
-      d: "M26.5012,22.5806 L18.9702,15.0496 L25.3742,8.6456 L32.9192,16.1626 L26.5012,22.5806 Z M19.7962,29.2856 C19.7332,29.3486 19.5252,29.4346 19.4382,29.4346 L15.1772,29.4346 C15.0862,29.4346 14.8802,29.3496 14.8152,29.2856 L11.1512,25.6516 C10.7792,25.2806 10.5752,24.7866 10.5752,24.2606 C10.5752,23.7356 10.7792,23.2416 11.1512,22.8696 L17.9802,16.0406 L25.5112,23.5706 L19.7962,29.2856 Z M34.0502,15.3126 L26.2212,7.5136 C25.7522,7.0486 24.9912,7.0496 24.5242,7.5156 L10.1612,21.8796 C9.5252,22.5156 9.1752,23.3606 9.1752,24.2606 C9.1752,25.1606 9.5252,26.0066 10.1632,26.6436 L13.8292,30.2796 C14.1532,30.6006 14.7202,30.8346 15.1772,30.8346 L26.2832,30.8346 L26.2832,29.4346 L21.6282,29.4346 L34.0522,17.0096 C34.2782,16.7826 34.4032,16.4806 34.402206,16.1596 C34.4012,15.8386 34.2762,15.5376 34.0502,15.3126 L34.0502,15.3126 Z M28.3332,30.8346 L30.6632,30.8346 L30.6632,29.4346 L28.3332,29.4346 L28.3332,30.8346 Z"
-    }));
-  });
-
-  var ExitFullScreen = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: color,
-      fillRule: "evenodd",
-      d: "M23.6102,15.1387 L28.1292,10.6197 L27.1392,9.6297 L22.6202,14.1487 L22.6202,9.4647 L21.2192,9.4647 L21.2192,16.5387 L28.3272,16.5387 L28.3272,15.1387 L23.6102,15.1387 Z M9.4642,22.6527 L14.1812,22.6527 L9.6632,27.1717 L10.6532,28.1617 L15.1712,23.6437 L15.1712,28.3267 L16.5722,28.3267 L16.5722,21.2527 L9.4642,21.2527 L9.4642,22.6527 Z"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: hoverColor,
-      fillRule: "evenodd",
-      d: "M26.1289,12.6199 L28.1289,10.6199 L27.1389,9.6299 L26.1389,10.6299 L25.1389,11.6299 L21.6199,15.1489 L21.6199,10.4639 L20.2199,10.4639 L20.2199,17.5399 L27.3269,17.5399 L27.3269,16.1389 L22.6099,16.1389 L26.1289,12.6199 Z M10.4649,21.6529 L15.1819,21.6529 L10.6619,26.1719 L9.6619,27.1719 L10.6519,28.1619 L16.1719,22.6429 L16.1719,27.3269 L17.5719,27.3269 L17.5719,20.2529 L10.4649,20.2529 L10.4649,21.6529 Z"
-    }));
-  });
-
-  var Eye = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: color,
-      fillRule: "evenodd",
-      d: "M18.8958,16.5283 C17.5878,16.5283 16.5278,17.5883 16.5278,18.8953 C16.5278,20.2033 17.5878,21.2633 18.8958,21.2633 C20.2028,21.2633 21.2638,20.2033 21.2638,18.8953 C21.2638,17.5883 20.2028,16.5283 18.8958,16.5283 M22.8618,25.3123 C25.0108,23.9793 26.4488,21.6053 26.4488,18.8963 C26.4488,16.1703 24.9928,13.7843 22.8228,12.4553 C27.3428,13.9023 29.6128,17.5723 30.2978,18.8913 C29.6138,20.1873 27.3288,23.8453 22.8618,25.3123 M12.5418,18.8963 C12.5418,15.3923 15.3918,12.5423 18.8958,12.5423 C22.3988,12.5423 25.2498,15.3923 25.2498,18.8963 C25.2498,22.3993 22.3988,25.2493 18.8958,25.2493 C15.3918,25.2493 12.5418,22.3993 12.5418,18.8963 M7.4908,18.8963 C8.1758,17.5773 10.4458,13.9023 14.9698,12.4553 C12.7988,13.7833 11.3428,16.1703 11.3428,18.8963 C11.3428,21.6223 12.7988,24.0083 14.9708,25.3363 C10.4438,23.8893 8.1738,20.2123 7.4908,18.8963 M18.8958,10.6523 C9.6348,10.6523 6.1608,18.8963 6.1608,18.8963 C6.1608,18.8963 9.6348,27.1393 18.8958,27.1393 C28.1568,27.1393 31.6308,18.8963 31.6308,18.8963 C31.6308,18.8963 28.1568,10.6523 18.8958,10.6523"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: hoverColor,
-      fillRule: "evenodd",
-      d: "M20.896,16.5283 C19.588,16.5283 18.528,17.5883 18.528,18.8953 C18.528,20.2033 19.588,21.2633 20.896,21.2633 C22.204,21.2633 23.264,20.2033 23.264,18.8953 C23.264,17.5883 22.204,16.5283 20.896,16.5283 M22.861,25.3123 C25.01,23.9793 26.449,21.6063 26.449,18.8963 C26.449,16.1703 24.993,13.7833 22.822,12.4553 C27.343,13.9013 29.613,17.5723 30.298,18.8913 C29.614,20.1873 27.328,23.8463 22.861,25.3123 M18.896,25.2493 C15.393,25.2493 12.542,22.3993 12.542,18.8963 C12.542,15.3923 15.393,12.5423 18.896,12.5423 C22.399,12.5423 25.25,15.3923 25.25,18.8963 C25.25,22.3993 22.399,25.2493 18.896,25.2493 M7.491,18.8963 C8.176,17.5773 10.446,13.9033 14.969,12.4553 C12.799,13.7843 11.343,16.1703 11.343,18.8963 C11.343,21.6223 12.799,24.0083 14.969,25.3363 C10.444,23.8883 8.174,20.2113 7.491,18.8963 M18.896,10.6523 C9.635,10.6523 6.161,18.8963 6.161,18.8963 C6.161,18.8963 9.635,27.1393 18.896,27.1393 C28.157,27.1393 31.631,18.8963 31.631,18.8963 C31.631,18.8963 28.157,10.6523 18.896,10.6523"
-    }));
-  });
-
-  var FilterOff = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: color,
-      fillRule: "evenodd",
-      d: "M27.7409,13.3718 C27.7409,13.5888 27.6519,13.8008 27.4969,13.9538 L20.1439,21.1858 L20.1439,27.7288 L17.6469,30.0428 L17.6469,21.1858 L16.2699,19.8318 L24.3999,11.5578 L27.7409,11.5578 L27.7409,13.3718 Z M15.5629,19.1368 L10.2949,13.9538 C10.1399,13.8018 10.0519,13.5888 10.0519,13.3718 L10.0519,11.5578 L23.0099,11.5578 L15.5629,19.1368 Z M25.7759,10.1578 L28.6649,7.2168 L27.9579,6.5218 L24.3859,10.1578 L8.6509,10.1578 L8.6509,13.3718 C8.6509,13.9618 8.8919,14.5378 9.3119,14.9518 L14.5819,20.1348 L10.5799,24.2078 L11.2869,24.9038 L15.2889,20.8308 L16.2469,21.7728 L16.2469,33.2488 L21.5449,28.3408 L21.5449,21.7728 L28.4779,14.9518 C28.8989,14.5388 29.1409,13.9628 29.1409,13.3718 L29.1409,10.1578 L25.7759,10.1578 Z"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: hoverColor,
-      fillRule: "evenodd",
-      d: "M27.7402,13.3718 C27.7402,13.5888 27.6512,13.8018 27.4972,13.9538 L20.1442,21.1858 L20.1442,27.7288 L17.6472,30.0428 L17.6472,21.1858 L16.2762,19.8378 L24.4112,11.5578 L27.7402,11.5578 L27.7402,13.3718 Z M15.5692,19.1418 L10.2942,13.9528 C10.1392,13.8008 10.0512,13.5888 10.0512,13.3718 L10.0512,11.5578 L23.0212,11.5578 L15.5692,19.1418 Z M25.7872,10.1578 L27.2762,8.6418 L26.5692,7.9468 L24.3972,10.1578 L8.6502,10.1578 L8.6502,13.3718 C8.6502,13.9628 8.8922,14.5388 9.3122,14.9518 L14.5882,20.1408 L9.1922,25.6328 L9.8992,26.3288 L15.2952,20.8368 L16.2472,21.7728 L16.2472,33.2488 L21.5452,28.3408 L21.5452,21.7728 L28.4792,14.9508 C28.8992,14.5378 29.1402,13.9618 29.1402,13.3718 L29.1402,10.1578 L25.7872,10.1578 Z"
-    }));
-  });
-
-  var Forward = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("polygon", {
-      fill: color,
-      fillRule: "evenodd",
-      points: "24.83 8.994 23.809 9.952 31.501 18.149 4.607 18.149 4.607 19.549 31.612 19.549 23.655 27.834 24.665 28.804 34.15 18.927"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("polygon", {
-      fill: hoverColor,
-      fillRule: "evenodd",
-      points: "27.831 8.994 26.81 9.952 34.501 18.149 7.607 18.149 7.607 19.549 34.612 19.549 26.655 27.834 27.665 28.804 37.15 18.927"
-    }));
-  });
-
-  var Lock = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: color,
-      fillRule: "evenodd",
-      d: "M12.457,27.7675 L25.543,27.7675 L25.543,17.0025 L12.457,17.0025 L12.457,27.7675 Z M14.722,12.5125 C14.722,10.1525 16.641,8.2335 19,8.2335 C21.36,8.2335 23.279,10.1525 23.279,12.5125 L23.279,15.3015 L14.722,15.3015 L14.722,12.5125 Z M24.981,15.3015 L24.981,12.5125 C24.981,9.2155 22.298,6.5315 19,6.5315 C15.703,6.5315 13.021,9.2155 13.021,12.5125 L13.021,15.3015 L10.756,15.3015 L10.756,29.4685 L27.244,29.4685 L27.244,15.3015 L24.981,15.3015 Z"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: hoverColor,
-      fillRule: "evenodd",
-      d: "M12.457,27.7675 L25.543,27.7675 L25.543,17.0025 L12.457,17.0025 L12.457,27.7675 Z M24.975,15.3015 C24.976,15.2925 24.981,15.2855 24.981,15.2765 L24.981,10.7605 C24.981,7.4635 22.298,4.7815 19,4.7815 C15.703,4.7815 13.021,7.4635 13.021,10.7605 L13.021,11.7735 C13.021,12.2425 13.402,12.6235 13.871,12.6235 C14.341,12.6235 14.722,12.2425 14.722,11.7735 L14.722,10.7605 C14.722,8.4015 16.641,6.4825 19,6.4825 C21.36,6.4825 23.279,8.4015 23.279,10.7605 L23.279,15.2765 C23.279,15.2855 23.284,15.2925 23.285,15.3015 L10.756,15.3015 L10.756,29.4685 L27.244,29.4685 L27.244,15.3015 L24.975,15.3015 Z"
-    }));
-  });
-
-  var Menu = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: color,
-      d: "M29.9882812,24.7089844 L29.9882812,26.5089844 L8,26.5089844 L8,24.7089844 L29.9882812,24.7089844 Z M29.9882812,17.7089844 L29.9882812,19.5089844 L8,19.5089844 L8,17.7089844 L29.9882812,17.7089844 Z M29.9882812,11 L29.9882812,12.8 L8,12.8 L8,11 L29.9882812,11 Z"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: hoverColor,
-      d: "M29.9882812,25.7089844 L29.9882812,27.5089844 L8,27.5089844 L8,25.7089844 L29.9882812,25.7089844 Z M29.9882812,17.7089844 L29.9882812,19.5089844 L8,19.5089844 L8,17.7089844 L29.9882812,17.7089844 Z M29.9882812,10 L29.9882812,11.8 L8,11.8 L8,10 L29.9882812,10 Z"
-    }));
-  });
-
-  var Minus = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("polygon", {
-      fill: color,
-      points: "11.225 20 26.775 20 26.775 18 11.225 18",
-      transform: "matrix(1 0 0 -1 0 38)"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("polygon", {
-      fill: hoverColor,
-      points: "9.225 18 28.775 18 28.775 20 9.225 20"
-    }));
-  });
-
-  var Paperplane = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: color,
-      fillRule: "evenodd",
-      d: "M32.7913,9.9776 L32.9843,9.9496 L32.8463,10.1346 L32.7913,9.9776 Z M21.0443,25.9076 L10.7743,18.3876 L32.2783,10.8926 L21.0443,25.9076 Z M10.1853,27.4136 L10.1853,19.2516 L16.2863,23.7196 L10.1853,27.4136 Z M4.7783,13.9966 L30.9893,10.2356 L9.7503,17.6376 L4.7783,13.9966 Z M2.0933,13.3266 L9.1403,18.4866 L9.1403,29.2676 L17.1993,24.3886 L21.2623,27.3626 L35.3313,8.5576 L2.0933,13.3266 Z"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: hoverColor,
-      fillRule: "evenodd",
-      d: "M35.7913,6.9776 L35.9843,6.9496 L35.8463,7.1346 L35.7913,6.9776 Z M24.0443,22.9076 L13.7743,15.3876 L35.2783,7.8926 L24.0443,22.9076 Z M13.1853,24.4136 L13.1853,16.2516 L19.2863,20.7196 L13.1853,24.4136 Z M7.7783,10.9966 L33.9893,7.2356 L12.7503,14.6376 L7.7783,10.9966 Z M5.0933,10.3266 L12.1403,15.4866 L12.1403,26.2676 L20.1993,21.3886 L24.2623,24.3626 L38.3313,5.5576 L5.0933,10.3266 Z"
-    }));
-  });
-
-  var Pause = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: color,
-      fillRule: "evenodd",
-      d: "M21.23,25.1967 L24.395,25.1967 L24.395,12.5947 L21.23,12.5947 L21.23,25.1967 Z M13.397,25.1967 L16.562,25.1967 L16.562,12.5947 L13.397,12.5947 L13.397,25.1967 Z"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: hoverColor,
-      fillRule: "evenodd",
-      d: "M21.23,27.1977 L24.395,27.1977 L24.395,10.5947 L21.23,10.5947 L21.23,27.1977 Z M13.397,27.1977 L16.562,27.1977 L16.562,10.5947 L13.397,10.5947 L13.397,27.1977 Z"
-    }));
-  });
-
-  var Pencil = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: color,
-      fillRule: "evenodd",
-      d: "M30.232,12.0671 L29.635,12.6641 L25.121,8.1491 L25.717,7.5521 C26.922,6.3461 29.025,6.3471 30.232,7.5521 C31.476,8.7971 31.476,10.8221 30.232,12.0671 L30.232,12.0671 Z M27.794,14.5051 L23.28,9.9901 L24.555,8.7151 L29.069,13.2301 L27.794,14.5051 Z M15.672,26.6271 L13.701,24.6561 L25.34,13.1821 L27.229,15.0701 L15.672,26.6271 Z M10.244,29.2241 L8.568,27.5471 L10.399,23.3351 L14.451,27.3871 L10.244,29.2241 Z M7.276,30.5201 L8.225,28.3371 L9.456,29.5681 L7.276,30.5201 Z M22.714,10.5561 L24.774,12.6161 L13.135,24.0901 L11.157,22.1121 L22.714,10.5561 Z M31.222,6.5631 L31.222,6.5621 C30.354,5.6951 29.201,5.2171 27.974,5.2171 C26.748,5.2171 25.594,5.6951 24.727,6.5621 L9.671,21.6171 C9.61,21.6801 9.559,21.7531 9.525,21.8341 L5.283,31.5951 C5.168,31.8591 5.226,32.1661 5.43,32.3701 C5.564,32.5041 5.743,32.5741 5.924,32.5741 C6.019,32.5741 6.115,32.5551 6.205,32.5161 L15.952,28.2591 C16.032,28.2241 16.105,28.1741 16.167,28.1121 L31.222,13.0571 C33.012,11.2671 33.012,8.3531 31.222,6.5631 L31.222,6.5631 Z"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: hoverColor,
-      fillRule: "evenodd",
-      d: "M34.9822,12.5647 L34.3862,13.1607 L29.8712,8.6467 L30.4672,8.0497 C31.7112,6.8047 33.7382,6.8067 34.9822,8.0497 C35.5862,8.6527 35.9182,9.4547 35.9182,10.3077 C35.9182,11.1607 35.5862,11.9617 34.9822,12.5647 L34.9822,12.5647 Z M32.5452,15.0017 L28.0302,10.4877 L29.3052,9.2117 L33.8202,13.7267 L32.5452,15.0017 Z M20.4232,27.1247 L18.4512,25.1537 L30.0902,13.6797 L31.9792,15.5677 L20.4232,27.1247 Z M14.9952,29.7217 L13.3182,28.0457 L15.1492,23.8327 L19.2022,27.8847 L14.9952,29.7217 Z M12.0272,31.0177 L12.9762,28.8347 L14.2072,30.0657 L12.0272,31.0177 Z M27.4642,11.0537 L29.5242,13.1137 L17.8852,24.5877 L15.9082,22.6097 L27.4642,11.0537 Z M35.9722,7.0597 C34.1812,5.2697 31.2682,5.2707 29.4772,7.0597 L14.4222,22.1147 C14.3612,22.1777 14.3102,22.2507 14.2762,22.3317 L10.2152,31.6767 L5.9242,31.6767 L5.9242,33.0767 L10.6752,33.0767 L10.6752,33.0717 C10.7702,33.0717 10.8662,33.0527 10.9562,33.0137 L20.7032,28.7567 C20.7832,28.7217 20.8562,28.6717 20.9182,28.6097 L35.9722,13.5547 C36.8392,12.6877 37.3182,11.5347 37.3182,10.3077 C37.3182,9.0807 36.8392,7.9277 35.9722,7.0597 L35.9722,7.0597 Z"
-    }));
-  });
-
-  var PlusLarge = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("polygon", {
-      fill: color,
-      fillRule: "evenodd",
-      points: "19.992 18.008 19.992 6.327 18.009 6.327 18.009 18.008 6.327 18.008 6.327 19.991 18.009 19.991 18.009 31.672 19.992 31.672 19.992 19.991 31.672 19.991 31.672 18.008"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("polygon", {
-      fill: hoverColor,
-      fillRule: "evenodd",
-      points: "19.657 17.672 19.657 3.992 17.673 3.992 17.673 17.672 3.992 17.672 3.992 19.656 17.673 19.656 17.673 33.337 19.657 33.337 19.657 19.656 33.337 19.656 33.337 17.672"
-    }));
-  });
-
-  var PlusSmall = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: color,
-      d: "M19,11.2251246 L18.9991246,17.9991246 L25.7748756,18 L25.7748756,20 L18.9991246,19.9991246 L19,26.7748754 L17,26.7748754 L16.9991246,19.9991246 L10.2251246,20 L10.2251246,18 L16.9991246,17.9991246 L17,11.2251246 L19,11.2251246 Z"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: hoverColor,
-      d: "M19,9.22512463 L18.9991246,17.9991246 L27.7748756,18 L27.7748756,20 L18.9991246,19.9991246 L19,28.7748754 L17,28.7748754 L16.9991246,19.9991246 L8.22512463,20 L8.22512463,18 L16.9991246,17.9991246 L17,9.22512463 L19,9.22512463 Z"
-    }));
-  });
-
-  var Printer = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: color,
-      fillRule: "evenodd",
-      d: "M25.8311,17.9683 C25.3141,17.9683 24.8941,17.5483 24.8941,17.0313 C24.8941,16.5153 25.3141,16.0953 25.8311,16.0953 C26.3481,16.0953 26.7681,16.5153 26.7681,17.0313 C26.7681,17.5483 26.3481,17.9683 25.8311,17.9683 L25.8311,17.9683 Z M25.8311,15.1953 C24.8181,15.1953 23.9941,16.0193 23.9941,17.0313 C23.9941,18.0443 24.8181,18.8673 25.8311,18.8673 C26.8441,18.8673 27.6681,18.0443 27.6681,17.0313 C27.6681,16.0193 26.8441,15.1953 25.8311,15.1953 L25.8311,15.1953 Z M15.2181,28.0283 L22.5741,28.0283 L22.5741,27.1283 L15.2181,27.1283 L15.2181,28.0283 Z M31.1951,21.5233 L6.5961,21.5233 L6.5961,9.9473 L11.1311,9.9473 L11.1311,12.8833 L9.5531,12.8833 L9.5531,13.7823 L28.2391,13.7823 L28.2391,12.8833 L26.6611,12.8833 L26.6611,9.9473 L31.1951,9.9473 L31.1951,21.5233 Z M12.4301,30.0313 L25.3611,30.0313 L25.3611,22.9233 L12.4301,22.9233 L12.4301,30.0313 Z M12.5311,12.8833 L25.2601,12.8833 L25.2601,5.8603 L12.5311,5.8603 L12.5311,12.8833 Z M26.6611,8.5463 L26.6611,4.4603 L11.1311,4.4603 L11.1311,8.5463 L5.1951,8.5463 L5.1951,22.9233 L11.2311,22.9233 L11.2311,31.2313 L26.5601,31.2313 L26.5601,22.9233 L32.5961,22.9233 L32.5961,8.5463 L26.6611,8.5463 Z M15.2181,25.4023 L22.5741,25.4023 L22.5741,24.5023 L15.2181,24.5023 L15.2181,25.4023 Z"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: hoverColor,
-      fillRule: "evenodd",
-      d: "M31.1956,21.523 L6.5956,21.523 L6.5956,9.947 L11.1306,9.947 L11.1306,12.883 L9.5516,12.883 L9.5516,13.783 L28.2396,13.783 L28.2396,12.883 L26.6616,12.883 L26.6616,9.947 L31.1956,9.947 L31.1956,21.523 Z M12.4296,32.031 L25.3616,32.031 L25.3616,22.923 L12.4296,22.923 L12.4296,32.031 Z M12.5306,12.883 L25.2606,12.883 L25.2606,7.86 L12.5306,7.86 L12.5306,12.883 Z M26.6616,8.546 L26.6616,6.46 L11.1306,6.46 L11.1306,8.546 L5.1956,8.546 L5.1956,22.923 L11.2306,22.923 L11.2306,33.231 L26.5606,33.231 L26.5606,22.923 L32.5956,22.923 L32.5956,8.546 L26.6616,8.546 Z M15.2176,27.402 L22.5746,27.402 L22.5746,26.502 L15.2176,26.502 L15.2176,27.402 Z M15.2176,30.029 L22.5746,30.029 L22.5746,29.129 L15.2176,29.129 L15.2176,30.029 Z M15.2176,24.777 L22.5746,24.777 L22.5746,23.877 L15.2176,23.877 L15.2176,24.777 Z M25.8316,17.968 C25.3146,17.968 24.8946,17.548 24.8946,17.032 C24.8946,16.515 25.3146,16.095 25.8316,16.095 C26.3466,16.095 26.7666,16.515 26.7666,17.032 C26.7666,17.548 26.3466,17.968 25.8316,17.968 L25.8316,17.968 Z M25.8316,15.195 C24.8186,15.195 23.9946,16.019 23.9946,17.032 C23.9946,18.044 24.8186,18.868 25.8316,18.868 C26.8436,18.868 27.6676,18.044 27.6676,17.032 C27.6676,16.019 26.8436,15.195 25.8316,15.195 L25.8316,15.195 Z"
-    }));
-  });
-
-  var Reply = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: color,
-      fillRule: "evenodd",
-      d: "M21.2527,14.3672 L7.6837,14.3672 L15.3747,6.1702 L14.3537,5.2122 L5.0337,15.1462 L14.5197,25.0222 L15.5287,24.0532 L7.5717,15.7672 L21.2527,15.7672 C26.6787,15.7672 31.0927,20.1812 31.0927,25.6072 L31.0927,29.7242 L32.4927,29.7242 L32.4927,25.6072 C32.4927,19.4092 27.4507,14.3672 21.2527,14.3672"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: hoverColor,
-      fillRule: "evenodd",
-      d: "M21.2529,14.3672 L4.8999,14.3672 L12.5909,6.1702 L11.5689,5.2122 L2.2499,15.1452 L11.7339,25.0222 L12.7439,24.0532 L4.7869,15.7672 L21.2529,15.7672 C26.6789,15.7672 31.0929,20.1812 31.0929,25.6072 L31.0929,26.9392 L32.4929,26.9392 L32.4929,25.6072 C32.4929,19.4092 27.4509,14.3672 21.2529,14.3672"
-    }));
-  });
-
-  var Search = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: color,
-      fillRule: "evenodd",
-      d: "M27.2935714,27.08 C26.9085714,27.465 26.2378571,27.465 25.8528571,27.08 L22.3678571,23.5942857 C22.8978571,23.1657143 23.3678571,22.6692857 23.7771429,22.1235714 L27.2935714,25.6392857 C27.4857143,25.8314286 27.5914286,26.0878571 27.5914286,26.36 C27.5914286,26.6321429 27.4857143,26.8878571 27.2935714,27.08 M17.2121429,23.8042857 C13.5771429,23.8042857 10.62,20.8464286 10.62,17.2121429 C10.62,13.5771429 13.5771429,10.62 17.2121429,10.62 C20.8471429,10.62 23.8042857,13.5771429 23.8042857,17.2121429 C23.8042857,20.8464286 20.8471429,23.8042857 17.2121429,23.8042857 M28.4392857,24.4942857 L24.6385714,20.6935714 C25.1371429,19.635 25.4235714,18.4578571 25.4235714,17.2121429 C25.4235714,12.6835714 21.74,9 17.2121429,9 C12.6835714,9 9,12.6835714 9,17.2121429 C9,21.74 12.6835714,25.4235714 17.2121429,25.4235714 C18.5714286,25.4235714 19.8514286,25.0864286 20.9814286,24.4992857 L24.7078571,28.2257143 C25.2057143,28.7235714 25.8685714,28.9985714 26.5735714,28.9985714 C27.2785714,28.9985714 27.9407143,28.7235714 28.4392857,28.2257143 C29.4671429,27.1971429 29.4671429,25.5228571 28.4392857,24.4942857"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: hoverColor,
-      fillRule: "evenodd",
-      d: "M27.470029,27.2563897 C27.085929,27.6404897 26.411249,27.6421597 26.027149,27.2563897 L23.345129,24.5726997 C23.869509,24.1368297 24.338779,23.6391697 24.757949,23.1014297 L27.470029,25.8118397 C27.663749,26.0038897 27.768959,26.2610697 27.768959,26.5332797 C27.768959,26.8071597 27.663749,27.0626697 27.470029,27.2563897 M17.368199,24.8866597 C13.221589,24.8866597 9.848189,21.5132597 9.848189,17.3666497 C9.848189,13.2200397 13.221589,9.84663971 17.368199,9.84663971 C21.514809,9.84663971 24.888209,13.2200397 24.888209,17.3666497 C24.888209,21.5132597 21.514809,24.8866597 17.368199,24.8866597 M28.617319,24.6645497 L25.661419,21.7069797 C26.344449,20.4077197 26.735229,18.9331097 26.735229,17.3666497 C26.735229,12.2013397 22.531839,7.99961971 17.368199,7.99961971 C12.202889,7.99961971 7.999499,12.2013397 7.999499,17.3666497 C7.999499,22.5319597 12.202889,26.7353497 17.368199,26.7353497 C19.046549,26.7353497 20.619689,26.2844497 21.984079,25.5078997 L24.878189,28.4036797 C25.379189,28.9030097 26.042179,29.1785597 26.748589,29.1785597 C27.454999,29.1785597 28.119659,28.9030097 28.617319,28.4036797 C29.116649,27.9043497 29.392199,27.2413597 29.392199,26.5332797 C29.392199,25.8285397 29.116649,25.1638797 28.617319,24.6645497"
-    }));
-  });
-
-  var Share = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: color,
-      fillRule: "evenodd",
-      d: "M24.4365,30.7964 C23.2245,30.7964 22.2385,29.8104 22.2385,28.5974 C22.2385,27.3854 23.2245,26.3994 24.4365,26.3994 C25.6495,26.3994 26.6355,27.3854 26.6355,28.5974 C26.6355,29.8104 25.6495,30.7964 24.4365,30.7964 M13.3545,21.4074 C12.1425,21.4074 11.1565,20.4214 11.1565,19.2084 C11.1565,17.9964 12.1425,17.0094 13.3545,17.0094 C14.5675,17.0094 15.5535,17.9964 15.5535,19.2084 C15.5535,20.4214 14.5675,21.4074 13.3545,21.4074 M24.4365,7.6204 C25.6495,7.6204 26.6355,8.6074 26.6355,9.8194 C26.6355,11.0314 25.6495,12.0174 24.4365,12.0174 C23.2245,12.0174 22.2385,11.0314 22.2385,9.8194 C22.2385,8.6074 23.2245,7.6204 24.4365,7.6204 M24.4365,24.9984 C23.5915,24.9984 22.8245,25.3034 22.2095,25.7924 L16.4875,20.9454 C16.7755,20.4274 16.9545,19.8414 16.9545,19.2084 C16.9545,18.5754 16.7755,17.9894 16.4875,17.4714 L22.2095,12.6234 C22.8235,13.1134 23.5915,13.4184 24.4365,13.4184 C26.4205,13.4184 28.0365,11.8034 28.0365,9.8194 C28.0365,7.8354 26.4205,6.2204 24.4365,6.2204 C22.4525,6.2204 20.8375,7.8354 20.8375,9.8194 C20.8375,10.4524 21.0165,11.0384 21.3045,11.5564 L15.5825,16.4034 C14.9675,15.9144 14.1995,15.6094 13.3545,15.6094 C11.3705,15.6094 9.7555,17.2244 9.7555,19.2084 C9.7555,21.1924 11.3705,22.8074 13.3545,22.8074 C14.1995,22.8074 14.9675,22.5024 15.5825,22.0134 L21.3045,26.8604 C21.0165,27.3784 20.8375,27.9644 20.8375,28.5974 C20.8375,30.5824 22.4525,32.1964 24.4365,32.1964 C26.4205,32.1964 28.0365,30.5824 28.0365,28.5974 C28.0365,26.6134 26.4205,24.9984 24.4365,24.9984"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: hoverColor,
-      fillRule: "evenodd",
-      d: "M25.6868,31.6714 C24.4748,31.6714 23.4888,30.6854 23.4888,29.4724 C23.4888,28.2604 24.4748,27.2744 25.6868,27.2744 C26.8998,27.2744 27.8858,28.2604 27.8858,29.4724 C27.8858,30.6854 26.8998,31.6714 25.6868,31.6714 M13.3548,21.4074 C12.1428,21.4074 11.1568,20.4214 11.1568,19.2084 C11.1568,17.9964 12.1428,17.0094 13.3548,17.0094 C14.5668,17.0094 15.5528,17.9964 15.5528,19.2084 C15.5528,20.4214 14.5668,21.4074 13.3548,21.4074 M26.0618,6.1204 C27.2748,6.1204 28.2608,7.1074 28.2608,8.3194 C28.2608,9.5314 27.2748,10.5174 26.0618,10.5174 C24.8498,10.5174 23.8638,9.5314 23.8638,8.3194 C23.8638,7.1074 24.8498,6.1204 26.0618,6.1204 M25.6868,25.8734 C24.8378,25.8734 24.0678,26.1814 23.4518,26.6744 L16.4908,20.9374 C16.7768,20.4224 16.9538,19.8384 16.9538,19.2084 C16.9538,18.5734 16.7738,17.9854 16.4848,17.4674 L23.8388,11.1274 C24.4528,11.6144 25.2188,11.9184 26.0618,11.9184 C28.0458,11.9184 29.6618,10.3034 29.6618,8.3194 C29.6618,6.3354 28.0458,4.7204 26.0618,4.7204 C24.0778,4.7204 22.4628,6.3354 22.4628,8.3194 C22.4628,8.9544 22.6428,9.5424 22.9328,10.0614 L15.5778,16.4004 C14.9638,15.9124 14.1978,15.6094 13.3548,15.6094 C11.3708,15.6094 9.7558,17.2244 9.7558,19.2084 C9.7558,21.1924 11.3708,22.8074 13.3548,22.8074 C14.2028,22.8074 14.9728,22.5004 15.5888,22.0084 L22.5498,27.7454 C22.2648,28.2604 22.0878,28.8434 22.0878,29.4724 C22.0878,31.4574 23.7028,33.0714 25.6868,33.0714 C27.6708,33.0714 29.2868,31.4574 29.2868,29.4724 C29.2868,27.4884 27.6708,25.8734 25.6868,25.8734"
-    }));
-  });
-
-  var VerticalDots = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("defs", null, React__default.createElement("path", {
-      fill: color,
-      id: "normal-a",
-      d: "M19,14.198989 C20.0457004,14.198989 20.9005055,13.3433392 20.9005055,12.2984835 C20.9005055,11.2527831 20.0457004,10.3979779 19,10.3979779 C17.9551443,10.3979779 17.0994945,11.2527831 17.0994945,12.2984835 C17.0994945,13.3433392 17.9551443,14.198989 19,14.198989 Z M19,20.9005055 C20.0457004,20.9005055 20.9005055,20.0448557 20.9005055,19 C20.9005055,17.9542996 20.0457004,17.0994945 19,17.0994945 C17.9551443,17.0994945 17.0994945,17.9542996 17.0994945,19 C17.0994945,20.0448557 17.9551443,20.9005055 19,20.9005055 Z M19,27.6020221 C20.0457004,27.6020221 20.9005055,26.7463722 20.9005055,25.7015165 C20.9005055,24.6558162 20.0457004,23.801011 19,23.801011 C17.9551443,23.801011 17.0994945,24.6558162 17.0994945,25.7015165 C17.0994945,26.7463722 17.9551443,27.6020221 19,27.6020221 Z"
-    })), React__default.createElement("use", {
-      fillRule: "evenodd",
-      xlinkHref: "#normal-a"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("defs", null, React__default.createElement("path", {
-      fill: hoverColor,
-      id: "hover-a",
-      d: "M19,12.198989 C20.0457004,12.198989 20.9005055,11.3433392 20.9005055,10.2984835 C20.9005055,9.25278309 20.0457004,8.39797794 19,8.39797794 C17.9551443,8.39797794 17.0994945,9.25278309 17.0994945,10.2984835 C17.0994945,11.3433392 17.9551443,12.198989 19,12.198989 Z M19,20.9005055 C20.0457004,20.9005055 20.9005055,20.0448557 20.9005055,19 C20.9005055,17.9542996 20.0457004,17.0994945 19,17.0994945 C17.9551443,17.0994945 17.0994945,17.9542996 17.0994945,19 C17.0994945,20.0448557 17.9551443,20.9005055 19,20.9005055 Z M19,29.6020221 C20.0457004,29.6020221 20.9005055,28.7463722 20.9005055,27.7015165 C20.9005055,26.6558162 20.0457004,25.801011 19,25.801011 C17.9551443,25.801011 17.0994945,26.6558162 17.0994945,27.7015165 C17.0994945,28.7463722 17.9551443,29.6020221 19,29.6020221 Z"
-    })), React__default.createElement("use", {
-      fillRule: "evenodd",
-      xlinkHref: "#hover-a"
-    }));
-  });
-
-  var X = React__default.forwardRef(function (svgProps, ref) {
-    var _svgProps$size = svgProps.size,
-        size = _svgProps$size === void 0 ? 38 : _svgProps$size,
-        _svgProps$color = svgProps.color,
-        color = _svgProps$color === void 0 ? 'black' : _svgProps$color,
-        _svgProps$hoverColor = svgProps.hoverColor,
-        hoverColor = _svgProps$hoverColor === void 0 ? 'black' : _svgProps$hoverColor,
-        _svgProps$isHovered = svgProps.isHovered,
-        isHovered = _svgProps$isHovered === void 0 ? false : _svgProps$isHovered,
-        props = _objectWithoutProperties(svgProps, ["size", "color", "hoverColor", "isHovered"]);
-
-    return !isHovered ? React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: color,
-      fillRule: "evenodd",
-      d: "M26.1376353,10.5895725 L27.4104275,11.8623647 L20.2715725,18.9995725 L27.4104275,26.1376353 L26.1376353,27.4104275 L18.9995725,20.2715725 L11.8623647,27.4104275 L10.5895725,26.1376353 L17.7275725,18.9995725 L10.5895725,11.8623647 L11.8623647,10.5895725 L18.9995725,17.7275725 L26.1376353,10.5895725 Z"
-    })) : React__default.createElement("svg", _extends({
-      width: size,
-      height: size,
-      viewBox: "0 0 38 38",
-      ref: ref,
-      className: "icon"
-    }, props), React__default.createElement("path", {
-      fill: hoverColor,
-      fillRule: "evenodd",
-      d: "M28.5546147,7.79289322 L29.9688282,9.20710678 L20.3012032,18.8748932 L29.7428596,28.3163361 L28.328646,29.7305496 L18.8872032,20.2888932 L9.44538535,29.7305496 L8.03117178,28.3163361 L17.4722032,18.8738932 L7.80520317,9.20710678 L9.21941674,7.79289322 L18.8862032,17.4598932 L28.5546147,7.79289322 Z"
-    }));
-  });
-
-  var iconMapping = {
-    alarmclock: Alarmclock,
-    arrowLeft: ArrowLeft,
-    arrowRight: ArrowRight,
-    avatar: Avatar,
-    calendarSave: CalendarSave,
-    chevronDown: ChevronDown,
-    chevronLeft: ChevronLeft,
-    chevronRight: ChevronRight,
-    chevronUp: ChevronUp,
-    cross: Cross,
-    enterFullScreen: EnterFullScreen,
-    eraser: Eraser,
-    exitFullScreen: ExitFullScreen,
-    eye: Eye,
-    filterOff: FilterOff,
-    forward: Forward,
-    lock: Lock,
-    menu: Menu,
-    minus: Minus,
-    paperplane: Paperplane,
-    pause: Pause,
-    pencil: Pencil,
-    plusLarge: PlusLarge,
-    plusSmall: PlusSmall,
-    printer: Printer,
-    reply: Reply,
-    search: Search,
-    share: Share,
-    verticalDots: VerticalDots,
-    x: X
-  };
-  /* [END] This is auto-generated by iconGenerator.js */
-
-  var Icon = React__default.forwardRef(function (props, ref) {
-    var _props$children = props.children,
-        children = _props$children === void 0 ? '' : _props$children,
-        _props$size = props.size,
-        size = _props$size === void 0 ? IconSize.XSmall : _props$size,
-        _props$color = props.color,
-        color = _props$color === void 0 ? 'black' : _props$color,
-        _props$isHovered = props.isHovered,
-        isHovered = _props$isHovered === void 0 ? false : _props$isHovered;
-    return React__default.createElement(iconMapping[children], {
-      size: size,
-      color: getColor(color, 500),
-      hoverColor: getColor(color, 700),
-      isHovered: isHovered,
-      ref: ref
-    });
-  });
-  Icon.displayName = 'Icon';
-
-  function _templateObject2$3() {
-    var data = _taggedTemplateLiteral(["\n  width: 100%;\n  list-style: none;\n  padding: 0 1rem 0 0.5rem;\n"]);
-
-    _templateObject2$3 = function _templateObject2() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject$4() {
-    var data = _taggedTemplateLiteral(["\n  border-bottom: 1px solid ", ";\n"]);
-
-    _templateObject$4 = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  var StyledListItem = styled__default('li')(_templateObject$4(), getColor('neutral', 600));
-  var StyledList = styled__default('ul')(_templateObject2$3());
-
-  function List(props) {
-    var children = props.children;
-    return React__default.createElement(StyledList, null, children.map(function (child, index) {
-      return React__default.createElement(StyledListItem, {
-        key: index
-      }, child);
-    }));
-  }
-
-  var Original = function Original(_ref) {
-    var _ref$size = _ref.size,
-        size = _ref$size === void 0 ? 300 : _ref$size,
-        _ref$color = _ref.color,
-        color = _ref$color === void 0 ? 'black' : _ref$color;
-    return React__default.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: size,
-      viewBox: "0 0 502 220"
-    }, React__default.createElement("g", {
-      fill: getColor(color, 500)
-    }, React__default.createElement("path", {
-      d: "M39.8 2.5v26.9H17V2.5H1v69.9h16V43.6h22.8v28.8h16.1V2.5zM250.3 58.6V2.5h-16v69.9h43.5V58.6zM142.9 122.5c-16.1 0-27.4 13.6-27.4 33.1s11.2 33.1 27.4 33.1 27.4-13.6 27.4-33.1-11.3-33.1-27.4-33.1zm19 33.1c0 11.9-5 25.9-19 25.9s-19-13.9-19-25.9c0-11.9 5-25.9 19-25.9s19 14 19 25.9zM501 40c0-19.1-11.1-32.4-27-32.4-16.4 0-27.4 13.3-27.4 33.1 0 19.5 11.5 33.1 28 33.1 12.2 0 21.4-6 24.7-16.2l.5-1.6h-8.3l-.3.7c-2.8 6.2-8.8 9.8-16.6 9.8-12.9 0-18.5-11.5-19.5-22.7H501V40zm-8.3-3.2h-37.6c1-10.8 6.5-21.9 18.9-21.9 13.2 0 18.3 12.6 18.7 21.9zM30.4 122.4c-10.8 0-16.6 6.7-19.5 11.8v-9.9H3.3v62.6h8.1v-31.4c0-8.4 4.4-25.7 18.1-25.7 14 0 15.9 12 15.9 25v32.1h8.1v-32.1c.1-16.1-2.7-32.4-23.1-32.4zM134.3 59V43H157V30h-22.7V15.9H165V2.5h-46.4v69.9h47.3V59zM466.7 173.4v-16h22.7v-13h-22.7v-14.1h30.7v-13.4H451v69.9h47.3v-13.4zM246.7 140.5v-16.3h-7.6v62.6h8.1v-37.6l27.3-19.6v-9zM393.5 120.6l-14.7 10.5c-4.4-5.6-11.2-8.7-18.8-8.7-13.6 0-23.6 9.8-23.6 23.3 0 10.6 6.2 19.1 16 22.2l-16 17.5c-4 4.6-5.7 8.3-5.7 12.7 0 12.6 11.1 20.7 28.2 20.7 16.9 0 28.3-8.3 28.3-20.7 0-12.5-11.1-20.6-28.3-20.6-1.7 0-3.9.2-5.6.5l8-9c12.9-.7 22.2-10.4 22.2-23.3 0-2.8-.4-5.5-1.2-7.8 0-.1-.1-.2-.1-.3l11.2-8.1v-8.9zm-34.4 64.2c12.1 0 20 5.2 20 13.4s-7.8 13.5-20 13.5c-12.1 0-19.9-5.3-19.9-13.5 0-7.8 8.3-13.4 19.9-13.4zm.9-23c-8.8 0-15.2-6.8-15.2-16 0-9.3 6.4-16 15.2-16s15.2 6.7 15.2 16c0 9.2-6.4 16-15.2 16zM366.7 30.3c-6.6-2.3-13.5-4.7-13.5-9.2 0-4.8 4.2-7 9.3-7 5.4 0 9 4.5 9 8.5v.8h16.2v-.6c0-13-10.2-21.7-25.4-21.7-15.3 0-24.9 7.8-24.9 20.4 0 14.7 13.1 18.4 22.9 21.9 6.5 2.4 13.6 4.3 13.6 8.7 0 4.6-3.4 8-10.6 8-6.5 0-10.9-3.8-10.9-9.4v-.8h-16.7v.8c0 14.5 10.3 23.1 27.5 23.1 16.5 0 26-7.6 26-21.5 0-14.4-12.5-18.5-22.5-22z"
-    })));
-  };
-
-  var Byline = function Byline(_ref2) {
-    var _ref2$size = _ref2.size,
-        size = _ref2$size === void 0 ? 300 : _ref2$size,
-        _ref2$color = _ref2.color,
-        color = _ref2$color === void 0 ? 'black' : _ref2$color;
-    return React__default.createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: size,
-      viewBox: "0 0 87 12"
-    }, React__default.createElement("g", {
-      fill: getColor(color, 500)
-    }, React__default.createElement("path", {
-      d: "M5 .8v2.8H2.6V.8H1V8h1.6V5.1H5V8h1.6V.8zM20.9 6.6V.8h-1.6V8h4.5V6.6zM57.9 1.4c-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.8 3.4 2.8-1.4 2.8-3.4-1.1-3.4-2.8-3.4zm2 3.4c0 1.2-.5 2.7-2 2.7-1.4 0-2-1.4-2-2.7s.5-2.7 2-2.7 2 1.5 2 2.7zM86 4.7c0-2-1.1-3.3-2.8-3.3-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.9 3.4c1.2 0 2.2-.6 2.5-1.7l.1-.2H85v.1c-.3.6-.9 1-1.7 1-1.3 0-1.9-1.2-2-2.3H86v-.4zm-.9-.3h-3.9c.1-1.1.7-2.3 1.9-2.3 1.5 0 2 1.3 2 2.3zM49.2 1.4c-1.1 0-1.7.7-2 1.2v-1h-.8V8h.8V4.8c0-.9.5-2.6 1.9-2.6s1.6 1.2 1.6 2.6V8h.8V4.7c0-1.6-.2-3.3-2.3-3.3zM12.1 6.6V5h2.4V3.7h-2.4V2.2h3.2V.8h-4.8V8h4.9V6.6zM38.3 6.6V5h2.3V3.7h-2.3V2.2h3.2V.8h-4.8V8h4.9V6.6zM65.5 3.3V1.6h-.8V8h.8V4.1l2.8-2v-.9zM77.6 1.2l-1.5 1.1c-.5-.6-1.1-.9-1.9-.9-1.4 0-2.4 1-2.4 2.4 0 1.1.6 2 1.6 2.3l-1.6 1.8c-.4.5-.6.9-.6 1.3 0 1.3 1.1 2.1 2.9 2.1 1.7 0 2.9-.9 2.9-2.1 0-1.3-1.1-2.1-2.9-2.1h-.6l.8-.9c1.3-.1 2.3-1.1 2.3-2.4 0-.3 0-.6-.1-.8l1.2-.8v-1zM74 7.8c1.2 0 2.1.5 2.1 1.4 0 .8-.8 1.4-2.1 1.4-1.2 0-2-.5-2-1.4 0-.8.8-1.4 2-1.4zm.1-2.4c-.9 0-1.6-.7-1.6-1.7s.7-1.6 1.6-1.6c.9 0 1.6.7 1.6 1.6 0 1-.7 1.7-1.6 1.7zM30.4 3.7c-.7-.2-1.4-.5-1.4-1s.4-.7 1-.7.9.5.9.9V3h1.7v-.1c0-1.3-1.1-2.2-2.6-2.2-1.6 0-2.6.8-2.6 2.1 0 1.5 1.3 1.9 2.4 2.3.7.2 1.4.4 1.4.9s-.3.8-1.1.8c-.7 0-1.1-.4-1.1-1v-.1h-1.7v.1c0 1.5 1.1 2.4 2.8 2.4 1.7 0 2.7-.8 2.7-2.2-.1-1.5-1.4-2-2.4-2.3z"
-    })));
-  };
-
-  function Logo(props) {
-    var _props$variant = props.variant,
-        variant = _props$variant === void 0 ? 'original' : _props$variant,
-        restProps = _objectWithoutProperties(props, ["variant"]);
-
-    function getVariant() {
-      switch (variant) {
-        case 'original':
-          return React__default.createElement(Original, restProps);
-
-        case 'byline':
-          return React__default.createElement(Byline, restProps);
-
-        case 'square':
-          /* TODO: This is not yet implemented due to missing AI-file from designers. */
-          return React__default.createElement(React__default.Fragment, null);
-      }
-    }
-
-    return getVariant();
-  }
-
-  exports.Badge = Badge;
-  exports.Button = Button;
-  exports.Icon = Icon;
-  exports.List = List;
-  exports.Loader = Loader;
-  exports.Logo = Logo;
-  exports.theme = theme;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=helsenorge.js.map