@kaizen/components 1.4.22-canary.5 → 1.4.22-canary.7

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.4.24](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/components@1.4.23...@kaizen/components@1.4.24) (2023-03-03)
+
+**Note:** Version bump only for package @kaizen/components
+
+
+
+
+
+## [1.4.23](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/components@1.4.22...@kaizen/components@1.4.23) (2023-03-02)
+
+**Note:** Version bump only for package @kaizen/components
+
+
+
+
+
 ## [1.4.22](https://github.com/cultureamp/kaizen-design-system/compare/@kaizen/components@1.4.21...@kaizen/components@1.4.22) (2023-03-02)
 
 **Note:** Version bump only for package @kaizen/components

package/dist/esm/index.js

@@ -16,9 +16,6 @@ import {
 import {
   heartTheme
 } from "./chunk-7T4E5A7M.js";
-
-// src/index.ts
-export * from "@kaizen/a11y";
 export {
   KaizenProvider,
   ThemeContext,

package/dist/iife/index.js

@@ -6,14 +6,7 @@
   var __getOwnPropNames = Object.getOwnPropertyNames;
   var __getProtoOf = Object.getPrototypeOf;
   var __hasOwnProp = Object.prototype.hasOwnProperty;
-  var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-    get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-  }) : x)(function(x) {
-    if (typeof require !== "undefined")
-      return require.apply(this, arguments);
-    throw new Error('Dynamic require of "' + x + '" is not supported');
-  });
-  var __commonJS = (cb, mod) => function __require2() {
+  var __commonJS = (cb, mod) => function __require() {
     return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
   };
   var __copyProps = (to, from, except, desc) => {
@@ -429,7 +422,7 @@
             ReactSharedInternals.ReactDebugCurrentFrame = ReactDebugCurrentFrame;
             ReactSharedInternals.ReactCurrentActQueue = ReactCurrentActQueue;
           }
-          function warn2(format) {
+          function warn(format) {
             {
               {
                 for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -567,7 +560,7 @@
             var defineDeprecationWarning = function(methodName, info) {
               Object.defineProperty(Component.prototype, methodName, {
                 get: function() {
-                  warn2("%s(...) is deprecated in plain JavaScript React classes. %s", info[0], info[1]);
+                  warn("%s(...) is deprecated in plain JavaScript React classes. %s", info[0], info[1]);
                   return void 0;
                 }
               });
@@ -815,7 +808,7 @@
             }
             return element;
           };
-          function createElement2(type, config, children) {
+          function createElement(type, config, children) {
             var propName;
             var props = {};
             var key = null;
@@ -1035,7 +1028,7 @@
                 {
                   if (iteratorFn === iterableChildren.entries) {
                     if (!didWarnAboutMaps) {
-                      warn2("Using Maps as children is not supported. Use an array of keyed ReactElements instead.");
+                      warn("Using Maps as children is not supported. Use an array of keyed ReactElements instead.");
                     }
                     didWarnAboutMaps = true;
                   }
@@ -1173,7 +1166,7 @@
                   },
                   set: function(displayName) {
                     if (!hasWarnedAboutDisplayNameOnConsumer) {
-                      warn2("Setting `displayName` on Context.Consumer has no effect. You should set it directly on the context with Context.displayName = '%s'.", displayName);
+                      warn("Setting `displayName` on Context.Consumer has no effect. You should set it directly on the context with Context.displayName = '%s'.", displayName);
                       hasWarnedAboutDisplayNameOnConsumer = true;
                     }
                   }
@@ -1914,7 +1907,7 @@
                 error("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", typeString, info);
               }
             }
-            var element = createElement2.apply(this, arguments);
+            var element = createElement.apply(this, arguments);
             if (element == null) {
               return element;
             }
@@ -1937,12 +1930,12 @@
             {
               if (!didWarnAboutDeprecatedCreateFactory) {
                 didWarnAboutDeprecatedCreateFactory = true;
-                warn2("React.createFactory() is deprecated and will be removed in a future major release. Consider using JSX or use React.createElement() directly instead.");
+                warn("React.createFactory() is deprecated and will be removed in a future major release. Consider using JSX or use React.createElement() directly instead.");
               }
               Object.defineProperty(validatedFactory, "type", {
                 enumerable: false,
                 get: function() {
-                  warn2("Factory.type is deprecated. Access the class directly before passing it to createFactory.");
+                  warn("Factory.type is deprecated. Access the class directly before passing it to createFactory.");
                   Object.defineProperty(this, "type", {
                     value: type
                   });
@@ -1975,7 +1968,7 @@
                 if (prevTransition === null && currentTransition._updatedFibers) {
                   var updatedFibersCount = currentTransition._updatedFibers.size;
                   if (updatedFibersCount > 10) {
-                    warn2("Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table.");
+                    warn("Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table.");
                   }
                   currentTransition._updatedFibers.clear();
                 }
@@ -2919,57 +2912,6 @@
     }
   });
 
-  // ../../node_modules/classnames/index.js
-  var require_classnames = __commonJS({
-    "../../node_modules/classnames/index.js"(exports, module) {
-      (function() {
-        "use strict";
-        var hasOwn = {}.hasOwnProperty;
-        var nativeCodeString = "[native code]";
-        function classNames() {
-          var classes = [];
-          for (var i = 0; i < arguments.length; i++) {
-            var arg = arguments[i];
-            if (!arg)
-              continue;
-            var argType = typeof arg;
-            if (argType === "string" || argType === "number") {
-              classes.push(arg);
-            } else if (Array.isArray(arg)) {
-              if (arg.length) {
-                var inner = classNames.apply(null, arg);
-                if (inner) {
-                  classes.push(inner);
-                }
-              }
-            } else if (argType === "object") {
-              if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
-                classes.push(arg.toString());
-                continue;
-              }
-              for (var key in arg) {
-                if (hasOwn.call(arg, key) && arg[key]) {
-                  classes.push(key);
-                }
-              }
-            }
-          }
-          return classes.join(" ");
-        }
-        if (typeof module !== "undefined" && module.exports) {
-          classNames.default = classNames;
-          module.exports = classNames;
-        } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
-          define("classnames", [], function() {
-            return classNames;
-          });
-        } else {
-          window.classNames = classNames;
-        }
-      })();
-    }
-  });
-
   // src/KaizenProvider/KaizenProvider.tsx
   var import_react2 = __toESM(require_react());
 
@@ -3490,92 +3432,6 @@
     themeManager
   }) => /* @__PURE__ */ import_react2.default.createElement(ThemeProvider, { themeManager }, children);
   KaizenProvider.displayName = "KaizenProvider";
-
-  // ../a11y/dist/esm/index.js
-  var import_react4 = __toESM(require_react());
-
-  // ../component-library/dist/esm/chunk-HRENJKZ7.js
-  var import_react3 = __toESM(require_react());
-  var import_classnames = __toESM(require_classnames());
-  var import_Icon_module_VD7NKLAR = __toESM(__require("./Icon.module-VD7NKLAR-VD7NKLAR.scss"));
-  var yellow = "\x1B[33m ";
-  var reset = "\x1B[0m ";
-  var warn = (message) => {
-    console.warn(
-      `${yellow}
-CULTUREAMP UI WARNING:
-${singleLine(message)}${reset}
-`
-    );
-  };
-  var singleLine = (message) => message.replace(/^ +/gm, " ").replace(/\n|\r/gm, "").trim();
-  var Icon = ({
-    icon,
-    inheritSize = false,
-    role = "img",
-    title = "",
-    desc = "",
-    classNameOverride,
-    ...props
-  }) => {
-    const isMeaningfulImg = role === "img";
-    if (isMeaningfulImg && !title) {
-      warn(`
-      Icon with role "img" missing a title attribute.
-
-      Assistive technologies that enable vision-impaired users to read web pages
-      can treat images (including icons) as either decorative or meaningful. Only
-      images with a role of "img" (meaningful) will be read aloud to the user.
-      These images must therefore have a title attribute to provide the text that
-      will be read aloud.
-
-      Either add the missing title prop, or set this icon's role to
-      "presentation" to indicate it is not meaningful.
-    `);
-    }
-    const renderTitle = () => isMeaningfulImg && !!title && /* @__PURE__ */ import_react3.default.createElement("title", null, title);
-    const renderDesc = () => isMeaningfulImg && !!desc && /* @__PURE__ */ import_react3.default.createElement("desc", null, desc);
-    const accessibilityProps = {
-      role,
-      ["aria-hidden"]: isMeaningfulImg ? void 0 : true
-    };
-    return /* @__PURE__ */ import_react3.default.createElement(
-      "svg",
-      {
-        className: (0, import_classnames.default)(import_Icon_module_VD7NKLAR.default.icon, classNameOverride, {
-          [import_Icon_module_VD7NKLAR.default.inheritSize]: inheritSize
-        }),
-        viewBox: icon.viewBox,
-        focusable: "false",
-        ...accessibilityProps,
-        ...props
-      },
-      renderTitle(),
-      renderDesc(),
-      /* @__PURE__ */ import_react3.default.createElement("use", { xlinkHref: `#${icon.id}` })
-    );
-  };
-  Icon.displayName = "Icon";
-
-  // ../component-library/icons/skip.icon.svg
-  var skip_icon_default = "./skip.icon-4OAFSA2T.svg";
-
-  // ../a11y/dist/esm/index.js
-  var import_SkipLink_module_KAZA7PAL = __toESM(__require("./SkipLink.module-KAZA7PAL-KAZA7PAL.scss"));
-  var import_react5 = __toESM(require_react());
-  var import_VisuallyHidden_module_E5JUNEF5 = __toESM(__require("./VisuallyHidden.module-E5JUNEF5-E5JUNEF5.scss"));
-  var SkipLink = ({ label, skipTo }) => /* @__PURE__ */ import_react4.default.createElement("a", { className: import_SkipLink_module_KAZA7PAL.default.skipLinkContainer, href: `#${skipTo}` }, /* @__PURE__ */ import_react4.default.createElement("span", { className: import_SkipLink_module_KAZA7PAL.default.skipLinkContent }, /* @__PURE__ */ import_react4.default.createElement("span", { className: import_SkipLink_module_KAZA7PAL.default.skipLinkIcon }, /* @__PURE__ */ import_react4.default.createElement(Icon, { icon: skip_icon_default, role: "presentation" })), /* @__PURE__ */ import_react4.default.createElement("span", null, label)));
-  SkipLink.displayName = "SkipLink";
-  var VisuallyHidden = ({
-    children,
-    classNameOverride,
-    tag = "span",
-    ...otherProps
-  }) => {
-    const className = `${import_VisuallyHidden_module_E5JUNEF5.default.srOnly} ${classNameOverride}`;
-    return (0, import_react5.createElement)(tag, { ...otherProps, className }, children);
-  };
-  VisuallyHidden.displayName = "VisuallyHidden";
 })();
 /*! Bundled license information:
 
@@ -3600,11 +3456,4 @@ react/cjs/react.development.js:
    * This source code is licensed under the MIT license found in the
    * LICENSE file in the root directory of this source tree.
    *)
-
-classnames/index.js:
-  (*!
-  	Copyright (c) 2018 Jed Watson.
-  	Licensed under the MIT License (MIT), see
-  	http://jedwatson.github.io/classnames
-  *)
 */

