@storybook/addon-a11y 5.1.6 → 5.1.10

package/dist/typings.d.js

@@ -0,0 +1 @@
+"use strict";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "5.1.6",
+  "version": "5.1.10",
   "description": "a11y addon for storybook",
   "keywords": [
     "a11y",
@@ -26,12 +26,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "5.1.6",
-    "@storybook/api": "5.1.6",
-    "@storybook/client-logger": "5.1.6",
-    "@storybook/components": "5.1.6",
-    "@storybook/core-events": "5.1.6",
-    "@storybook/theming": "5.1.6",
+    "@storybook/addons": "5.1.10",
+    "@storybook/api": "5.1.10",
+    "@storybook/client-logger": "5.1.10",
+    "@storybook/components": "5.1.10",
+    "@storybook/core-events": "5.1.10",
+    "@storybook/theming": "5.1.10",
     "axe-core": "^3.2.2",
     "common-tags": "^1.8.0",
     "core-js": "^3.0.1",
@@ -51,5 +51,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "892ac0b8e89a64ddc438d6e1d9bf4fa0a52738e1"
+  "gitHead": "000361f27f8a9c78201ffce1fac080178f0a62a0"
 }

package/dist/components/A11YPanel.test.js

@@ -1,246 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.symbol");
-
-require("core-js/modules/es.symbol.description");
-
-require("core-js/modules/es.symbol.iterator");
-
-require("core-js/modules/es.array.find");
-
-require("core-js/modules/es.array.is-array");
-
-require("core-js/modules/es.array.iterator");
-
-require("core-js/modules/es.object.to-string");
-
-require("core-js/modules/es.string.iterator");
-
-require("core-js/modules/es.string.trim");
-
-require("core-js/modules/web.dom-collections.iterator");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _theming = require("@storybook/theming");
-
-var _coreEvents = require("@storybook/core-events");
-
-var _components = require("@storybook/components");
-
-var _A11YPanel = require("./A11YPanel");
-
-var _constants = require("../constants");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
-
-function _iterableToArrayLimit(arr, i) { 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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function createApi() {
-  return {
-    emit: jest.fn(),
-    on: jest.fn(),
-    off: jest.fn()
-  };
-}
-
-var axeResult = {
-  incomplete: [{
-    id: 'color-contrast',
-    impact: 'serious',
-    tags: ['cat.color', 'wcag2aa', 'wcag143'],
-    description: 'Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds',
-    help: 'Elements must have sufficient color contrast',
-    helpUrl: 'https://dequeuniversity.com/rules/axe/3.2/color-contrast?application=axeAPI',
-    nodes: []
-  }],
-  passes: [{
-    id: 'aria-allowed-attr',
-    impact: null,
-    tags: ['cat.aria', 'wcag2a', 'wcag412'],
-    description: "Ensures ARIA attributes are allowed for an element's role",
-    help: 'Elements must only use allowed ARIA attributes',
-    helpUrl: 'https://dequeuniversity.com/rules/axe/3.2/aria-allowed-attr?application=axeAPI',
-    nodes: []
-  }],
-  violations: [{
-    id: 'color-contrast',
-    impact: 'serious',
-    tags: ['cat.color', 'wcag2aa', 'wcag143'],
-    description: 'Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds',
-    help: 'Elements must have sufficient color contrast',
-    helpUrl: 'https://dequeuniversity.com/rules/axe/3.2/color-contrast?application=axeAPI',
-    nodes: []
-  }]
-};
-
-function ThemedA11YPanel(props) {
-  return _react["default"].createElement(_theming.ThemeProvider, {
-    theme: (0, _theming.convert)(_theming.themes.light)
-  }, _react["default"].createElement(_A11YPanel.A11YPanel, props));
-}
-
-describe('A11YPanel', function () {
-  it('should register STORY_RENDERED and RESULT updater on mount', function () {
-    // given
-    var api = createApi();
-    expect(api.on).not.toHaveBeenCalled(); // when
-
-    (0, _enzyme.mount)(_react["default"].createElement(ThemedA11YPanel, {
-      api: api
-    })); // then
-
-    expect(api.on.mock.calls.length).toBe(2);
-    expect(api.on.mock.calls[0][0]).toBe(_coreEvents.STORY_RENDERED);
-    expect(api.on.mock.calls[1][0]).toBe(_constants.EVENTS.RESULT);
-  });
-  it('should request a run on tab activation', function () {
-    // given
-    var api = createApi();
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(ThemedA11YPanel, {
-      api: api
-    }));
-    expect(api.emit).not.toHaveBeenCalled(); // when
-
-    wrapper.setProps({
-      active: true
-    });
-    wrapper.update(); // then
-
-    expect(api.emit).toHaveBeenCalledWith(_constants.EVENTS.REQUEST);
-    expect(wrapper.find(_components.ScrollArea).length).toBe(0);
-  });
-  it('should deregister STORY_RENDERED and RESULT updater on unmount', function () {
-    // given
-    var api = createApi();
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(ThemedA11YPanel, {
-      api: api
-    }));
-    expect(api.off).not.toHaveBeenCalled(); // when
-
-    wrapper.unmount(); // then
-
-    expect(api.off.mock.calls.length).toBe(2);
-    expect(api.off.mock.calls[0][0]).toBe(_coreEvents.STORY_RENDERED);
-    expect(api.off.mock.calls[1][0]).toBe(_constants.EVENTS.RESULT);
-  });
-  it('should update run result', function () {
-    // given
-    var api = createApi();
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(ThemedA11YPanel, {
-      api: api,
-      active: true
-    }));
-    var onUpdate = api.on.mock.calls.find(function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 1),
-          event = _ref2[0];
-
-      return event === _constants.EVENTS.RESULT;
-    })[1];
-    expect(wrapper.find('button').last().text().trim()).toBe('Rerun tests'); // when
-
-    onUpdate(axeResult); // then
-
-    expect(wrapper.find('button').last().text().trim()).toBe('Tests completed');
-  });
-  it('should request run', function () {
-    // given
-    var api = createApi();
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(ThemedA11YPanel, {
-      api: api,
-      active: true
-    }));
-    var request = api.on.mock.calls.find(function (_ref3) {
-      var _ref4 = _slicedToArray(_ref3, 1),
-          event = _ref4[0];
-
-      return event === _coreEvents.STORY_RENDERED;
-    })[1];
-    expect(wrapper.find('button').last().text().trim()).toBe('Rerun tests');
-    expect(api.emit).not.toHaveBeenCalled(); // when
-
-    request(); // then
-
-    expect(wrapper.find('button').last().text().trim()).toBe('Running test');
-    expect(api.emit).toHaveBeenCalledWith(_constants.EVENTS.REQUEST);
-  });
-  it('should NOT request run on inactive tab', function () {
-    // given
-    var api = createApi();
-    (0, _enzyme.mount)(_react["default"].createElement(ThemedA11YPanel, {
-      api: api,
-      active: false
-    }));
-    var request = api.on.mock.calls.find(function (_ref5) {
-      var _ref6 = _slicedToArray(_ref5, 1),
-          event = _ref6[0];
-
-      return event === _coreEvents.STORY_RENDERED;
-    })[1];
-    expect(api.emit).not.toHaveBeenCalled(); // when
-
-    request(); // then
-
-    expect(api.emit).not.toHaveBeenCalled();
-  });
-  it('should render report', function () {
-    // given
-    var api = createApi();
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(ThemedA11YPanel, {
-      api: api,
-      active: true
-    }));
-    var onUpdate = api.on.mock.calls.find(function (_ref7) {
-      var _ref8 = _slicedToArray(_ref7, 1),
-          event = _ref8[0];
-
-      return event === _constants.EVENTS.RESULT;
-    })[1]; // when
-
-    onUpdate(axeResult); // then
-
-    expect(wrapper.find(_A11YPanel.A11YPanel)).toMatchSnapshot();
-  });
-  it("should render loader when it's running", function () {
-    // given
-    var api = createApi();
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(ThemedA11YPanel, {
-      api: api,
-      active: true
-    }));
-    var request = api.on.mock.calls.find(function (_ref9) {
-      var _ref10 = _slicedToArray(_ref9, 1),
-          event = _ref10[0];
-
-      return event === _coreEvents.STORY_RENDERED;
-    })[1]; // when
-
-    request();
-    wrapper.update(); // then
-
-    expect(wrapper.find('ScrollArea').length).toBe(0);
-    expect(wrapper.find('Loader').length).toBe(1);
-    expect(wrapper.find('ActionBar').length).toBe(1);
-    expect(wrapper.find('Loader')).toMatchSnapshot();
-  });
-  it('should NOT anything when tab is not active', function () {
-    // given
-    var api = createApi(); // when
-
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(ThemedA11YPanel, {
-      api: api,
-      active: false
-    })); // then
-
-    expect(wrapper.find('ScrollArea').length).toBe(0);
-    expect(wrapper.find('ActionBar').length).toBe(0);
-  });
-});

