npm - @digigov/react-icons - Versions diffs - 2.0.0-rc.28 → 2.0.0-rc.29 - Mend

@digigov/react-icons 2.0.0-rc.28 → 2.0.0-rc.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (456) hide show

package/dist/src/AccessibilityIcon/index.test.tsx ADDED Viewed

@@ -0,0 +1,44 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import AccessibilityIcon from '@digigov/react-icons/AccessibilityIcon';
+it('renders the AccessibilityIcon with no props', () => {
+  expect(render(<AccessibilityIcon />).baseElement).toMatchSnapshot();
+});
+it('renders the AccessibilityIcon with prop size=s', () => {
+  expect(render(<AccessibilityIcon size="sm" />).baseElement).toMatchSnapshot();
+});
+it('renders the AccessibilityIcon with prop size=l', () => {
+  expect(render(<AccessibilityIcon size="lg" />).baseElement).toMatchSnapshot();
+});
+it('renders the AccessibilityIcon with prop color=base-content', () => {
+  expect(
+    render(<AccessibilityIcon color="base-content" />).baseElement
+  ).toMatchSnapshot();
+});
+it('renders the AccessibilityIcon with prop color=primary', () => {
+  expect(
+    render(<AccessibilityIcon color="primary" />).baseElement
+  ).toMatchSnapshot();
+});
+it('renders the AccessibilityIcon with prop color=success', () => {
+  expect(
+    render(<AccessibilityIcon color="success" />).baseElement
+  ).toMatchSnapshot();
+});
+it('renders the AccessibilityIcon with prop color=error', () => {
+  expect(
+    render(<AccessibilityIcon color="error" />).baseElement
+  ).toMatchSnapshot();
+});
+it('renders the AccessibilityIcon with prop color=warning and size=s', () => {
+  expect(
+    render(<AccessibilityIcon color="warning" size="sm" />).baseElement
+  ).toMatchSnapshot();
+});
+it('renders the AccessibilityIcon with prop color=error and size= xl', () => {
+  expect(
+    render(<AccessibilityIcon color="warning" size="xl" />).baseElement
+  ).toMatchSnapshot();
+});

package/dist/src/AccessibilityIcon/index.tsx ADDED Viewed

@@ -0,0 +1,10 @@
+import React from 'react';
+import Icon, { IconProps } from '@digigov/react-icons/Icon';
+export const AccessibilityIcon: React.FC<IconProps<'accessibility'>> = (
+  props
+) => {
+  return <Icon {...props} icon="accessibility"></Icon>;
+};
+export default AccessibilityIcon;

package/dist/src/ArrowIcon/__snapshots__/index.test.tsx.snap ADDED Viewed

@@ -0,0 +1,81 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+exports[`renders the ArrowIcon with direction down prop 1`] = `
+<body>
+  <div>
+    <svg
+      aria-hidden="true"
+      as="svg"
+      class="ds-svg-icon--arrow ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        as="polygon"
+        class=""
+        points="19.7 9.6 13.7 15.52 13.7 2.07 10.37 2 10.32 15.52 4.4 9.6 2 12 12 22 22 12 19.7 9.6"
+      />
+    </svg>
+  </div>
+</body>
+`;
+exports[`renders the ArrowIcon with direction left prop 1`] = `
+<body>
+  <div>
+    <svg
+      aria-hidden="true"
+      as="svg"
+      class="ds-svg-icon--arrow ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        as="polygon"
+        class=""
+        points="14.4 19.7 8.48 13.7 21.93 13.7 22 10.37 8.48 10.32 14.4 4.4 12 2 2 12 12 22 14.4 19.7"
+      />
+    </svg>
+  </div>
+</body>
+`;
+exports[`renders the ArrowIcon with direction up prop 1`] = `
+<body>
+  <div>
+    <svg
+      aria-hidden="true"
+      as="svg"
+      class="ds-svg-icon--arrow ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        as="polygon"
+        class=""
+        points="22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12"
+      />
+    </svg>
+  </div>
+</body>
+`;
+exports[`renders the ArrowIcon with no props, direction prop is right by default 1`] = `
+<body>
+  <div>
+    <svg
+      aria-hidden="true"
+      as="svg"
+      class="ds-svg-icon--arrow ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <polygon
+        as="polygon"
+        class=""
+        points="22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12"
+      />
+    </svg>
+  </div>
+</body>
+`;