package/dist/index.d.ts

@@ -2,7 +2,6 @@ export { a as KaizenProvider, K as KaizenProviderProps } from './KaizenProvider-
 export { T as ThemeContext, a as ThemeProvider, u as useTheme } from './ThemeProvider-7786826c.js';
 export { ThemeManager } from './KaizenProvider/ThemeProvider/ThemeManager.js';
 export { defaultTheme } from './KaizenProvider/ThemeProvider/themes/index.js';
-export * from '@kaizen/a11y';
 export { default as heartTheme } from './KaizenProvider/ThemeProvider/themes/heart.js';
 export { CSSVariableTheme, DeepMapObjectLeafs, Theme, ThemeKey, TypographyFont } from './KaizenProvider/ThemeProvider/themes/types.js';
 import 'react';

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 var _chunk7ZAJ7755js = require('./chunk-7ZAJ7755.js');
 
@@ -17,9 +17,6 @@ var _chunkJ42JQYBYjs = require('./chunk-J42JQYBY.js');
 
 var _chunk7T4E5A7Mjs = require('./chunk-7T4E5A7M.js');
 
-// src/index.ts
-var _a11y = require('@kaizen/a11y'); _createStarExport(_a11y);
-
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "1.4.22-canary.5+94347e6d9",
+  "version": "1.4.22-canary.7+70ca6b93e",
   "description": "Kaizen component library",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