package/dist/components/Report/HighlightToggle.test.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _reactRedux = require("react-redux");
-
-var _theming = require("@storybook/theming");
-
-var _HighlightToggle = _interopRequireDefault(require("./HighlightToggle"));
-
-var _reduxConfig = _interopRequireDefault(require("../../redux-config"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function ThemedHighlightToggle(props) {
-  return _react["default"].createElement(_theming.ThemeProvider, {
-    theme: (0, _theming.convert)(_theming.themes.normal)
-  }, _react["default"].createElement(_HighlightToggle["default"], props));
-}
-
-describe('HighlightToggle component', function () {
-  test('should render', function () {
-    // given
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_reactRedux.Provider, {
-      store: _reduxConfig["default"]
-    }, _react["default"].createElement(ThemedHighlightToggle, null))); // then
-
-    expect(wrapper.exists()).toBe(true);
-  });
-  test('should match snapshot', function () {
-    // given
-    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_reactRedux.Provider, {
-      store: _reduxConfig["default"]
-    }, _react["default"].createElement(ThemedHighlightToggle, null))); // then
-
-    expect(wrapper).toMatchSnapshot();
-  });
-});

package/dist/components/Report/__snapshots__/HighlightToggle.test.js.snap

@@ -1,353 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`HighlightToggle component should match snapshot 1`] = `
-.emotion-0 {
-  cursor: not-allowed;
-}
-
-<Provider
-  store={
-    Object {
-      "dispatch": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-      Symbol(observable): [Function],
-    }
-  }
->
-  <ThemedHighlightToggle>
-    <ThemeProvider
-      theme={
-        Object {
-          "addonActionsTheme": Object {
-            "ARROW_ANIMATION_DURATION": "0",
-            "ARROW_COLOR": "rgba(0,0,0,0.3)",
-            "ARROW_FONT_SIZE": 8,
-            "ARROW_MARGIN_RIGHT": 4,
-            "BASE_BACKGROUND_COLOR": "transparent",
-            "BASE_COLOR": "#333333",
-            "BASE_FONT_FAMILY": "\\"Operator Mono\\", \\"Fira Code Retina\\", \\"Fira Code\\", \\"FiraCode-Retina\\", \\"Andale Mono\\", \\"Lucida Console\\", Consolas, Monaco, monospace",
-            "BASE_FONT_SIZE": 13,
-            "BASE_LINE_HEIGHT": "18px",
-            "HTML_ATTRIBUTE_NAME_COLOR": "rgb(153, 69, 0)",
-            "HTML_ATTRIBUTE_VALUE_COLOR": "rgb(26, 26, 166)",
-            "HTML_COMMENT_COLOR": "rgb(35, 110, 37)",
-            "HTML_DOCTYPE_COLOR": "rgb(192, 192, 192)",
-            "HTML_TAGNAME_COLOR": "rgb(136, 18, 128)",
-            "HTML_TAGNAME_TEXT_TRANSFORM": "lowercase",
-            "HTML_TAG_COLOR": "rgb(168, 148, 166)",
-            "OBJECT_NAME_COLOR": "rgb(136, 19, 145)",
-            "OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES": 10,
-            "OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES": 5,
-            "OBJECT_VALUE_BOOLEAN_COLOR": "rgb(28, 0, 207)",
-            "OBJECT_VALUE_FUNCTION_PREFIX_COLOR": "rgb(13, 34, 170)",
-            "OBJECT_VALUE_NULL_COLOR": "rgb(128, 128, 128)",
-            "OBJECT_VALUE_NUMBER_COLOR": "rgb(28, 0, 207)",
-            "OBJECT_VALUE_REGEXP_COLOR": "rgb(196, 26, 22)",
-            "OBJECT_VALUE_STRING_COLOR": "rgb(196, 26, 22)",
-            "OBJECT_VALUE_SYMBOL_COLOR": "rgb(196, 26, 22)",
-            "OBJECT_VALUE_UNDEFINED_COLOR": "rgb(128, 128, 128)",
-            "TABLE_BORDER_COLOR": "#aaa",
-            "TABLE_DATA_BACKGROUND_IMAGE": "linear-gradient(to bottom, white, white 50%, rgb(234, 243, 255) 50%, rgb(234, 243, 255))",
-            "TABLE_DATA_BACKGROUND_SIZE": "128px 32px",
-            "TABLE_SORT_ICON_COLOR": "#6e6e6e",
-            "TABLE_TH_BACKGROUND_COLOR": "#eee",
-            "TABLE_TH_HOVER_COLOR": "hsla(0, 0%, 90%, 1)",
-            "TREENODE_FONT_FAMILY": "\\"Operator Mono\\", \\"Fira Code Retina\\", \\"Fira Code\\", \\"FiraCode-Retina\\", \\"Andale Mono\\", \\"Lucida Console\\", Consolas, Monaco, monospace",
-            "TREENODE_FONT_SIZE": 13,
-            "TREENODE_LINE_HEIGHT": "18px",
-            "TREENODE_PADDING_LEFT": 12,
-          },
-          "animation": Object {
-            "float": Object {
-              "anim": 1,
-              "name": "animation-6tolu8",
-              "styles": "@keyframes animation-6tolu8{
-  0% { transform: translateY(1px); }
-  25% { transform: translateY(0px); }
-  50% { transform: translateY(-3px); }
-  100% { transform: translateY(1px); }
-}",
-              "toString": [Function],
-            },
-            "glow": Object {
-              "anim": 1,
-              "name": "animation-r0iffl",
-              "styles": "@keyframes animation-r0iffl{
-  0%, 100% { opacity: 1; }
-  50% { opacity: .4; }
-}",
-              "toString": [Function],
-            },
-            "hoverable": Object {
-              "map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9hbmltYXRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0NxQiIsImZpbGUiOiIuLi9zcmMvYW5pbWF0aW9uLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcblxuZXhwb3J0IGNvbnN0IGVhc2luZyA9IHtcbiAgcnViYmVyOiAnY3ViaWMtYmV6aWVyKDAuMTc1LCAwLjg4NSwgMC4zMzUsIDEuMDUpJyxcbn07XG5cbmNvbnN0IHJvdGF0ZTM2MCA9IGtleWZyYW1lc2Bcblx0ZnJvbSB7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdH1cblx0dG8ge1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG5cdH1cbmA7XG5cbmNvbnN0IGdsb3cgPSBrZXlmcmFtZXNgXG4gIDAlLCAxMDAlIHsgb3BhY2l0eTogMTsgfVxuICA1MCUgeyBvcGFjaXR5OiAuNDsgfVxuYDtcblxuY29uc3QgZmxvYXQgPSBrZXlmcmFtZXNgXG4gIDAlIHsgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDFweCk7IH1cbiAgMjUlIHsgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDBweCk7IH1cbiAgNTAlIHsgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpOyB9XG4gIDEwMCUgeyB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMXB4KTsgfVxuYDtcblxuY29uc3QgamlnZ2xlID0ga2V5ZnJhbWVzYFxuICAwJSwgMTAwJSB7IHRyYW5zZm9ybTp0cmFuc2xhdGUzZCgwLDAsMCk7IH1cbiAgMTIuNSUsIDYyLjUlIHsgdHJhbnNmb3JtOnRyYW5zbGF0ZTNkKC00cHgsMCwwKTsgfVxuICAzNy41JSwgODcuNSUgeyAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCg0cHgsMCwwKTsgIH1cbmA7XG5cbmNvbnN0IGlubGluZUdsb3cgPSBjc3NgXG4gIGFuaW1hdGlvbjogJHtnbG93fSAxLjVzIGVhc2UtaW4tb3V0IGluZmluaXRlO1xuICBjb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGN1cnNvcjogcHJvZ3Jlc3M7XG5gO1xuXG4vLyBob3ZlciAmIGFjdGl2ZSBzdGF0ZSBmb3IgbGlua3MgYW5kIGJ1dHRvbnNcbmNvbnN0IGhvdmVyYWJsZSA9IGNzc2BcbiAgdHJhbnNpdGlvbjogYWxsIDE1MG1zIGVhc2Utb3V0O1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDAsIDApO1xuXG4gICY6aG92ZXIge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgLTJweCwgMCk7XG4gIH1cblxuICAmOmFjdGl2ZSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGFuaW1hdGlvbiA9IHtcbiAgcm90YXRlMzYwLFxuICBnbG93LFxuICBmbG9hdCxcbiAgamlnZ2xlLFxuICBpbmxpbmVHbG93LFxuICBob3ZlcmFibGUsXG59O1xuIl19 */",
-              "name": "1023qba-hoverable",
-              "styles": "transition:all 150ms ease-out;transform:translate3d(0,0,0);&:hover{transform:translate3d(0,-2px,0);}&:active{transform:translate3d(0,0,0);}label:hoverable;",
-            },
-            "inlineGlow": Object {
-              "map": "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9hbmltYXRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNzQiIsImZpbGUiOiIuLi9zcmMvYW5pbWF0aW9uLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcblxuZXhwb3J0IGNvbnN0IGVhc2luZyA9IHtcbiAgcnViYmVyOiAnY3ViaWMtYmV6aWVyKDAuMTc1LCAwLjg4NSwgMC4zMzUsIDEuMDUpJyxcbn07XG5cbmNvbnN0IHJvdGF0ZTM2MCA9IGtleWZyYW1lc2Bcblx0ZnJvbSB7XG5cdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdH1cblx0dG8ge1xuXHRcdHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG5cdH1cbmA7XG5cbmNvbnN0IGdsb3cgPSBrZXlmcmFtZXNgXG4gIDAlLCAxMDAlIHsgb3BhY2l0eTogMTsgfVxuICA1MCUgeyBvcGFjaXR5OiAuNDsgfVxuYDtcblxuY29uc3QgZmxvYXQgPSBrZXlmcmFtZXNgXG4gIDAlIHsgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDFweCk7IH1cbiAgMjUlIHsgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDBweCk7IH1cbiAgNTAlIHsgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpOyB9XG4gIDEwMCUgeyB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMXB4KTsgfVxuYDtcblxuY29uc3QgamlnZ2xlID0ga2V5ZnJhbWVzYFxuICAwJSwgMTAwJSB7IHRyYW5zZm9ybTp0cmFuc2xhdGUzZCgwLDAsMCk7IH1cbiAgMTIuNSUsIDYyLjUlIHsgdHJhbnNmb3JtOnRyYW5zbGF0ZTNkKC00cHgsMCwwKTsgfVxuICAzNy41JSwgODcuNSUgeyAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCg0cHgsMCwwKTsgIH1cbmA7XG5cbmNvbnN0IGlubGluZUdsb3cgPSBjc3NgXG4gIGFuaW1hdGlvbjogJHtnbG93fSAxLjVzIGVhc2UtaW4tb3V0IGluZmluaXRlO1xuICBjb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGN1cnNvcjogcHJvZ3Jlc3M7XG5gO1xuXG4vLyBob3ZlciAmIGFjdGl2ZSBzdGF0ZSBmb3IgbGlua3MgYW5kIGJ1dHRvbnNcbmNvbnN0IGhvdmVyYWJsZSA9IGNzc2BcbiAgdHJhbnNpdGlvbjogYWxsIDE1MG1zIGVhc2Utb3V0O1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDAsIDApO1xuXG4gICY6aG92ZXIge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgLTJweCwgMCk7XG4gIH1cblxuICAmOmFjdGl2ZSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGFuaW1hdGlvbiA9IHtcbiAgcm90YXRlMzYwLFxuICBnbG93LFxuICBmbG9hdCxcbiAgamlnZ2xlLFxuICBpbmxpbmVHbG93LFxuICBob3ZlcmFibGUsXG59O1xuIl19 */",
-              "name": "1euta6d-inlineGlow",
-              "next": Object {
-                "name": "animation-r0iffl",
-                "next": undefined,
-                "styles": "@keyframes animation-r0iffl{
-  0%, 100% { opacity: 1; }
-  50% { opacity: .4; }
-}",
-              },
-              "styles": "animation:animation-r0iffl 1.5s ease-in-out infinite;color:transparent;cursor:progress;label:inlineGlow;",
-            },
-            "jiggle": Object {
-              "anim": 1,
-              "name": "animation-ynpq7w",
-              "styles": "@keyframes animation-ynpq7w{
-  0%, 100% { transform:translate3d(0,0,0); }
-  12.5%, 62.5% { transform:translate3d(-4px,0,0); }
-  37.5%, 87.5% {  transform: translate3d(4px,0,0);  }
-}",
-              "toString": [Function],
-            },
-            "rotate360": Object {
-              "anim": 1,
-              "name": "animation-u07e3c",
-              "styles": "@keyframes animation-u07e3c{
-	from {
-		transform: rotate(0deg);
-	}
-	to {
-		transform: rotate(360deg);
-	}
-}",
-              "toString": [Function],
-            },
-          },
-          "appBorderColor": "rgba(0,0,0,.1)",
-          "appBorderRadius": 4,
-          "background": Object {
-            "app": "#F6F9FC",
-            "bar": "#FFFFFF",
-            "content": "#FFFFFF",
-            "critical": "#FF4400",
-            "gridCellSize": 10,
-            "hoverable": "rgba(0,0,0,.05)",
-            "negative": "#FEDED2",
-            "positive": "#E1FFD4",
-            "warning": "#FFF5CF",
-          },
-          "barBg": "#FFFFFF",
-          "barSelectedColor": "#1EA7FD",
-          "barTextColor": "#999999",
-          "base": "light",
-          "brand": Object {
-            "image": undefined,
-            "title": undefined,
-            "url": undefined,
-          },
-          "code": Object {
-            "language-json .token.boolean": Object {
-              "color": "#0000ff",
-            },
-            "language-json .token.number": Object {
-              "color": "#0000ff",
-            },
-            "language-json .token.property": Object {
-              "color": "#2B91AF",
-            },
-            "namespace": Object {
-              "opacity": 0.7,
-            },
-            "token": Object {
-              "&.atrule": Object {
-                "color": "#0000ff",
-              },
-              "&.attr-name": Object {
-                "color": "#ff0000",
-              },
-              "&.attr-value": Object {
-                "color": "#0000ff",
-              },
-              "&.bold": Object {
-                "fontWeight": "bold",
-              },
-              "&.boolean": Object {
-                "color": "#36acaa",
-              },
-              "&.cdata": Object {
-                "color": "#008000",
-                "fontStyle": "italic",
-              },
-              "&.class-name": Object {
-                "color": "#2B91AF",
-              },
-              "&.comment": Object {
-                "color": "#008000",
-                "fontStyle": "italic",
-              },
-              "&.constant": Object {
-                "color": "#36acaa",
-              },
-              "&.deleted": Object {
-                "color": "#9a050f",
-              },
-              "&.directive.tag .tag": Object {
-                "background": "#ffff00",
-                "color": "#393A34",
-              },
-              "&.doctype": Object {
-                "color": "#008000",
-                "fontStyle": "italic",
-              },
-              "&.entity": Object {
-                "color": "#ff0000",
-              },
-              "&.function": Object {
-                "color": "#393A34",
-              },
-              "&.important": Object {
-                "fontWeight": "bold",
-              },
-              "&.inserted": Object {
-                "color": "#36acaa",
-              },
-              "&.italic": Object {
-                "fontStyle": "italic",
-              },
-              "&.keyword": Object {
-                "color": "#0000ff",
-              },
-              "&.number": Object {
-                "color": "#36acaa",
-              },
-              "&.operator": Object {
-                "color": "#393A34",
-              },
-              "&.prolog": Object {
-                "color": "#008000",
-                "fontStyle": "italic",
-              },
-              "&.property": Object {
-                "color": "#ff0000",
-              },
-              "&.punctuation": Object {
-                "color": "#393A34",
-              },
-              "&.regex": Object {
-                "color": "#ff0000",
-              },
-              "&.selector": Object {
-                "color": "#800000",
-              },
-              "&.string": Object {
-                "color": "#A31515",
-              },
-              "&.symbol": Object {
-                "color": "#36acaa",
-              },
-              "&.tag": Object {
-                "color": "#800000",
-              },
-              "&.url": Object {
-                "color": "#36acaa",
-              },
-              "&.variable": Object {
-                "color": "#36acaa",
-              },
-              "WebkitFontSmoothing": "antialiased",
-              "fontFamily": "\\"Operator Mono\\", \\"Fira Code Retina\\", \\"Fira Code\\", \\"FiraCode-Retina\\", \\"Andale Mono\\", \\"Lucida Console\\", Consolas, Monaco, monospace",
-            },
-          },
-          "color": Object {
-            "ancillary": "#22a699",
-            "border": "rgba(0,0,0,.1)",
-            "critical": "#FFFFFF",
-            "dark": "#666666",
-            "darker": "#444444",
-            "darkest": "#333333",
-            "defaultText": "#333333",
-            "gold": "#FFAE00",
-            "green": "#66BF3C",
-            "inverseText": "#FFFFFF",
-            "light": "#F3F3F3",
-            "lighter": "#F8F8F8",
-            "lightest": "#FFFFFF",
-            "medium": "#DDDDDD",
-            "mediumdark": "#999999",
-            "mediumlight": "#EEEEEE",
-            "negative": "#FF4400",
-            "orange": "#FC521F",
-            "positive": "#66BF3C",
-            "primary": "#FF4785",
-            "purple": "#6F2CAC",
-            "seafoam": "#37D5D3",
-            "secondary": "#1EA7FD",
-            "tertiary": "#FAFBFC",
-            "ultraviolet": "#2A0481",
-            "warning": "#E69D00",
-          },
-          "easing": Object {
-            "rubber": "cubic-bezier(0.175, 0.885, 0.335, 1.05)",
-          },
-          "input": Object {
-            "background": "#FFFFFF",
-            "border": "rgba(0,0,0,.1)",
-            "borderRadius": 4,
-            "color": "#333333",
-          },
-          "layoutMargin": 10,
-          "typography": Object {
-            "fonts": Object {
-              "base": "\\"Nunito Sans\\", -apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Helvetica Neue\\", Helvetica, Arial, sans-serif",
-              "mono": "\\"Operator Mono\\", \\"Fira Code Retina\\", \\"Fira Code\\", \\"FiraCode-Retina\\", \\"Andale Mono\\", \\"Lucida Console\\", Consolas, Monaco, monospace",
-            },
-            "size": Object {
-              "code": 90,
-              "l1": 32,
-              "l2": 40,
-              "l3": 48,
-              "m1": 20,
-              "m2": 24,
-              "m3": 28,
-              "s1": 12,
-              "s2": 14,
-              "s3": 16,
-            },
-            "weight": Object {
-              "black": 900,
-              "bold": 700,
-              "regular": 400,
-            },
-          },
-        }
-      }
-    >
-      <ConnectFunction>
-        <HighlightToggle
-          addElement={[Function]}
-          elementsToHighlight={Array []}
-          highlightedElementsMap={Map {}}
-          indeterminate={false}
-          isToggledOn={false}
-        >
-          <Styled(input)
-            aria-label="Highlight result"
-            checked={false}
-            disabled={true}
-            onChange={[Function]}
-            type="checkbox"
-          >
-            <input
-              aria-label="Highlight result"
-              checked={false}
-              className="emotion-0"
-              disabled={true}
-              onChange={[Function]}
-              type="checkbox"
-            />
-          </Styled(input)>
-        </HighlightToggle>
-      </ConnectFunction>
-    </ThemeProvider>
-  </ThemedHighlightToggle>
-</Provider>
-`;