@digigov/react-icons 2.0.0-rc.1 → 2.0.0-rc.10

package/SvgIcon/index.test/index.js

@@ -0,0 +1,105 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import SvgIcon from '@digigov/react-icons/SvgIcon';
+var _ref = /*#__PURE__*/React.createElement(SvgIcon, null);
+it('renders the SvgIcon with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+var _ref2 = /*#__PURE__*/React.createElement(SvgIcon, {
+  size: "xs"
+}, "hello");
+it('renders the SvgIcon with prop size=xs', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+var _ref3 = /*#__PURE__*/React.createElement(SvgIcon, {
+  size: "sm"
+}, "hello");
+it('renders the SvgIcon with prop size=sm', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+var _ref4 = /*#__PURE__*/React.createElement(SvgIcon, {
+  size: "md"
+}, "hello");
+it('renders the SvgIcon with prop size=md', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+var _ref5 = /*#__PURE__*/React.createElement(SvgIcon, {
+  size: "lg"
+}, "hello");
+it('renders the SvgIcon with prop size=lg', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
+});
+var _ref6 = /*#__PURE__*/React.createElement(SvgIcon, {
+  size: "xl"
+}, "hello");
+it('renders the SvgIcon with prop size=xl', function () {
+  expect(mount(_ref6)).toMatchSnapshot();
+});
+var _ref7 = /*#__PURE__*/React.createElement(SvgIcon, {
+  color: "base-content"
+}, "hello");
+it('renders the SvgIcon with prop color=base-content', function () {
+  expect(mount(_ref7)).toMatchSnapshot();
+});
+var _ref8 = /*#__PURE__*/React.createElement(SvgIcon, {
+  color: "dark"
+}, "hello");
+it('renders the SvgIcon with prop color=dark', function () {
+  expect(mount(_ref8)).toMatchSnapshot();
+});
+var _ref9 = /*#__PURE__*/React.createElement(SvgIcon, {
+  color: "white"
+}, "hello");
+it('renders the SvgIcon with prop color=white', function () {
+  expect(mount(_ref9)).toMatchSnapshot();
+});
+var _ref10 = /*#__PURE__*/React.createElement(SvgIcon, {
+  color: "gray"
+}, "hello");
+it('renders the SvgIcon with prop color=gray', function () {
+  expect(mount(_ref10)).toMatchSnapshot();
+});
+var _ref11 = /*#__PURE__*/React.createElement(SvgIcon, {
+  color: "primary"
+}, "hello");
+it('renders the SvgIcon with prop color=primary', function () {
+  expect(mount(_ref11)).toMatchSnapshot();
+});
+var _ref12 = /*#__PURE__*/React.createElement(SvgIcon, {
+  color: "success"
+}, "hello");
+it('renders the SvgIcon with prop color=success', function () {
+  expect(mount(_ref12)).toMatchSnapshot();
+});
+var _ref13 = /*#__PURE__*/React.createElement(SvgIcon, {
+  color: "warning"
+}, "hello");
+it('renders the SvgIcon with prop color=warning', function () {
+  expect(mount(_ref13)).toMatchSnapshot();
+});
+var _ref14 = /*#__PURE__*/React.createElement(SvgIcon, {
+  color: "error"
+}, "hello");
+it('renders the SvgIcon with prop color=error', function () {
+  expect(mount(_ref14)).toMatchSnapshot();
+});
+var _ref15 = /*#__PURE__*/React.createElement(SvgIcon, {
+  color: "focus"
+}, "hello");
+it('renders the SvgIcon with prop color=focus', function () {
+  expect(mount(_ref15)).toMatchSnapshot();
+});
+var _ref16 = /*#__PURE__*/React.createElement(SvgIcon, {
+  color: "warning",
+  size: "sm"
+}, "hello");
+it('renders the SvgIcon with prop color=warning and size=sm', function () {
+  expect(mount(_ref16)).toMatchSnapshot();
+});
+var _ref17 = /*#__PURE__*/React.createElement(SvgIcon, {
+  color: "warning",
+  size: "xl"
+}, "hello");
+it('renders the SvgIcon with prop color=error and size= xl', function () {
+  expect(mount(_ref17)).toMatchSnapshot();
+});

package/SvgIcon/index.test/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/SvgIcon/index.test/index.js"
+}

package/SvgIcon/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/SvgIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../cjs/SvgIcon/index.js"
+}

