@digigov/react-icons 2.0.0-8de46296 → 2.0.0-aefd0709

package/Icon/__snapshots__/index.test.tsx.snap

@@ -1,343 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the Icon prop icon= "caret" 1`] = `
-<ForwardRef(Icon)
-  icon="caret"
->
-  <ForwardRef(SvgIcon)
-    className="ds-svg-icon--caret"
-  >
-    <ForwardRef(Base)
-      aria-hidden="true"
-      as="svg"
-      className="ds-svg-icon--caret ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      <svg
-        aria-hidden="true"
-        className="ds-svg-icon--caret ds-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <caret>
-          <path
-            d="M18,22V2L6,12L18,22z"
-          />
-        </caret>
-      </svg>
-    </ForwardRef(Base)>
-  </ForwardRef(SvgIcon)>
-</ForwardRef(Icon)>
-`;
-
-exports[`renders the Icon prop icon= "caret" and direction=left 1`] = `
-<ForwardRef(Icon)
-  direction="left"
-  icon="caret"
->
-  <ForwardRef(SvgIcon)
-    className="ds-svg-icon--caret"
-  >
-    <ForwardRef(Base)
-      aria-hidden="true"
-      as="svg"
-      className="ds-svg-icon--caret ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      <svg
-        aria-hidden="true"
-        className="ds-svg-icon--caret ds-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <caret
-          direction="left"
-        >
-          <path
-            d="M18,22V2L6,12L18,22z"
-          />
-        </caret>
-      </svg>
-    </ForwardRef(Base)>
-  </ForwardRef(SvgIcon)>
-</ForwardRef(Icon)>
-`;
-
-exports[`renders the Icon prop icon= "check" 1`] = `
-<ForwardRef(Icon)
-  icon="check"
->
-  <ForwardRef(SvgIcon)
-    className="ds-svg-icon--check"
-  >
-    <ForwardRef(Base)
-      aria-hidden="true"
-      as="svg"
-      className="ds-svg-icon--check ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      <svg
-        aria-hidden="true"
-        className="ds-svg-icon--check ds-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <check>
-          <polygon
-            points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
-          />
-        </check>
-      </svg>
-    </ForwardRef(Base)>
-  </ForwardRef(SvgIcon)>
-</ForwardRef(Icon)>
-`;
-
-exports[`renders the Icon prop icon= "close" 1`] = `
-<ForwardRef(Icon)
-  icon="close"
->
-  <ForwardRef(SvgIcon)
-    className="ds-svg-icon--close"
-  >
-    <ForwardRef(Base)
-      aria-hidden="true"
-      as="svg"
-      className="ds-svg-icon--close ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      <svg
-        aria-hidden="true"
-        className="ds-svg-icon--close ds-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <close>
-          <polygon
-            points="14.4,11.8 22,4.2 19.7,1.8 12,9.4 4.4,1.8 2,4.2 9.7,11.9 2.1,19.5 4.4,21.9 12.1,14.3 19.7,21.9 22.1,19.5 "
-          />
-        </close>
-      </svg>
-    </ForwardRef(Base)>
-  </ForwardRef(SvgIcon)>
-</ForwardRef(Icon)>
-`;
-
-exports[`renders the Icon prop icon= "uncheck" 1`] = `
-<ForwardRef(Icon)
-  icon="uncheck"
->
-  <ForwardRef(SvgIcon)
-    className="ds-svg-icon--uncheck"
-  >
-    <ForwardRef(Base)
-      aria-hidden="true"
-      as="svg"
-      className="ds-svg-icon--uncheck ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      <svg
-        aria-hidden="true"
-        className="ds-svg-icon--uncheck ds-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <uncheck>
-          <polygon
-            points="20.59 5.74 18.26 3.41 12 9.67 5.742 3.41 3.41 5.74 9.67 12 3.41 18.26 5.74 20.6 12 14.33 18.26 20.59 20.59 18.26 14.33 12 20.59 5.74"
-          />
-        </uncheck>
-      </svg>
-    </ForwardRef(Base)>
-  </ForwardRef(SvgIcon)>
-</ForwardRef(Icon)>
-`;
-
-exports[`renders the Icon props icon= "moreVert" 1`] = `
-<ForwardRef(Icon)
-  icon="moreVert"
->
-  <ForwardRef(SvgIcon)
-    className="ds-svg-icon--moreVert"
-  >
-    <ForwardRef(Base)
-      aria-hidden="true"
-      as="svg"
-      className="ds-svg-icon--moreVert ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      <svg
-        aria-hidden="true"
-        className="ds-svg-icon--moreVert ds-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <moreVert>
-          <circle
-            cx="12"
-            cy="5"
-            r="2"
-          />
-          <circle
-            cx="12"
-            cy="12"
-            r="2"
-          />
-          <circle
-            cx="12"
-            cy="19"
-            r="2"
-          />
-        </moreVert>
-      </svg>
-    </ForwardRef(Base)>
-  </ForwardRef(SvgIcon)>
-</ForwardRef(Icon)>
-`;
-
-exports[`renders the Icon with no props 1`] = `
-<ForwardRef(Icon)>
-  <ForwardRef(SvgIcon)
-    className="ds-svg-icon--chevron"
-  >
-    <ForwardRef(Base)
-      aria-hidden="true"
-      as="svg"
-      className="ds-svg-icon--chevron ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      <svg
-        aria-hidden="true"
-        className="ds-svg-icon--chevron ds-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <chevron>
-          <path
-            d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
-          />
-        </chevron>
-      </svg>
-    </ForwardRef(Base)>
-  </ForwardRef(SvgIcon)>
-</ForwardRef(Icon)>
-`;
-
-exports[`renders the Icon with prop icon=arrow and direction=up 1`] = `
-<ForwardRef(Icon)
-  direction="up"
->
-  <ForwardRef(SvgIcon)
-    className="ds-svg-icon--chevron"
-  >
-    <ForwardRef(Base)
-      aria-hidden="true"
-      as="svg"
-      className="ds-svg-icon--chevron ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      <svg
-        aria-hidden="true"
-        className="ds-svg-icon--chevron ds-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <chevron
-          direction="up"
-        >
-          <path
-            d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
-          />
-        </chevron>
-      </svg>
-    </ForwardRef(Base)>
-  </ForwardRef(SvgIcon)>
-</ForwardRef(Icon)>
-`;
-
-exports[`renders the Icon with prop prop icon=burger 1`] = `
-<ForwardRef(Icon)
-  icon="burger"
->
-  <ForwardRef(SvgIcon)
-    className="ds-svg-icon--burger"
-  >
-    <ForwardRef(Base)
-      aria-hidden="true"
-      as="svg"
-      className="ds-svg-icon--burger ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      <svg
-        aria-hidden="true"
-        className="ds-svg-icon--burger ds-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <burger>
-          <g
-            className=""
-          >
-            <rect
-              height="3.3"
-              id="ds-svg-icon--burger__line-1"
-              width="20"
-            />
-            <rect
-              height="3.3"
-              id="ds-svg-icon--burger__line-2"
-              width="20"
-            />
-            <rect
-              height="3.3"
-              id="ds-svg-icon--burger__line-3"
-              width="20"
-            />
-          </g>
-        </burger>
-      </svg>
-    </ForwardRef(Base)>
-  </ForwardRef(SvgIcon)>
-</ForwardRef(Icon)>
-`;
-
-exports[`renders the Icon with prop prop icon=globe 1`] = `
-<ForwardRef(Icon)
-  icon="globe"
->
-  <ForwardRef(SvgIcon)
-    className="ds-svg-icon--globe"
-  >
-    <ForwardRef(Base)
-      aria-hidden="true"
-      as="svg"
-      className="ds-svg-icon--globe ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      <svg
-        aria-hidden="true"
-        className="ds-svg-icon--globe ds-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <globe>
-          <path
-            d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M22.4,13.1C22.4,13.1,22.4,13.2,22.4,13.1 c0,0.4-0.1,0.8-0.2,1.1v0h-3.6c0.2-1.5,0.2-3,0-4.5h3.6v0c0.1,0.4,0.1,0.7,0.2,1.1c0,0,0,0,0,0C22.5,11.6,22.5,12.4,22.4,13.1z M16,21.7c1.1-1.5,2-3.5,2.4-6h3.4c0,0,0,0,0,0C20.8,18.4,18.7,20.6,16,21.7z M21.8,8.2C21.8,8.2,21.8,8.2,21.8,8.2l-3.4,0 c-0.4-2.4-1.3-4.5-2.4-6C18.7,3.4,20.8,5.6,21.8,8.2L21.8,8.2z M17.1,9.7c0.2,1.5,0.2,3,0,4.5h-4.4V9.7L17.1,9.7L17.1,9.7z M12.7,8.2V1.6c1.9,0.6,3.5,3.2,4.1,6.6L12.7,8.2L12.7,8.2z M12.7,15.7h4.1c-0.7,3.4-2.3,6.1-4.1,6.6V15.7L12.7,15.7z M2.2,15.8 C2.2,15.8,2.2,15.8,2.2,15.8l3.4,0c0.4,2.4,1.3,4.5,2.4,6C5.3,20.6,3.2,18.4,2.2,15.8L2.2,15.8z M8,2.3c-1.1,1.5-2,3.5-2.4,6H2.2 c0,0,0,0,0,0C3.2,5.6,5.3,3.4,8,2.3z M6.9,14.3c-0.2-1.5-0.2-3,0-4.5h4.4v4.5H6.9L6.9,14.3z M11.2,15.8v6.6 c-1.9-0.6-3.5-3.2-4.1-6.6L11.2,15.8L11.2,15.8z M11.2,8.3H7.1c0.7-3.4,2.3-6.1,4.1-6.6V8.3L11.2,8.3z M1.6,10.9 C1.6,10.9,1.6,10.8,1.6,10.9c0-0.4,0.1-0.8,0.2-1.1v0h3.6c-0.2,1.5-0.2,3,0,4.5H1.7v0c-0.1-0.4-0.1-0.7-0.2-1.1c0,0,0,0,0,0 C1.5,12.4,1.5,11.6,1.6,10.9z"
-          />
-           
-        </globe>
-      </svg>
-    </ForwardRef(Base)>
-  </ForwardRef(SvgIcon)>
-</ForwardRef(Icon)>
-`;

package/Icon/index.test/index.js

@@ -1,62 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import Icon from '@digigov/react-icons/Icon';
-var _ref = /*#__PURE__*/React.createElement(Icon, null);
-it('renders the Icon with no props', function () {
-  expect(mount(_ref)).toMatchSnapshot();
-});
-var _ref2 = /*#__PURE__*/React.createElement(Icon, {
-  direction: "up"
-});
-it('renders the Icon with prop icon=arrow and direction=up', function () {
-  expect(mount(_ref2)).toMatchSnapshot();
-});
-var _ref3 = /*#__PURE__*/React.createElement(Icon, {
-  icon: "burger"
-});
-it('renders the Icon with prop prop icon=burger', function () {
-  expect(mount(_ref3)).toMatchSnapshot();
-});
-var _ref4 = /*#__PURE__*/React.createElement(Icon, {
-  icon: "caret"
-});
-it('renders the Icon prop icon= "caret"', function () {
-  expect(mount(_ref4)).toMatchSnapshot();
-});
-var _ref5 = /*#__PURE__*/React.createElement(Icon, {
-  icon: "caret",
-  direction: "left"
-});
-it('renders the Icon prop icon= "caret" and direction=left', function () {
-  expect(mount(_ref5)).toMatchSnapshot();
-});
-var _ref6 = /*#__PURE__*/React.createElement(Icon, {
-  icon: "check"
-});
-it('renders the Icon prop icon= "check"', function () {
-  expect(mount(_ref6)).toMatchSnapshot();
-});
-var _ref7 = /*#__PURE__*/React.createElement(Icon, {
-  icon: "close"
-});
-it('renders the Icon prop icon= "close"', function () {
-  expect(mount(_ref7)).toMatchSnapshot();
-});
-var _ref8 = /*#__PURE__*/React.createElement(Icon, {
-  icon: "globe"
-});
-it('renders the Icon with prop prop icon=globe', function () {
-  expect(mount(_ref8)).toMatchSnapshot();
-});
-var _ref9 = /*#__PURE__*/React.createElement(Icon, {
-  icon: "moreVert"
-});
-it('renders the Icon props icon= "moreVert"', function () {
-  expect(mount(_ref9)).toMatchSnapshot();
-});
-var _ref10 = /*#__PURE__*/React.createElement(Icon, {
-  icon: "uncheck"
-});
-it('renders the Icon prop icon= "uncheck"', function () {
-  expect(mount(_ref10)).toMatchSnapshot();
-});

package/LockIcon/__snapshots__/index.test.tsx.snap

@@ -1,262 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the LockIcon with no props 1`] = `
-<LockIcon>
-  <ForwardRef(Icon)
-    icon="lock"
-  >
-    <ForwardRef(SvgIcon)
-      className="ds-svg-icon--lock"
-    >
-      <ForwardRef(Base)
-        aria-hidden="true"
-        as="svg"
-        className="ds-svg-icon--lock ds-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <svg
-          aria-hidden="true"
-          className="ds-svg-icon--lock ds-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <lock>
-            <path
-              d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
-            />
-          </lock>
-        </svg>
-      </ForwardRef(Base)>
-    </ForwardRef(SvgIcon)>
-  </ForwardRef(Icon)>
-</LockIcon>
-`;
-
-exports[`renders the LockIcon with prop size=md 1`] = `
-<LockIcon
-  size="md"
->
-  <ForwardRef(Icon)
-    icon="lock"
-    size="md"
-  >
-    <ForwardRef(SvgIcon)
-      className="ds-svg-icon--lock"
-      size="md"
-    >
-      <ForwardRef(Base)
-        aria-hidden="true"
-        as="svg"
-        className="ds-svg-icon--lock ds-svg-icon--md ds-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <svg
-          aria-hidden="true"
-          className="ds-svg-icon--lock ds-svg-icon--md ds-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <lock>
-            <path
-              d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
-            />
-          </lock>
-        </svg>
-      </ForwardRef(Base)>
-    </ForwardRef(SvgIcon)>
-  </ForwardRef(Icon)>
-</LockIcon>
-`;
-
-exports[`renders the LockIcon with prop size=xl 1`] = `
-<LockIcon
-  size="xl"
->
-  <ForwardRef(Icon)
-    icon="lock"
-    size="xl"
-  >
-    <ForwardRef(SvgIcon)
-      className="ds-svg-icon--lock"
-      size="xl"
-    >
-      <ForwardRef(Base)
-        aria-hidden="true"
-        as="svg"
-        className="ds-svg-icon--lock ds-svg-icon--xl ds-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <svg
-          aria-hidden="true"
-          className="ds-svg-icon--lock ds-svg-icon--xl ds-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <lock>
-            <path
-              d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
-            />
-          </lock>
-        </svg>
-      </ForwardRef(Base)>
-    </ForwardRef(SvgIcon)>
-  </ForwardRef(Icon)>
-</LockIcon>
-`;
-
-exports[`renders the LockIcon with prop variant=error and size= xl 1`] = `
-<LockIcon
-  size="xl"
-  variant="warning"
->
-  <ForwardRef(Icon)
-    icon="lock"
-    size="xl"
-    variant="warning"
-  >
-    <ForwardRef(SvgIcon)
-      className="ds-svg-icon--lock"
-      size="xl"
-      variant="warning"
-    >
-      <ForwardRef(Base)
-        aria-hidden="true"
-        as="svg"
-        className="ds-svg-icon--lock 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--lock ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <lock>
-            <path
-              d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
-            />
-          </lock>
-        </svg>
-      </ForwardRef(Base)>
-    </ForwardRef(SvgIcon)>
-  </ForwardRef(Icon)>
-</LockIcon>
-`;
-
-exports[`renders the LockIcon with prop variant=light 1`] = `
-<LockIcon
-  variant="light"
->
-  <ForwardRef(Icon)
-    icon="lock"
-    variant="light"
-  >
-    <ForwardRef(SvgIcon)
-      className="ds-svg-icon--lock"
-      variant="light"
-    >
-      <ForwardRef(Base)
-        aria-hidden="true"
-        as="svg"
-        className="ds-svg-icon--lock ds-svg-icon--light ds-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <svg
-          aria-hidden="true"
-          className="ds-svg-icon--lock ds-svg-icon--light ds-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <lock>
-            <path
-              d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
-            />
-          </lock>
-        </svg>
-      </ForwardRef(Base)>
-    </ForwardRef(SvgIcon)>
-  </ForwardRef(Icon)>
-</LockIcon>
-`;
-
-exports[`renders the LockIcon with prop variant=warning 1`] = `
-<LockIcon
-  variant="warning"
->
-  <ForwardRef(Icon)
-    icon="lock"
-    variant="warning"
-  >
-    <ForwardRef(SvgIcon)
-      className="ds-svg-icon--lock"
-      variant="warning"
-    >
-      <ForwardRef(Base)
-        aria-hidden="true"
-        as="svg"
-        className="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <svg
-          aria-hidden="true"
-          className="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <lock>
-            <path
-              d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
-            />
-          </lock>
-        </svg>
-      </ForwardRef(Base)>
-    </ForwardRef(SvgIcon)>
-  </ForwardRef(Icon)>
-</LockIcon>
-`;
-
-exports[`renders the LockIcon with prop variant=warning and size=sm 1`] = `
-<LockIcon
-  size="sm"
-  variant="warning"
->
-  <ForwardRef(Icon)
-    icon="lock"
-    size="sm"
-    variant="warning"
-  >
-    <ForwardRef(SvgIcon)
-      className="ds-svg-icon--lock"
-      size="sm"
-      variant="warning"
-    >
-      <ForwardRef(Base)
-        aria-hidden="true"
-        as="svg"
-        className="ds-svg-icon--lock 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--lock ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <lock>
-            <path
-              d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
-            />
-          </lock>
-        </svg>
-      </ForwardRef(Base)>
-    </ForwardRef(SvgIcon)>
-  </ForwardRef(Icon)>
-</LockIcon>
-`;