+ */
+ as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
+
+ /**
+ * Collapse the gutter to 2px. Useful for fluid layouts.
+ * Rows have 2px of margin between them to match gutter.
+ */
+ condensed: PropTypes.bool,
+
+ /**
+ * Remove the default max width that the grid has set
+ */
+ fullWidth: PropTypes.bool,
+
+ /**
+ * Specify a custom className to be applied to the `Grid`
+ */
+ className: PropTypes.string,
+
+ /**
+ * Pass in content that will be rendered within the `Grid`
+ */
+ children: PropTypes.node,
+};
+
+export default Grid;
diff --git a/packages/react/src/components/Grid/Row.js b/packages/react/src/components/Grid/Row.js
new file mode 100644
index 000000000000..9444bfbcb88d
--- /dev/null
+++ b/packages/react/src/components/Grid/Row.js
@@ -0,0 +1,57 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { settings } from 'carbon-components';
+import cx from 'classnames';
+import PropTypes from 'prop-types';
+import React from 'react';
+
+const { prefix } = settings;
+
+function Row({
+ as: BaseComponent = 'div',
+ condensed = false,
+ className: containerClassName,
+ children,
+ ...rest
+}) {
+ const className = cx(containerClassName, {
+ [`${prefix}--row`]: true,
+ [`${prefix}--row--condensed`]: condensed,
+ });
+
+ return (
+
+ {children}
+
+ );
+}
+
+Row.propTypes = {
+ /**
+ * Provide a custom element to render instead of the default
+ */
+ as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
+
+ /**
+ * Specify a single row as condensed.Rows that are adjacent
+ * and are condensed will have 2px of margin between them to match gutter.
+ */
+ condensed: PropTypes.bool,
+
+ /**
+ * Specify a custom className to be applied to the `Row`
+ */
+ className: PropTypes.string,
+
+ /**
+ * Pass in content that will be rendered within the `Row`
+ */
+ children: PropTypes.node,
+};
+
+export default Row;
diff --git a/packages/react/src/components/Grid/__tests__/Column-test.js b/packages/react/src/components/Grid/__tests__/Column-test.js
new file mode 100644
index 000000000000..965cc1437b3d
--- /dev/null
+++ b/packages/react/src/components/Grid/__tests__/Column-test.js
@@ -0,0 +1,108 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { render, cleanup } from '@carbon/test-utils/react';
+import { settings } from 'carbon-components';
+import React from 'react';
+import { Column } from '../';
+
+const { prefix } = settings;
+
+describe('Column', () => {
+ afterEach(cleanup);
+
+ it('should support a custom element as the root node', () => {
+ const { container } = render();
+ expect(container.firstChild.tagName).toBe('SECTION');
+ });
+
+ it('should include a custom className', () => {
+ const { container } = render();
+ expect(container.firstChild.classList.contains('test')).toBe(true);
+ });
+
+ it('should pass un-used props to the top-level node that is rendered', () => {
+ const { container } = render();
+ expect(container.firstChild.getAttribute('id')).toBe('test');
+ });
+
+ it('should render `children` that are given', () => {
+ const { container } = render(
+
+ Test
+
+ );
+ const testNode = container.querySelector('#test');
+ expect(testNode).toBeInstanceOf(HTMLElement);
+ });
+
+ it('should default to rendering a column that auto-spans', () => {
+ const { container } = render();
+ expect(container.firstChild.classList.contains(`${prefix}--col`)).toBe(
+ true
+ );
+ });
+
+ it('should set the column span per breakpoint with a number', () => {
+ const breakpoints = ['sm', 'md', 'lg', 'xlg', 'max'];
+ const spans = [1, 2, 3, 4, 5];
+ const props = {};
+
+ for (let i = 0; i < breakpoints.length; i++) {
+ const name = breakpoints[i];
+ props[name] = spans[i];
+ }
+
+ const { container } = render();
+ const { firstChild: column } = container;
+
+ for (let i = 0; i < column.classList.length; i++) {
+ const name = breakpoints[i];
+ const span = spans[i];
+ const className = column.classList[i];
+ expect(className).toEqual(expect.stringContaining(`col-${name}-${span}`));
+ }
+ });
+
+ it('should set the column span to auto if a boolean is set to true for a breakpoint', () => {
+ const breakpoints = ['sm', 'md', 'lg', 'xlg', 'max'];
+ const props = {};
+
+ for (let i = 0; i < breakpoints.length; i++) {
+ const name = breakpoints[i];
+ props[name] = true;
+ }
+
+ const { container } = render();
+ const { firstChild: column } = container;
+ for (let i = 0; i < column.classList.length; i++) {
+ const name = breakpoints[i];
+ const className = column.classList[i];
+ expect(className).toEqual(expect.stringContaining(`col-${name}`));
+ }
+ });
+
+ it.each(['sm', 'md', 'lg', 'xlg', 'max'])(
+ 'should support specifying column span and offset as an object for breakpoint %s',
+ breakpoint => {
+ const { container } = render(
+ React.createElement(Column, {
+ [breakpoint]: {
+ span: 1,
+ offset: 1,
+ },
+ })
+ );
+ expect(container.firstChild.className).toEqual(
+ expect.stringContaining(`col-${breakpoint}-1`)
+ );
+ expect(container.firstChild.className).toEqual(
+ expect.stringContaining(`offset-${breakpoint}-1`)
+ );
+ }
+ );
+});
diff --git a/packages/react/src/components/Grid/__tests__/Grid-test.js b/packages/react/src/components/Grid/__tests__/Grid-test.js
new file mode 100644
index 000000000000..555371d859a9
--- /dev/null
+++ b/packages/react/src/components/Grid/__tests__/Grid-test.js
@@ -0,0 +1,53 @@
+/**
+ * Copyright IBM Corp. 2019
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { render, cleanup } from '@carbon/test-utils/react';
+import React from 'react';
+import { Grid } from '../';
+
+describe('Grid', () => {
+ afterEach(cleanup);
+
+ it('should support a custom element as the root node', () => {
+ const { container } = render();
+ expect(container.firstChild.tagName).toBe('SECTION');
+ });
+
+ it('should include a custom className', () => {
+ const { container } = render();
+ expect(container.firstChild.classList.contains('test')).toBe(true);
+ });
+
+ it('should pass un-used props to the top-level node that is rendered', () => {
+ const { container } = render();
+ expect(container.firstChild.getAttribute('id')).toBe('test');
+ });
+
+ it('should render `children` that are given', () => {
+ const { container } = render(
+
+ Test
+
+ );
+ const testNode = container.querySelector('#test');
+ expect(testNode).toBeInstanceOf(HTMLElement);
+ });
+
+ it('should support setting the condensed class through the `condensed` prop', () => {
+ const { container } = render();
+ expect(container.firstChild.className).toEqual(
+ expect.stringContaining('grid--condensed')
+ );
+ });
+
+ it('should support setting the full-width class through the `fullWidth` prop', () => {
+ const { container } = render();
+ expect(container.firstChild.className).toEqual(
+ expect.stringContaining('grid--full-width')
+ );
+ });
+});
diff --git a/packages/react/src/components/Grid/__tests__/Row-test.js b/packages/react/src/components/Grid/__tests__/Row-test.js
new file mode 100644
index 000000000000..f6683b76173f
--- /dev/null
+++ b/packages/react/src/components/Grid/__tests__/Row-test.js
@@ -0,0 +1,46 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { render, cleanup } from '@carbon/test-utils/react';
+import React from 'react';
+import { Row } from '../';
+
+describe('Row', () => {
+ afterEach(cleanup);
+
+ it('should support a custom element as the root node', () => {
+ const { container } = render(|
);
+ expect(container.firstChild.tagName).toBe('SECTION');
+ });
+
+ it('should include a custom className', () => {
+ const { container } = render(|
);
+ expect(container.firstChild.classList.contains('test')).toBe(true);
+ });
+
+ it('should pass un-used props to the top-level node that is rendered', () => {
+ const { container } = render(|
);
+ expect(container.firstChild.getAttribute('id')).toBe('test');
+ });
+
+ it('should render `children` that are given', () => {
+ const { container } = render(
+
+ Test
+
+ );
+ const testNode = container.querySelector('#test');
+ expect(testNode).toBeInstanceOf(HTMLElement);
+ });
+
+ it('should support setting the condensed class through the `condensed` prop', () => {
+ const { container } = render(|
);
+ expect(container.firstChild.className).toEqual(
+ expect.stringContaining('row--condensed')
+ );
+ });
+});
diff --git a/packages/react/src/components/Grid/index.js b/packages/react/src/components/Grid/index.js
new file mode 100644
index 000000000000..9eade1048838
--- /dev/null
+++ b/packages/react/src/components/Grid/index.js
@@ -0,0 +1,10 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+export { default as Grid } from './Grid';
+export { default as Row } from './Row';
+export { default as Column } from './Column';
diff --git a/packages/react/src/components/Toolbar/Toolbar-story.js b/packages/react/src/components/Toolbar/Toolbar-story.js
index 6e1ecfd22dcf..be1b0563277c 100644
--- a/packages/react/src/components/Toolbar/Toolbar-story.js
+++ b/packages/react/src/components/Toolbar/Toolbar-story.js
@@ -29,7 +29,7 @@ const inputProps = {
onChange: action('onChange'),
};
-storiesOf('[Deprecated] Toolbar', module).add(
+storiesOf('Toolbar [Deprecated]', module).add(
'Default',
() => (
diff --git a/packages/react/src/index.js b/packages/react/src/index.js
index c040649f2d61..8717c1877107 100644
--- a/packages/react/src/index.js
+++ b/packages/react/src/index.js
@@ -61,6 +61,7 @@ export Form from './components/Form';
export FormGroup from './components/FormGroup';
export FormItem from './components/FormItem';
export FormLabel from './components/FormLabel';
+export { Grid, Row, Column } from './components/Grid';
export Icon from './components/Icon';
export InlineLoading from './components/InlineLoading';
export Link from './components/Link';
diff --git a/yarn.lock b/yarn.lock
index d761425d4c06..5dba2fc33c13 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2649,7 +2649,7 @@
ts-dedent "^1.1.0"
util-deprecate "^1.0.2"
-"@storybook/addon-actions@^5.1.11", "@storybook/addon-actions@^5.2.1":
+"@storybook/addon-actions@^5.1.11":
version "5.3.9"
resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-5.3.9.tgz#fc8b1d912c87f418e69c2b52031d29465bb4867b"
integrity sha512-saTxUXnu8O8pE1G2yPDY8NbvK+qZS27HcoeN3HzU/ooAQDffMTnreU4C8LU6/yKAx4KBDvXS4oyiBguOlQfIgg==
@@ -2669,6 +2669,26 @@
react-inspector "^4.0.0"
uuid "^3.3.2"
+"@storybook/addon-actions@^5.2.1":
+ version "5.3.0"
+ resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-5.3.0.tgz#04927681118469f7db0c8cde7c21ba01c4486640"
+ integrity sha512-vt1yzMeP8rtNqmxo3Ix/uqRQf45sAzgbHJ2celO8Fw8rDf3yaBdgquSK5JmDUNb5yk8dj/YkTao+IGQfBMLCNQ==
+ dependencies:
+ "@storybook/addons" "5.3.0"
+ "@storybook/api" "5.3.0"
+ "@storybook/client-api" "5.3.0"
+ "@storybook/components" "5.3.0"
+ "@storybook/core-events" "5.3.0"
+ "@storybook/theming" "5.3.0"
+ core-js "^3.0.1"
+ fast-deep-equal "^2.0.1"
+ global "^4.3.2"
+ polished "^3.3.1"
+ prop-types "^15.7.2"
+ react "^16.8.3"
+ react-inspector "^4.0.0"
+ uuid "^3.3.2"
+
"@storybook/addon-info@^5.2.1":
version "5.3.9"
resolved "https://registry.yarnpkg.com/@storybook/addon-info/-/addon-info-5.3.9.tgz#626950c69fdbfe9a22b0c4f4f2ae9531f9431c67"
@@ -2749,6 +2769,19 @@
regenerator-runtime "^0.13.3"
util-deprecate "^1.0.2"
+"@storybook/addons@5.3.0":
+ version "5.3.0"
+ resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-5.3.0.tgz#93e57742085acd69f2b82b35ec4890420beae0e4"
+ integrity sha512-++/dIpvf6dzcGBHUMIf+juFvMiffexmAFilHZRGOvV8FuU8X2dKrQ1zIoyPVtHintx6HPgXA7KClbLm9r/wC8Q==
+ dependencies:
+ "@storybook/api" "5.3.0"
+ "@storybook/channels" "5.3.0"
+ "@storybook/client-logger" "5.3.0"
+ "@storybook/core-events" "5.3.0"
+ core-js "^3.0.1"
+ global "^4.3.2"
+ util-deprecate "^1.0.2"
+
"@storybook/addons@5.3.9", "@storybook/addons@^5.1.11", "@storybook/addons@^5.2.1":
version "5.3.9"
resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-5.3.9.tgz#f2492de356e0cd38e3da357f4dafa058a4756e36"
@@ -2762,6 +2795,32 @@
global "^4.3.2"
util-deprecate "^1.0.2"
+"@storybook/api@5.3.0":
+ version "5.3.0"
+ resolved "https://registry.yarnpkg.com/@storybook/api/-/api-5.3.0.tgz#1fbcc2f400958e42a6d7face0e1a50c47cf8ac86"
+ integrity sha512-U8IDgPI7rzwng/JdWleZhMEkIQGpL9w0SgpJLFCDA8e0yAa1lUaMn56wD2ksud2qjVktHQCTnYf7xsNpF4IvBQ==
+ dependencies:
+ "@reach/router" "^1.2.1"
+ "@storybook/channels" "5.3.0"
+ "@storybook/client-logger" "5.3.0"
+ "@storybook/core-events" "5.3.0"
+ "@storybook/csf" "0.0.1"
+ "@storybook/router" "5.3.0"
+ "@storybook/theming" "5.3.0"
+ "@types/reach__router" "^1.2.3"
+ core-js "^3.0.1"
+ fast-deep-equal "^2.0.1"
+ global "^4.3.2"
+ lodash "^4.17.15"
+ memoizerific "^1.11.3"
+ prop-types "^15.6.2"
+ react "^16.8.3"
+ semver "^6.0.0"
+ shallow-equal "^1.1.0"
+ store2 "^2.7.1"
+ telejson "^3.2.0"
+ util-deprecate "^1.0.2"
+
"@storybook/api@5.3.9":
version "5.3.9"
resolved "https://registry.yarnpkg.com/@storybook/api/-/api-5.3.9.tgz#090119c6fd4082442e926a434d3d171535ec6784"
@@ -2788,6 +2847,17 @@
telejson "^3.2.0"
util-deprecate "^1.0.2"
+"@storybook/channel-postmessage@5.3.0":
+ version "5.3.0"
+ resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-5.3.0.tgz#70d9ddb96af839e934a9f515c28a5461137ad859"
+ integrity sha512-HZp/ZhDBWWcZB0D3n7tCTwPHPYZJhD1oyI3a8e07jiBOoOqy4uqCP0F3UxBjAqZAVLaZw4sWrB5Z1EPjPBiGyg==
+ dependencies:
+ "@storybook/channels" "5.3.0"
+ "@storybook/client-logger" "5.3.0"
+ core-js "^3.0.1"
+ global "^4.3.2"
+ telejson "^3.2.0"
+
"@storybook/channel-postmessage@5.3.9":
version "5.3.9"
resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-5.3.9.tgz#3846ae7ea5bc2fe36b1ef64fbc215f480cf8a189"
@@ -2799,6 +2869,13 @@
global "^4.3.2"
telejson "^3.2.0"
+"@storybook/channels@5.3.0":
+ version "5.3.0"
+ resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-5.3.0.tgz#d124815216df6a48161f0ff2a31c18ba6412f5f0"
+ integrity sha512-qa43flSWfHtPo5UlokcMfnFNeZ/UG49H9AQokjoUXUepQWeSneqKFVPNktOLaciUTownKVXuT2gCxsUGKZMs8g==
+ dependencies:
+ core-js "^3.0.1"
+
"@storybook/channels@5.3.9":
version "5.3.9"
resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-5.3.9.tgz#7ee8f6e6f4c9465227120d6711805b5e6862107f"
@@ -2806,6 +2883,28 @@
dependencies:
core-js "^3.0.1"
+"@storybook/client-api@5.3.0":
+ version "5.3.0"
+ resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-5.3.0.tgz#b2f1e7bbbfb1db36e2788314150e3291a1370b79"
+ integrity sha512-JhsIKgru+eabq8YQGe1VzDiPtbMVUkNnpoiIwGY9tGiChoVYuEXOFlDprmdQ4ONBSWjq4rzsl/XaYISVwlnkXA==
+ dependencies:
+ "@storybook/addons" "5.3.0"
+ "@storybook/channel-postmessage" "5.3.0"
+ "@storybook/channels" "5.3.0"
+ "@storybook/client-logger" "5.3.0"
+ "@storybook/core-events" "5.3.0"
+ "@storybook/csf" "0.0.1"
+ core-js "^3.0.1"
+ eventemitter3 "^4.0.0"
+ global "^4.3.2"
+ is-plain-object "^3.0.0"
+ lodash "^4.17.15"
+ memoizerific "^1.11.3"
+ qs "^6.6.0"
+ stable "^0.1.8"
+ ts-dedent "^1.1.0"
+ util-deprecate "^1.0.2"
+
"@storybook/client-api@5.3.9":
version "5.3.9"
resolved "https://registry.yarnpkg.com/@storybook/client-api/-/client-api-5.3.9.tgz#43ae2651bf303e832e97c014fd6c77a523669fd9"
@@ -2829,6 +2928,13 @@
ts-dedent "^1.1.0"
util-deprecate "^1.0.2"
+"@storybook/client-logger@5.3.0":
+ version "5.3.0"
+ resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-5.3.0.tgz#e609b97d2e942183b7520f76f29d86d83f7420e6"
+ integrity sha512-pnAsrL7luTgaeVloNZYq8Oxdvfg+G31o09Pcq8POzcbcbh8QCa66C5W4LIrs8bq4yxAwqitdNMGdV+8g5WrkFA==
+ dependencies:
+ core-js "^3.0.1"
+
"@storybook/client-logger@5.3.9":
version "5.3.9"
resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-5.3.9.tgz#06654be9caa8d37366270b0426c2d5acb217f504"
@@ -2836,6 +2942,33 @@
dependencies:
core-js "^3.0.1"
+"@storybook/components@5.3.0":
+ version "5.3.0"
+ resolved "https://registry.yarnpkg.com/@storybook/components/-/components-5.3.0.tgz#0746a3dfe45b56b661fed6230b655d0d47dc6233"
+ integrity sha512-i7EAYd5okZ3d43+mP6SdgWR0a888eRIzbA8/uFXU4ay4eFbS9caribciRFkvcsX6QNVzcclUEXX9AxsDxw6SGg==
+ dependencies:
+ "@storybook/client-logger" "5.3.0"
+ "@storybook/theming" "5.3.0"
+ "@types/react-syntax-highlighter" "11.0.2"
+ "@types/react-textarea-autosize" "^4.3.3"
+ core-js "^3.0.1"
+ global "^4.3.2"
+ lodash "^4.17.15"
+ markdown-to-jsx "^6.9.1"
+ memoizerific "^1.11.3"
+ polished "^3.3.1"
+ popper.js "^1.14.7"
+ prop-types "^15.7.2"
+ react "^16.8.3"
+ react-dom "^16.8.3"
+ react-focus-lock "^2.1.0"
+ react-helmet-async "^1.0.2"
+ react-popper-tooltip "^2.8.3"
+ react-syntax-highlighter "^11.0.2"
+ react-textarea-autosize "^7.1.0"
+ simplebar-react "^1.0.0-alpha.6"
+ ts-dedent "^1.1.0"
+
"@storybook/components@5.3.9", "@storybook/components@^5.0.6":
version "5.3.9"
resolved "https://registry.yarnpkg.com/@storybook/components/-/components-5.3.9.tgz#1fbc688770889ddadb8c603f5a4dbcf987f3eb0f"
@@ -2863,6 +2996,13 @@
simplebar-react "^1.0.0-alpha.6"
ts-dedent "^1.1.0"
+"@storybook/core-events@5.3.0":
+ version "5.3.0"
+ resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-5.3.0.tgz#cc4f08d1e41c9fa25d06c36f7fb2b8cee6204e36"
+ integrity sha512-QT9IgZbCusKUTXkp58JT9AslXAXxF5t/QquOy9Id2HS6RZMcSllobZlVqLlWmyaRmtQbNTTPkjgndOWQIQi3ew==
+ dependencies:
+ core-js "^3.0.1"
+
"@storybook/core-events@5.3.9", "@storybook/core-events@^5.0.6":
version "5.3.9"
resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-5.3.9.tgz#3c7fbc20204ae4b937c896ed6281e782cc09c4aa"
@@ -2995,6 +3135,21 @@
ts-dedent "^1.1.0"
webpack "^4.33.0"
+"@storybook/router@5.3.0":
+ version "5.3.0"
+ resolved "https://registry.yarnpkg.com/@storybook/router/-/router-5.3.0.tgz#eaa1492ac3bef903b229892733112fb50a487c36"
+ integrity sha512-4YwTZR6hCPL9l4SWAjAhTQlHopoOhXzwHcV8WhFReSYgaog7FSnyYXe0GFGxDZhXQTF51VdEV06bQxNLEZWXZg==
+ dependencies:
+ "@reach/router" "^1.2.1"
+ "@storybook/csf" "0.0.1"
+ "@types/reach__router" "^1.2.3"
+ core-js "^3.0.1"
+ global "^4.3.2"
+ lodash "^4.17.15"
+ memoizerific "^1.11.3"
+ qs "^6.6.0"
+ util-deprecate "^1.0.2"
+
"@storybook/router@5.3.9":
version "5.3.9"
resolved "https://registry.yarnpkg.com/@storybook/router/-/router-5.3.9.tgz#3c6e01f4dced9de8e8c5c314352fdc437f2441c2"
@@ -3026,6 +3181,24 @@
prop-types "^15.7.2"
regenerator-runtime "^0.13.3"
+"@storybook/theming@5.3.0":
+ version "5.3.0"
+ resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-5.3.0.tgz#d6431399b07126c78c9e023759aa34bda9137f8e"
+ integrity sha512-pOxtQz2uZCfxIlCAg+3kQJE3VbQ0x0GB6vzpg2UoiNm9b3UA/lY8Avw0Zv0tWsaQRtVZctCKP6/q5m+nF6QRFA==
+ dependencies:
+ "@emotion/core" "^10.0.20"
+ "@emotion/styled" "^10.0.17"
+ "@storybook/client-logger" "5.3.0"
+ core-js "^3.0.1"
+ deep-object-diff "^1.1.0"
+ emotion-theming "^10.0.19"
+ global "^4.3.2"
+ memoizerific "^1.11.3"
+ polished "^3.3.1"
+ prop-types "^15.7.2"
+ resolve-from "^5.0.0"
+ ts-dedent "^1.1.0"
+
"@storybook/theming@5.3.9":
version "5.3.9"
resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-5.3.9.tgz#caaeea398f9e630394298ccfe8f36a185a289e4f"
@@ -19882,7 +20055,7 @@ schema-utils@^1.0.0:
ajv-errors "^1.0.0"
ajv-keywords "^3.1.0"
-schema-utils@^2.0.1, schema-utils@^2.5.0, schema-utils@^2.6.0, schema-utils@^2.6.1, schema-utils@^2.6.4:
+schema-utils@^2.0.1, schema-utils@^2.6.0, schema-utils@^2.6.1, schema-utils@^2.6.4:
version "2.6.4"
resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.6.4.tgz#a27efbf6e4e78689d91872ee3ccfa57d7bdd0f53"
integrity sha512-VNjcaUxVnEeun6B2fiiUDjXXBtD4ZSH7pdbfIu1pOFwgptDPLMo/z9jr4sUfsjFVPqDCEin/F7IYlq7/E6yDbQ==
@@ -19890,6 +20063,14 @@ schema-utils@^2.0.1, schema-utils@^2.5.0, schema-utils@^2.6.0, schema-utils@^2.6
ajv "^6.10.2"
ajv-keywords "^3.4.1"
+schema-utils@^2.5.0:
+ version "2.6.1"
+ resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.6.1.tgz#eb78f0b945c7bcfa2082b3565e8db3548011dc4f"
+ integrity sha512-0WXHDs1VDJyo+Zqs9TKLKyD/h7yDpHUhEFsM2CzkICFdoX1av+GBq/J2xRTFfsQO5kBfhZzANf2VcIm84jqDbg==
+ dependencies:
+ ajv "^6.10.2"
+ ajv-keywords "^3.4.1"
+
scss-comment-parser@^0.8.4:
version "0.8.4"
resolved "https://registry.yarnpkg.com/scss-comment-parser/-/scss-comment-parser-0.8.4.tgz#8e82c3fcf7fdbbb7f172f8955e2aa88b685f86d8"