package/cjs/Base/index.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Base = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _excluded = ["as", "margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "m", "mt", "mb", "ml", "mr", "mx", "my", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "p", "pt", "pb", "pr", "pl", "px", "py", "printHidden", "printVisible", "hidden", "xsUpHidden", "smUpHidden", "mdUpHidden", "lgUpHidden", "xlUpHidden", "xsHidden", "smHidden", "mdHidden", "lgHidden", "xlHidden", "children", "className"];
+// This is the first reusable type utility we built
+
+// This is a new type utitlity with ref!
+
+// This is the type for the "ref" only
+
+/**
+ * This is the updated component props using PolymorphicComponentPropWithRef
+ */
+
+/**
+ * This is the type used in the type annotation for the component
+ */
+
+var Base = exports.Base = /*#__PURE__*/_react["default"].forwardRef(function Base(_ref, ref) {
+  var as = _ref.as,
+    margin = _ref.margin,
+    marginTop = _ref.marginTop,
+    marginBottom = _ref.marginBottom,
+    marginLeft = _ref.marginLeft,
+    marginRight = _ref.marginRight,
+    m = _ref.m,
+    mt = _ref.mt,
+    mb = _ref.mb,
+    ml = _ref.ml,
+    mr = _ref.mr,
+    mx = _ref.mx,
+    my = _ref.my,
+    padding = _ref.padding,
+    paddingTop = _ref.paddingTop,
+    paddingBottom = _ref.paddingBottom,
+    paddingLeft = _ref.paddingLeft,
+    paddingRight = _ref.paddingRight,
+    p = _ref.p,
+    pt = _ref.pt,
+    pb = _ref.pb,
+    pr = _ref.pr,
+    pl = _ref.pl,
+    px = _ref.px,
+    py = _ref.py,
+    printHidden = _ref.printHidden,
+    printVisible = _ref.printVisible,
+    hidden = _ref.hidden,
+    xsUpHidden = _ref.xsUpHidden,
+    smUpHidden = _ref.smUpHidden,
+    mdUpHidden = _ref.mdUpHidden,
+    lgUpHidden = _ref.lgUpHidden,
+    xlUpHidden = _ref.xlUpHidden,
+    xsHidden = _ref.xsHidden,
+    smHidden = _ref.smHidden,
+    mdHidden = _ref.mdHidden,
+    lgHidden = _ref.lgHidden,
+    xlHidden = _ref.xlHidden,
+    children = _ref.children,
+    className = _ref.className,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var Component = as || 'span';
+  return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
+    className: (0, _clsx["default"])(className, (paddingBottom !== undefined ? true : undefined) && "ds-pb-".concat(paddingBottom), (marginBottom !== undefined ? true : undefined) && "ds-mb-".concat(marginBottom), (paddingRight !== undefined ? true : undefined) && "ds-pr-".concat(paddingRight), (marginRight !== undefined ? true : undefined) && "ds-mr-".concat(marginRight), (paddingLeft !== undefined ? true : undefined) && "ds-pl-".concat(paddingLeft), (marginLeft !== undefined ? true : undefined) && "ds-ml-".concat(marginLeft), (paddingTop !== undefined ? true : undefined) && "ds-pt-".concat(paddingTop), (marginTop !== undefined ? true : undefined) && "ds-mt-".concat(marginTop), (padding !== undefined ? true : undefined) && "ds-p-".concat(padding), (margin !== undefined ? true : undefined) && "ds-m-".concat(margin), (mt !== undefined ? true : undefined) && "ds-mt-".concat(mt), (mb !== undefined ? true : undefined) && "ds-mb-".concat(mb), (mr !== undefined ? true : undefined) && "ds-mr-".concat(mr), (ml !== undefined ? true : undefined) && "ds-ml-".concat(ml), (mx !== undefined ? true : undefined) && "ds-mx-".concat(mx), (my !== undefined ? true : undefined) && "ds-my-".concat(my), (pt !== undefined ? true : undefined) && "ds-pt-".concat(pt), (pb !== undefined ? true : undefined) && "ds-pb-".concat(pb), (pr !== undefined ? true : undefined) && "ds-pr-".concat(pr), (pl !== undefined ? true : undefined) && "ds-pl-".concat(pl), (px !== undefined ? true : undefined) && "ds-px-".concat(px), (py !== undefined ? true : undefined) && "ds-py-".concat(py), (m !== undefined ? true : undefined) && "ds-m-".concat(m), (p !== undefined ? true : undefined) && "ds-p-".concat(p), printVisible === 'inline' && 'ds-print-visible-inline', printVisible === 'block' && 'ds-print-visible-block', !!printHidden && 'ds-print-hidden', !!xsUpHidden && 'ds-hidden-xs-up', !!smUpHidden && 'ds-hidden-sm-up', !!mdUpHidden && 'ds-hidden-md-up', !!lgUpHidden && 'ds-hidden-lg-up', !!xlUpHidden && 'ds-hidden-xl-up', !!xsHidden && 'ds-hidden-xs', !!smHidden && 'ds-hidden-sm', !!mdHidden && 'ds-hidden-md', !!lgHidden && 'ds-hidden-lg', !!xlHidden && 'ds-hidden-xl', !!hidden && 'ds-hidden'),
+    ref: ref
+  }, props), children);
+});
+var _default = exports["default"] = Base;