@@ -28,55 +28,12 @@
   },
   "homepage": "https://github.com/cultureamp/kaizen-design-system#readme",
   "dependencies": {
-    "@kaizen/a11y": "^1.7.1-canary.5+94347e6d9",
-    "@kaizen/brand": "^1.5.4",
-    "@kaizen/brand-moment": "^1.12.66-canary.5+94347e6d9",
-    "@kaizen/button": "^2.0.22-canary.5+94347e6d9",
-    "@kaizen/component-base": "^1.1.3",
-    "@kaizen/component-library": "^16.4.1-canary.5+94347e6d9",
-    "@kaizen/date-picker": "^5.19.3-canary.5+94347e6d9",
     "@kaizen/design-tokens": "^10.3.1",
-    "@kaizen/draft-avatar": "^2.8.28-canary.5+94347e6d9",
-    "@kaizen/draft-badge": "^1.13.6",
-    "@kaizen/draft-card": "^3.2.6",
-    "@kaizen/draft-collapsible": "^3.5.21-canary.5+94347e6d9",
-    "@kaizen/draft-divider": "^2.2.6",
-    "@kaizen/draft-empty-state": "^5.3.28-canary.5+94347e6d9",
-    "@kaizen/draft-filter-menu-button": "^2.6.34-canary.5+94347e6d9",
-    "@kaizen/draft-form": "^10.3.2-canary.5+94347e6d9",
-    "@kaizen/draft-guidance-block": "^6.1.17-canary.5+94347e6d9",
-    "@kaizen/draft-hero-card": "^2.2.15",
-    "@kaizen/draft-illustration": "^6.0.19-canary.5+94347e6d9",
-    "@kaizen/draft-likert-scale-legacy": "^1.10.42-canary.5+94347e6d9",
-    "@kaizen/draft-menu": "^4.8.33-canary.5+94347e6d9",
-    "@kaizen/draft-modal": "^10.6.3-canary.5+94347e6d9",
-    "@kaizen/draft-page-layout": "^2.3.7",
-    "@kaizen/draft-popover": "^5.3.2-canary.5+94347e6d9",
-    "@kaizen/draft-select": "^2.10.23-canary.5+94347e6d9",
-    "@kaizen/draft-table": "^5.6.18-canary.5+94347e6d9",
-    "@kaizen/draft-tabs": "^5.2.28-canary.5+94347e6d9",
-    "@kaizen/draft-tag": "^3.4.2-canary.5+94347e6d9",
-    "@kaizen/draft-tile": "^5.9.28-canary.5+94347e6d9",
-    "@kaizen/draft-title-block-zen": "^7.9.8-canary.5+94347e6d9",
-    "@kaizen/draft-tooltip": "^5.4.30-canary.5+94347e6d9",
-    "@kaizen/draft-well": "^4.3.3",
-    "@kaizen/hosted-assets": "^2.0.1",
-    "@kaizen/loading-skeleton": "^2.0.2",
-    "@kaizen/loading-spinner": "^2.3.6",
-    "@kaizen/notification": "^1.4.2-canary.5+94347e6d9",
-    "@kaizen/pagination": "^1.6.28-canary.5+94347e6d9",
-    "@kaizen/progress-bar": "^2.3.21-canary.5+94347e6d9",
-    "@kaizen/responsive": "^1.8.5",
-    "@kaizen/rich-text-editor": "^1.19.32-canary.5+94347e6d9",
-    "@kaizen/select": "^6.13.9-canary.5+94347e6d9",
-    "@kaizen/split-button": "^1.3.35-canary.5+94347e6d9",
-    "@kaizen/tabs": "^1.5.32-canary.5+94347e6d9",
-    "@kaizen/tailwind": "^0.5.1",
-    "@kaizen/typography": "^2.3.6",
     "classnames": "^2.3.2"
   },
   "devDependencies": {
     "@deanc/esbuild-plugin-postcss": "^1.0.2",
+    "@kaizen/tailwind": "^0.5.1",
     "autoprefixer": "^10.4.13",
     "tailwindcss": "^3.2.7",
     "tiny-glob": "^0.2.9",
@@ -85,5 +42,5 @@
   "peerDependencies": {
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0"
   },
-  "gitHead": "94347e6d92d9d1ca40853e07b2f8d95f785223ac"
+  "gitHead": "70ca6b93ebe6e79be113b373b2ba1ec8054704f9"
 }