package/dist/src/ArrowIcon/config.tsx ADDED Viewed

@@ -0,0 +1,49 @@
+import React from 'react';
+import IconBase from '@digigov/react-icons/IconBase';
+export interface ArrowType {
+  /**
+   * @value 'left'
+   * @value 'right'
+   * @value 'up'
+   * @value 'down'
+   * @default 'up'
+   */
+  direction?: 'left' | 'right' | 'up' | 'down';
+}
+export const arrow: React.FC<ArrowType> = ({ direction = 'up' }) => {
+  return (
+    <>
+      {direction === 'left' && (
+        <IconBase
+          as="polygon"
+          points="14.4 19.7 8.48 13.7 21.93 13.7 22 10.37 8.48 10.32 14.4 4.4 12 2 2 12 12 22 14.4 19.7"
+        />
+      )}
+      {direction === 'right' && (
+        <IconBase
+          as="polygon"
+          points="9.6 4.3 15.52 10.3 2.07 10.3 2 13.63 15.52 13.68 9.6 19.6 12 22 22 12 12 2 9.6 4.3"
+        />
+      )}
+      {direction === 'up' && (
+        <IconBase
+          as="polygon"
+          points="22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12"
+        />
+      )}
+      {direction === 'down' && (
+        <IconBase
+          as="polygon"
+          points="19.7 9.6 13.7 15.52 13.7 2.07 10.37 2 10.32 15.52 4.4 9.6 2 12 12 22 22 12 19.7 9.6"
+        />
+      )}
+    </>
+  );
+};
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+arrow.props = ['direction'];
+export default arrow;

package/dist/src/ArrowIcon/index.test.tsx ADDED Viewed

@@ -0,0 +1,20 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import ArrowIcon from '@digigov/react-icons/ArrowIcon';
+it('renders the ArrowIcon with no props, direction prop is right by default', () => {
+  expect(render(<ArrowIcon />).baseElement).toMatchSnapshot();
+});
+it('renders the ArrowIcon with direction left prop', () => {
+  expect(render(<ArrowIcon direction="left" />).baseElement).toMatchSnapshot();
+});
+it('renders the ArrowIcon with direction up prop', () => {
+  expect(render(<ArrowIcon direction="up" />).baseElement).toMatchSnapshot();
+});
+it('renders the ArrowIcon with direction down prop', () => {
+  expect(render(<ArrowIcon direction="down" />).baseElement).toMatchSnapshot();
+});

package/dist/src/ArrowIcon/index.tsx ADDED Viewed

@@ -0,0 +1,8 @@
+import React from 'react';
+import Icon, { IconProps } from '@digigov/react-icons/Icon';
+export const ArrowIcon: React.FC<IconProps<'arrow'>> = (props) => {
+  return <Icon {...props} icon="arrow"></Icon>;
+};
+export default ArrowIcon;

package/dist/src/BurgerIcon/__snapshots__/index.test.tsx.snap ADDED Viewed