package/cjs/Icon/index.js

@@ -11,7 +11,7 @@ var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _SvgIcon = _interopRequireDefault(require("@digigov/react-core/cjs/SvgIcon"));
+var _SvgIcon = _interopRequireDefault(require("@digigov/react-icons/SvgIcon"));
 var icons = _interopRequireWildcard(require("@digigov/react-icons/icons"));
 var _excluded = ["icon", "className"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }

package/cjs/SvgIcon/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,390 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the SvgIcon with no props 1`] = `
+<ForwardRef(SvgIcon)>
+  <ForwardRef(Base)
+    aria-hidden="true"
+    as="svg"
+    className="ds-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    <svg
+      aria-hidden="true"
+      className="ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    />
+  </ForwardRef(Base)>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop color=base-content 1`] = `
+<ForwardRef(SvgIcon)
+  color="base-content"
+>
+  <ForwardRef(Base)
+    aria-hidden="true"
+    as="svg"
+    className="ds-svg-icon--base-content ds-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    <svg
+      aria-hidden="true"
+      className="ds-svg-icon--base-content ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop color=dark 1`] = `
+<ForwardRef(SvgIcon)
+  color="dark"
+>
+  <ForwardRef(Base)
+    aria-hidden="true"
+    as="svg"
+    className="ds-svg-icon--dark ds-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    <svg
+      aria-hidden="true"
+      className="ds-svg-icon--dark ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop color=error 1`] = `
+<ForwardRef(SvgIcon)
+  color="error"
+>
+  <ForwardRef(Base)
+    aria-hidden="true"
+    as="svg"
+    className="ds-svg-icon--error ds-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    <svg
+      aria-hidden="true"
+      className="ds-svg-icon--error ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop color=error and size= xl 1`] = `
+<ForwardRef(SvgIcon)
+  color="warning"
+  size="xl"
+>
+  <ForwardRef(Base)
+    aria-hidden="true"
+    as="svg"
+    className="ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    <svg
+      aria-hidden="true"
+      className="ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop color=focus 1`] = `
+<ForwardRef(SvgIcon)
+  color="focus"
+>
+  <ForwardRef(Base)
+    aria-hidden="true"
+    as="svg"
+    className="ds-svg-icon--focus ds-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    <svg
+      aria-hidden="true"
+      className="ds-svg-icon--focus ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop color=gray 1`] = `
+<ForwardRef(SvgIcon)
+  color="gray"
+>
+  <ForwardRef(Base)
+    aria-hidden="true"
+    as="svg"
+    className="ds-svg-icon--gray ds-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    <svg
+      aria-hidden="true"
+      className="ds-svg-icon--gray ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop color=primary 1`] = `
+<ForwardRef(SvgIcon)
+  color="primary"
+>
+  <ForwardRef(Base)
+    aria-hidden="true"
+    as="svg"
+    className="ds-svg-icon--primary ds-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    <svg
+      aria-hidden="true"
+      className="ds-svg-icon--primary ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop color=success 1`] = `
+<ForwardRef(SvgIcon)
+  color="success"
+>
+  <ForwardRef(Base)
+    aria-hidden="true"
+    as="svg"
+    className="ds-svg-icon--success ds-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    <svg
+      aria-hidden="true"
+      className="ds-svg-icon--success ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop color=warning 1`] = `
+<ForwardRef(SvgIcon)
+  color="warning"
+>
+  <ForwardRef(Base)
+    aria-hidden="true"
+    as="svg"
+    className="ds-svg-icon--warning ds-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    <svg
+      aria-hidden="true"
+      className="ds-svg-icon--warning ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop color=warning and size=sm 1`] = `
+<ForwardRef(SvgIcon)
+  color="warning"
+  size="sm"
+>
+  <ForwardRef(Base)
+    aria-hidden="true"
+    as="svg"
+    className="ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    <svg
+      aria-hidden="true"
+      className="ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop color=white 1`] = `
+<ForwardRef(SvgIcon)
+  color="white"
+>
+  <ForwardRef(Base)
+    aria-hidden="true"
+    as="svg"
+    className="ds-svg-icon--white ds-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    <svg
+      aria-hidden="true"
+      className="ds-svg-icon--white ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop size=lg 1`] = `
+<ForwardRef(SvgIcon)
+  size="lg"
+>
+  <ForwardRef(Base)
+    aria-hidden="true"
+    as="svg"
+    className="ds-svg-icon--lg ds-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    <svg
+      aria-hidden="true"
+      className="ds-svg-icon--lg ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop size=md 1`] = `
+<ForwardRef(SvgIcon)
+  size="md"
+>
+  <ForwardRef(Base)
+    aria-hidden="true"
+    as="svg"
+    className="ds-svg-icon--md ds-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    <svg
+      aria-hidden="true"
+      className="ds-svg-icon--md ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop size=sm 1`] = `
+<ForwardRef(SvgIcon)
+  size="sm"
+>
+  <ForwardRef(Base)
+    aria-hidden="true"
+    as="svg"
+    className="ds-svg-icon--sm ds-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    <svg
+      aria-hidden="true"
+      className="ds-svg-icon--sm ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop size=xl 1`] = `
+<ForwardRef(SvgIcon)
+  size="xl"
+>
+  <ForwardRef(Base)
+    aria-hidden="true"
+    as="svg"
+    className="ds-svg-icon--xl ds-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    <svg
+      aria-hidden="true"
+      className="ds-svg-icon--xl ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop size=xs 1`] = `
+<ForwardRef(SvgIcon)
+  size="xs"
+>
+  <ForwardRef(Base)
+    aria-hidden="true"
+    as="svg"
+    className="ds-svg-icon--xs ds-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    <svg
+      aria-hidden="true"
+      className="ds-svg-icon--xs ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
+</ForwardRef(SvgIcon)>
+`;

package/cjs/SvgIcon/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.SvgIcon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _Base = _interopRequireDefault(require("@digigov/react-icons/Base"));
+var _excluded = ["size", "color", "children", "className"];
+/**
+ * Use SvgIcon as global svg component.
+ *  SvgIcon can be used inside other svg components as children such as CheckIcon, CaretIcon etc.
+ */
+var SvgIcon = exports.SvgIcon = /*#__PURE__*/_react["default"].forwardRef(function SvgIcon(_ref, ref) {
+  var size = _ref.size,
+    color = _ref.color,
+    children = _ref.children,
+    className = _ref.className,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
+    as: "svg",
+    ref: ref,
+    className: (0, _clsx["default"])(className, color !== undefined && "ds-svg-icon--".concat(color), size !== undefined && "ds-svg-icon--".concat(size), true && 'ds-svg-icon'),
+    focusable: "false",
+    viewBox: "0 0 24 24",
+    "aria-hidden": "true"
+  }, props), children);
+});
+var _default = exports["default"] = SvgIcon;