package/dist/iife/Icon.module-VD7NKLAR-VD7NKLAR.scss

@@ -1,72 +0,0 @@
-@import "~@kaizen/design-tokens/sass/animation";
-@import "./styles";
-
-.icon {
-  @extend %caIcon;
-
-  // Set sensible defaults for icon colours when
-  // windows high-contrast mode is enabled. These
-  // should be overridden by the consumer when the
-  // icon colour conveys information, such as mood.
-  @media screen and (-ms-high-contrast: active) {
-    color: black;
-  }
-
-  @media screen and (-ms-high-contrast: white-on-black) {
-    color: white;
-  }
-
-  @media screen and (-ms-high-contrast: black-on-white) {
-    color: black;
-  }
-}
-
-.inheritSize {
-  @extend %caIconInheritSize;
-}
-
-.interactiveIconWrapper {
-  cursor: pointer;
-  .icon {
-    opacity: 0.7;
-    transition: $animation-duration-fast opacity;
-  }
-  &:disabled,
-  &.disabled {
-    .icon {
-      opacity: 0.3;
-    }
-  }
-  &:not(:disabled):not(.disabled) {
-    &:hover,
-    &:focus,
-    &.hover {
-      .icon {
-        opacity: 1;
-      }
-    }
-    &:active,
-    &.active {
-      .icon {
-        opacity: 1;
-      }
-    }
-  }
-}
-
-// On dark backgrounds, icons are fully opaque by default and half opacity when active.
-// Hover and disabled states are the same.
-.reversedInteractiveIconWrapper {
-  composes: interactiveIconWrapper;
-  .icon {
-    opacity: 1;
-  }
-  &:not(:disabled, .disabled) {
-    &:active,
-    &.active {
-      .icon {
-        opacity: 0.5;
-      }
-    }
-  }
-}