@@ -0,0 +1,247 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+exports[`renders the BurgerIcon prop color= "error" 1`] = `
+<body>
+  <div>
+    <svg
+      aria-hidden="true"
+      as="svg"
+      class="ds-svg-icon--burger ds-svg-icon ds-svg-icon--error"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <g
+        as="g"
+        class=""
+      >
+        <rect
+          as="rect"
+          class=""
+          height="3.3"
+          id="ds-svg-icon--burger__line-1"
+          width="20"
+        />
+        <rect
+          as="rect"
+          class=""
+          height="3.3"
+          id="ds-svg-icon--burger__line-2"
+          width="20"
+        />
+        <rect
+          as="rect"
+          class=""
+          height="3.3"
+          id="ds-svg-icon--burger__line-3"
+          width="20"
+        />
+      </g>
+    </svg>
+  </div>
+</body>
+`;
+exports[`renders the BurgerIcon prop color= "white" 1`] = `
+<body>
+  <div>
+    <svg
+      aria-hidden="true"
+      as="svg"
+      class="ds-svg-icon--burger ds-svg-icon ds-svg-icon--white"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <g
+        as="g"
+        class=""
+      >
+        <rect
+          as="rect"
+          class=""
+          height="3.3"
+          id="ds-svg-icon--burger__line-1"
+          width="20"
+        />
+        <rect
+          as="rect"
+          class=""
+          height="3.3"
+          id="ds-svg-icon--burger__line-2"
+          width="20"
+        />
+        <rect
+          as="rect"
+          class=""
+          height="3.3"
+          id="ds-svg-icon--burger__line-3"
+          width="20"
+        />
+      </g>
+    </svg>
+  </div>
+</body>
+`;
+exports[`renders the BurgerIcon props active color= "white" 1`] = `
+<body>
+  <div>
+    <svg
+      aria-hidden="true"
+      as="svg"
+      class="ds-svg-icon--burger ds-svg-icon ds-svg-icon--white"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <g
+        as="g"
+        class="ds-svg-icon--burger--active"
+      >
+        <rect
+          as="rect"
+          class=""
+          height="3.3"
+          id="ds-svg-icon--burger__line-1"
+          width="20"
+        />
+        <rect
+          as="rect"
+          class=""
+          height="3.3"
+          id="ds-svg-icon--burger__line-2"
+          width="20"
+        />
+        <rect
+          as="rect"
+          class=""
+          height="3.3"
+          id="ds-svg-icon--burger__line-3"
+          width="20"
+        />
+      </g>
+    </svg>
+  </div>
+</body>
+`;
+exports[`renders the BurgerIcon with no props 1`] = `
+<body>
+  <div>
+    <svg
+      aria-hidden="true"
+      as="svg"
+      class="ds-svg-icon--burger ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <g
+        as="g"
+        class=""
+      >
+        <rect
+          as="rect"
+          class=""
+          height="3.3"
+          id="ds-svg-icon--burger__line-1"
+          width="20"
+        />
+        <rect
+          as="rect"
+          class=""
+          height="3.3"
+          id="ds-svg-icon--burger__line-2"
+          width="20"
+        />
+        <rect
+          as="rect"
+          class=""
+          height="3.3"
+          id="ds-svg-icon--burger__line-3"
+          width="20"
+        />
+      </g>
+    </svg>
+  </div>
+</body>
+`;
+exports[`renders the BurgerIcon with prop active=true 1`] = `
+<body>
+  <div>
+    <svg
+      aria-hidden="true"
+      as="svg"
+      class="ds-svg-icon--burger ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <g
+        as="g"
+        class="ds-svg-icon--burger--active"
+      >
+        <rect
+          as="rect"
+          class=""
+          height="3.3"
+          id="ds-svg-icon--burger__line-1"
+          width="20"
+        />
+        <rect
+          as="rect"
+          class=""
+          height="3.3"
+          id="ds-svg-icon--burger__line-2"
+          width="20"
+        />
+        <rect
+          as="rect"
+          class=""
+          height="3.3"
+          id="ds-svg-icon--burger__line-3"
+          width="20"
+        />
+      </g>
+    </svg>
+  </div>
+</body>
+`;
+exports[`renders the BurgerIcon with prop color=base-content 1`] = `
+<body>
+  <div>
+    <svg
+      aria-hidden="true"
+      as="svg"
+      class="ds-svg-icon--burger ds-svg-icon ds-svg-icon--base-content"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <g
+        as="g"
+        class=""
+      >
+        <rect
+          as="rect"
+          class=""
+          height="3.3"
+          id="ds-svg-icon--burger__line-1"
+          width="20"
+        />
+        <rect
+          as="rect"
+          class=""
+          height="3.3"
+          id="ds-svg-icon--burger__line-2"
+          width="20"
+        />
+        <rect
+          as="rect"
+          class=""
+          height="3.3"
+          id="ds-svg-icon--burger__line-3"
+          width="20"
+        />
+      </g>
+    </svg>
+  </div>
+</body>
+`;

package/dist/src/BurgerIcon/config.tsx ADDED Viewed

@@ -0,0 +1,42 @@
+import React from 'react';
+import clsx from 'clsx';
+import IconBase from '@digigov/react-icons/IconBase';
+export interface BurgerType {
+  active?: boolean;
+}
+export const burger: React.FC<BurgerType> = ({ active = false }) => {
+  return (
+    <IconBase
+      as="g"
+      className={clsx({
+        [`ds-svg-icon--burger--active`]: active,
+      })}
+    >
+      <IconBase
+        as="rect"
+        id="ds-svg-icon--burger__line-1"
+        width="20"
+        height="3.3"
+      />
+      <IconBase
+        as="rect"
+        id="ds-svg-icon--burger__line-2"
+        width="20"
+        height="3.3"
+      />
+      <IconBase
+        as="rect"
+        id="ds-svg-icon--burger__line-3"
+        width="20"
+        height="3.3"
+      />
+    </IconBase>
+  );
+};
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+burger.props = ['active'];
+export default burger;

package/dist/src/BurgerIcon/index.test.tsx ADDED Viewed

@@ -0,0 +1,30 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import BurgerIcon from '@digigov/react-icons/BurgerIcon';
+it('renders the BurgerIcon with no props', () => {
+  expect(render(<BurgerIcon />).baseElement).toMatchSnapshot();
+});
+it('renders the BurgerIcon with prop active=true', () => {
+  expect(render(<BurgerIcon active={true} />).baseElement).toMatchSnapshot();
+});
+it('renders the BurgerIcon with prop color=base-content', () => {
+  expect(
+    render(<BurgerIcon color="base-content" />).baseElement
+  ).toMatchSnapshot();
+});
+it('renders the BurgerIcon prop color= "white"', () => {
+  expect(render(<BurgerIcon color="white" />).baseElement).toMatchSnapshot();
+});
+it('renders the BurgerIcon prop color= "error"', () => {
+  expect(render(<BurgerIcon color="error" />).baseElement).toMatchSnapshot();
+});
+it('renders the BurgerIcon props active color= "white"', () => {
+  expect(
+    render(<BurgerIcon active color="white" />).baseElement
+  ).toMatchSnapshot();
+});

package/dist/src/BurgerIcon/index.tsx ADDED Viewed

@@ -0,0 +1,8 @@
+import React from 'react';
+import Icon, { IconProps } from '@digigov/react-icons/Icon';
+export const BurgerIcon: React.FC<IconProps<'burger'>> = (props) => {
+  return <Icon {...props} icon="burger"></Icon>;
+};
+export default BurgerIcon;

package/dist/src/CancelIcon/__snapshots__/index.test.tsx.snap ADDED Viewed

@@ -0,0 +1,141 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+exports[`renders the CancelIcon with no props 1`] = `
+<body>
+  <div>
+    <svg
+      aria-hidden="true"
+      as="svg"
+      class="ds-svg-icon--cancel ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <path
+        as="path"
+        class=""
+        d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+      />
+    </svg>
+  </div>
+</body>
+`;
+exports[`renders the CancelIcon with prop color=error and size= xl 1`] = `
+<body>
+  <div>
+    <svg
+      aria-hidden="true"
+      as="svg"
+      class="ds-svg-icon--cancel ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <path
+        as="path"
+        class=""
+        d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+      />
+    </svg>
+  </div>
+</body>
+`;
+exports[`renders the CancelIcon with prop color=warning 1`] = `
+<body>
+  <div>
+    <svg
+      aria-hidden="true"
+      as="svg"
+      class="ds-svg-icon--cancel ds-svg-icon ds-svg-icon--warning"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <path
+        as="path"
+        class=""
+        d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+      />
+    </svg>
+  </div>
+</body>
+`;
+exports[`renders the CancelIcon with prop color=warning and size=s 1`] = `
+<body>
+  <div>
+    <svg
+      aria-hidden="true"
+      as="svg"
+      class="ds-svg-icon--cancel ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <path
+        as="path"
+        class=""
+        d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+      />
+    </svg>
+  </div>
+</body>
+`;
+exports[`renders the CancelIcon with prop color=white 1`] = `
+<body>
+  <div>
+    <svg
+      aria-hidden="true"
+      as="svg"
+      class="ds-svg-icon--cancel ds-svg-icon ds-svg-icon--white"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <path
+        as="path"
+        class=""
+        d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+      />
+    </svg>
+  </div>
+</body>
+`;
+exports[`renders the CancelIcon with prop size=m 1`] = `
+<body>
+  <div>
+    <svg
+      aria-hidden="true"
+      as="svg"
+      class="ds-svg-icon--cancel ds-svg-icon ds-svg-icon--md"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <path
+        as="path"
+        class=""
+        d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+      />
+    </svg>
+  </div>
+</body>
+`;
+exports[`renders the CancelIcon with prop size=xl 1`] = `
+<body>
+  <div>
+    <svg
+      aria-hidden="true"
+      as="svg"
+      class="ds-svg-icon--cancel ds-svg-icon ds-svg-icon--xl"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <path
+        as="path"
+        class=""
+        d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
+      />
+    </svg>
+  </div>
+</body>
+`;