package/dist/iife/SkipLink.module-KAZA7PAL-KAZA7PAL.scss

@@ -1,109 +0,0 @@
-@import "~@kaizen/design-tokens/sass/color";
-@import "~@kaizen/design-tokens/sass/border";
-@import "~@kaizen/design-tokens/sass/spacing";
-@import "~@kaizen/design-tokens/sass/typography";
-
-/**
- * _Most_ of these styles have been copied over from the generic button
- * in @kaizen/button. Although the appearance closely resembles reversed primary
- * button, some necessary modifications to make this component visuallyHidden and
- * other slight visual tweaks did not make this appropriate for reuse. 
- */
-$caButton-height: $spacing-xl;
-$caButton-verticalPadding: calc(#{$spacing-sm} - #{$border-solid-border-width});
-$caButtonIcon-height: 20px;
-
-// reset user agent styles for button element type
-@mixin button-reset {
-  appearance: none;
-  background: transparent;
-  border: none;
-  font: inherit;
-  margin: 0;
-  padding: 0;
-  transition: none; // override Murmur global styles :(
-}
-
-@mixin button {
-  @include button-reset;
-
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-
-  font-family: $typography-button-primary-font-family;
-  font-weight: $typography-button-primary-font-weight;
-  font-size: $typography-button-primary-font-size;
-  line-height: $typography-button-primary-line-height;
-  letter-spacing: $typography-button-primary-letter-spacing;
-  display: inline-flex;
-  // ^inline-flex is used over (block) flex here to fix an edge case where the parent element is display:grid
-  //  and this element is an <a>, causing the element to be full width.
-  align-items: center;
-  box-sizing: border-box;
-  min-height: $caButton-height;
-  border: $border-solid-border-width $border-solid-border-style;
-  border-radius: $border-solid-border-radius;
-  position: relative;
-  text-align: center;
-  cursor: pointer;
-  text-align: center;
-  overflow: visible; // Required for the focus ring on IE11
-
-  text-decoration: none;
-
-  padding: $caButton-verticalPadding
-    calc(#{$spacing-md} - #{$border-solid-border-width});
-}
-
-@mixin primary {
-  background: $color-white;
-  border-color: $border-borderless-border-color;
-  color: $color-purple-800;
-  // show custom focus ring when :focus-visible
-  &:global(.focus-visible)::after {
-    $focus-ring-offset: calc((#{$border-focus-ring-border-width} * 2) + 1px);
-    content: "";
-    position: absolute;
-    background: transparent;
-    border-radius: $border-focus-ring-border-radius;
-    border-width: $border-focus-ring-border-width;
-    border-style: $border-focus-ring-border-style;
-    border-color: $color-blue-500;
-    top: calc(-1 * #{$focus-ring-offset});
-    left: calc(-1 * #{$focus-ring-offset});
-    right: calc(-1 * #{$focus-ring-offset});
-    bottom: calc(-1 * #{$focus-ring-offset});
-  }
-}
-
-.skipLinkContainer {
-  @include button();
-  @include primary();
-  position: absolute;
-  top: 0.5rem;
-  left: 0.5rem;
-  z-index: 1040; // Navigation z-index + 10
-  opacity: 0;
-  clip: rect(0, 0, 0, 0);
-  clip-path: inset(50%);
-
-  &:focus {
-    opacity: 1;
-    clip: auto;
-    clip-path: none;
-  }
-}
-
-.skipLinkContent {
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-
-.skipLinkIcon {
-  height: $caButtonIcon-height;
-  align-self: auto;
-  display: flex;
-  padding-right: 4px;
-  color: $color-purple-800;
-}

package/dist/iife/VisuallyHidden.module-E5JUNEF5-E5JUNEF5.scss

@@ -1,9 +0,0 @@
-.srOnly:not(:focus):not(:active) {
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}

package/dist/iife/skip.icon-4OAFSA2T.svg

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
-    <title>skip</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="skip" fill="#000000">
-            <path d="M10,2 C14.42,2 18,5.58 18,10 C18,14.42 14.42,18 10,18 C5.58,18 2,14.42 2,10 C2,5.58 5.58,2 10,2 Z M6.8,12.9347656 L11.071582,9.86738281 L6.8,6.8 L6.8,12.9347656 Z M11.6,6.8 L11.6,12.9347656 L12.6050781,12.9347656 L12.6050781,6.8 L11.6,6.8 Z" id="Combined-Shape"></path>
-        </g>
-    </g>
-</svg>