@dhis2/ui-icons 10.16.2 → 10.16.3

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2/ui-icons",
-    "version": "10.16.2",
+    "version": "10.16.3",
     "description": "Icons used in the UI libs",
     "main": "./build/cjs/react/index.js",
     "module": "./build/es/react/index.js",
@@ -31,7 +31,8 @@
     },
     "files": [
         "build",
-        "types"
+        "types",
+        "src"
     ],
     "peerDependencies": {
         "react": "^16.13 || ^18",

package/src/icons.prod.stories.js

@@ -0,0 +1,62 @@
+import React from 'react'
+import * as icons from './react/index.js'
+
+const description = `
+A suite of icons is provided by the UI library; a list is shown below with the
+icon's component name and a demo of the icon. The number in the name refers to
+the size of the icon in px.
+
+Each icon accepts a \`color\` prop that will be applied to the underlying SVG
+element.
+
+**Example usage:**
+
+\`\`\`jsx
+import { IconAdd16, colors } from '@dhis2/ui'
+
+const IconDemo = () => {
+    return <IconAdd16 color={colors.blue700} />
+}
+\`\`\`
+`
+
+export default {
+    title: 'Icons',
+    component: icons.IconAdd16,
+    parameters: {
+        docs: {
+            description: {
+                component: description,
+            },
+        },
+    },
+}
+
+export const CompleteIconSet = () => (
+    <table>
+        <thead>
+            <tr>
+                <td>
+                    <h4>Name</h4>
+                </td>
+                <td>
+                    <h4>Icon</h4>
+                </td>
+            </tr>
+        </thead>
+        <tbody>
+            {Object.keys(icons).map((key) => {
+                // eslint-disable-next-line import/namespace
+                const Icon = icons[key]
+                return (
+                    <tr key={key}>
+                        <td>{key}</td>
+                        <td>
+                            <Icon />
+                        </td>
+                    </tr>
+                )
+            })}
+        </tbody>
+    </table>
+)

package/src/react/Add16.js

@@ -0,0 +1,26 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgAdd16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={16}
+            viewBox="0 0 16 16"
+            width={16}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M8 2a1 1 0 011 1v4h4a1 1 0 010 2H9v4a1 1 0 01-2 0V9H3a1 1 0 110-2h4V3a1 1 0 011-1z"
+                fill="currentColor"
+                fillRule="evenodd"
+            />
+        </svg>
+    )
+}
+SvgAdd16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgAdd16

package/src/react/Add24.js

@@ -0,0 +1,26 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgAdd24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={24}
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M12 3a1 1 0 011 1v7h7a1 1 0 010 2h-7v7a1 1 0 01-2 0v-7H4a1 1 0 010-2h7V4a1 1 0 011-1z"
+                fill="currentColor"
+                fillRule="evenodd"
+            />
+        </svg>
+    )
+}
+SvgAdd24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgAdd24

package/src/react/AddCircle16.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgAddCircle16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={16}
+            viewBox="0 0 16 16"
+            width={16}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M8 1a7 7 0 110 14A7 7 0 018 1zm0 1a6 6 0 100 12A6 6 0 008 2zm0 2a1 1 0 011 1v2h2a1 1 0 010 2H9v2a1 1 0 01-2 0V9H5a1 1 0 110-2h2V5a1 1 0 011-1z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgAddCircle16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgAddCircle16

package/src/react/AddCircle24.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgAddCircle24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={24}
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm0 3a1 1 0 011 1v3h3a1 1 0 010 2h-3v3a1 1 0 01-2 0v-3H8a1 1 0 010-2h3V8a1 1 0 011-1z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgAddCircle24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgAddCircle24

package/src/react/Apps16.js

@@ -0,0 +1,26 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgApps16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={16}
+            viewBox="0 0 16 16"
+            width={16}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M4 12v2H2v-2zm5 0v2H7v-2zm5 0v2h-2v-2zM4 7v2H2V7zm5 0v2H7V7zm5 0v2h-2V7zM4 2v2H2V2zm5 0v2H7V2zm5 0v2h-2V2z"
+                fill="currentColor"
+                fillRule="evenodd"
+            />
+        </svg>
+    )
+}
+SvgApps16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgApps16

package/src/react/Apps24.js

@@ -0,0 +1,26 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgApps24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={24}
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M7 16a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1v-2a1 1 0 011-1zm6 0a1 1 0 011 1v2a1 1 0 01-1 1h-2a1 1 0 01-1-1v-2a1 1 0 011-1zm6 0a1 1 0 011 1v2a1 1 0 01-1 1h-2a1 1 0 01-1-1v-2a1 1 0 011-1zM7 10a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1v-2a1 1 0 011-1zm6 0a1 1 0 011 1v2a1 1 0 01-1 1h-2a1 1 0 01-1-1v-2a1 1 0 011-1zm6 0a1 1 0 011 1v2a1 1 0 01-1 1h-2a1 1 0 01-1-1v-2a1 1 0 011-1zM7 4a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5a1 1 0 011-1zm6 0a1 1 0 011 1v2a1 1 0 01-1 1h-2a1 1 0 01-1-1V5a1 1 0 011-1zm6 0a1 1 0 011 1v2a1 1 0 01-1 1h-2a1 1 0 01-1-1V5a1 1 0 011-1z"
+                fill="currentColor"
+                fillRule="evenodd"
+            />
+        </svg>
+    )
+}
+SvgApps24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgApps24

package/src/react/Archive16.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgArchive16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={16}
+            viewBox="0 0 16 16"
+            width={16}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M14 1a1 1 0 011 1v3h-1v9a1 1 0 01-1 1H3a1 1 0 01-1-1V5H1V2a1 1 0 011-1zm-1 4H3v9h10zm-3 3v1H6V8zm4-6H2v2h12z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgArchive16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgArchive16

package/src/react/Archive24.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgArchive24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={24}
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M19 3a2 2 0 012 2v4h-1v10a2 2 0 01-2 2H6a2 2 0 01-2-2V9H3V5a2 2 0 012-2zm-1 6H6v10h12zm-4 3v2h-4v-2zm5-7H5v2h14z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgArchive24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgArchive24

package/src/react/ArrowDown16.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgArrowDown16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={16}
+            viewBox="0 0 16 16"
+            width={16}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M8 1.5a.5.5 0 01.492.41L8.5 2v10.792l4.146-4.146a.5.5 0 01.638-.057l.07.057a.5.5 0 01.057.638l-.057.07-5 5-.013.011a.503.503 0 01-.039.033l.052-.044A.502.502 0 018 14.5h-.02a.503.503 0 01-.052-.005L8 14.5a.502.502 0 01-.284-.089l-.018-.013a.503.503 0 01-.04-.033l-.012-.011-5-5a.5.5 0 01.638-.765l.07.057L7.5 12.792V2a.5.5 0 01.5-.5z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgArrowDown16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgArrowDown16

package/src/react/ArrowDown24.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgArrowDown24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={24}
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M12 4a1 1 0 01.993.883L13 5v11.584l4.293-4.291a1 1 0 011.32-.083l.094.083a1 1 0 01.083 1.32l-.083.094-6 6a1 1 0 01-1.32.083l-.094-.083-6-6a1 1 0 011.32-1.497l.094.083L11 16.586V5a1 1 0 011-1z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgArrowDown24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgArrowDown24

package/src/react/ArrowLeft16.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgArrowLeft16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={16}
+            viewBox="0 0 16 16"
+            width={16}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M7.354 2.646a.5.5 0 01.057.638l-.057.07L3.207 7.5H14a.5.5 0 01.09.992L14 8.5H3.207l4.147 4.146a.5.5 0 01.057.638l-.057.07a.5.5 0 01-.638.057l-.07-.057-5-5a.5.5 0 01-.057-.638l.057-.07 5-5a.5.5 0 01.708 0z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgArrowLeft16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgArrowLeft16

package/src/react/ArrowLeft24.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgArrowLeft24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={24}
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M11.707 5.293a1 1 0 01.083 1.32l-.083.094L7.414 11H18a1 1 0 01.117 1.993L18 13H7.414l4.293 4.293a1 1 0 01.083 1.32l-.083.094a1 1 0 01-1.32.083l-.094-.083-6-6-.073-.082a1.005 1.005 0 01-.007-.008l.08.09A1.008 1.008 0 014 12.02v-.037c0-.024.002-.048.004-.071L4 12a1.008 1.008 0 01.21-.613c.028-.035.054-.066.083-.094l6-6a1 1 0 011.414 0z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgArrowLeft24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgArrowLeft24

package/src/react/ArrowLeftMulti16.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgArrowLeftMulti16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={16}
+            viewBox="0 0 16 16"
+            width={16}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M10.854 2.646a.5.5 0 01.057.638l-.057.07L6.707 7.5H14.5a.5.5 0 01.09.992l-.09.008H6.707l4.147 4.146a.5.5 0 01.057.638l-.057.07a.5.5 0 01-.638.057l-.07-.057-5-5a.5.5 0 01-.057-.638l.057-.07 5-5a.5.5 0 01.708 0zm-4 0a.5.5 0 01.057.638l-.057.07L2.207 8l4.647 4.646a.5.5 0 01.057.638l-.057.07a.5.5 0 01-.638.057l-.07-.057-5-5a.5.5 0 01-.057-.638l.057-.07 5-5a.5.5 0 01.708 0z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgArrowLeftMulti16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgArrowLeftMulti16

package/src/react/ArrowLeftMulti24.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgArrowLeftMulti24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={24}
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M14.707 5.293a1 1 0 01.083 1.32l-.083.094L10.415 11H21a1 1 0 01.117 1.993L21 13H10.415l4.292 4.293a1 1 0 01.083 1.32l-.083.094a1 1 0 01-1.32.083l-.094-.083-6-6-.073-.082a1.005 1.005 0 01-.007-.008l.08.09A1.008 1.008 0 017 12.02v-.037c0-.024.002-.048.004-.071L7 12a1.008 1.008 0 01.21-.613c.028-.035.054-.066.083-.094l6-6a1 1 0 011.414 0zm-5 0a1 1 0 01.083 1.32l-.083.094L4.415 12l5.292 5.293a1 1 0 01.083 1.32l-.083.094a1 1 0 01-1.32.083l-.094-.083-6-6a1 1 0 01-.083-1.32l.083-.094 6-6a1 1 0 011.414 0z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgArrowLeftMulti24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgArrowLeftMulti24

package/src/react/ArrowRight16.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgArrowRight16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={16}
+            viewBox="0 0 16 16"
+            width={16}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M9.284 2.589l.07.057 5 5 .011.013a.503.503 0 01.033.039l-.044-.052A.502.502 0 0114.5 8v.02a.503.503 0 01-.005.052L14.5 8a.502.502 0 01-.089.284l-.013.018a.503.503 0 01-.033.04l-.011.012-5 5a.5.5 0 01-.765-.638l.057-.07L12.793 8.5H2a.5.5 0 01-.09-.992L2 7.5h10.793L8.646 3.354a.5.5 0 01-.057-.638l.057-.07a.5.5 0 01.638-.057z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgArrowRight16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgArrowRight16

package/src/react/ArrowRight24.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgArrowRight24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={24}
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M13.613 5.21l.094.083 6 6a1 1 0 01.083 1.32l-.083.094-6 6a1 1 0 01-1.497-1.32l.083-.094L16.584 13H5a1 1 0 01-.117-1.993L5 11h11.586l-4.293-4.293a1 1 0 01-.083-1.32l.083-.094a1 1 0 011.32-.083z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgArrowRight24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgArrowRight24

package/src/react/ArrowRightMulti16.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgArrowRightMulti16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={16}
+            viewBox="0 0 16 16"
+            width={16}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M5.784 2.589l.07.057 5 5 .011.013a.503.503 0 01.033.039l-.044-.052A.502.502 0 0111 8v.02a.503.503 0 01-.005.052L11 8a.502.502 0 01-.089.284l-.013.018a.503.503 0 01-.033.04l-.011.012-5 5a.5.5 0 01-.765-.638l.057-.07L9.293 8.5H1.5a.5.5 0 01-.09-.992L1.5 7.5h7.793L5.146 3.354a.5.5 0 01-.057-.638l.057-.07a.5.5 0 01.638-.057zm4 0l.07.057 5 5a.5.5 0 01.057.638l-.057.07-5 5a.5.5 0 01-.765-.638l.057-.07L13.793 8 9.146 3.354a.5.5 0 01-.057-.638l.057-.07a.5.5 0 01.638-.057z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgArrowRightMulti16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgArrowRightMulti16

package/src/react/ArrowRightMulti24.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgArrowRightMulti24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={24}
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M10.613 5.21l.094.083 6 6a1 1 0 01.083 1.32l-.083.094-6 6a1 1 0 01-1.497-1.32l.083-.094L13.584 13H3a1 1 0 01-.117-1.993L3 11h10.586L9.293 6.707a1 1 0 01-.083-1.32l.083-.094a1 1 0 011.32-.083zm5 0l.094.083 6 6a1 1 0 01.083 1.32l-.083.094-6 6a1 1 0 01-1.497-1.32l.083-.094L19.585 12l-5.292-5.293a1 1 0 01-.083-1.32l.083-.094a1 1 0 011.32-.083z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgArrowRightMulti24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgArrowRightMulti24

package/src/react/ArrowUp16.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgArrowUp16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={16}
+            viewBox="0 0 16 16"
+            width={16}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M8.284 1.589l.07.057 5 5a.5.5 0 01-.638.765l-.07-.057L8.5 3.207V14a.5.5 0 01-.992.09L7.5 14V3.207L3.354 7.354a.5.5 0 01-.638.057l-.07-.057a.5.5 0 01-.057-.638l.057-.07 5-5a.5.5 0 01.638-.057z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgArrowUp16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgArrowUp16

package/src/react/ArrowUp24.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgArrowUp24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            height={24}
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                d="M12.613 4.21l.094.083 6 6a1 1 0 01-1.32 1.497l-.094-.083L13 7.415V19a1 1 0 01-1.993.117L11 19V7.413l-4.293 4.294a1 1 0 01-1.32.083l-.094-.083a1 1 0 01-.083-1.32l.083-.094 6-6a1 1 0 011.32-.083z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgArrowUp24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgArrowUp24

package/src/react/At16.js

@@ -0,0 +1,28 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgAt16({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            width={16}
+            height={16}
+            viewBox="0 0 16 16"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M2 7.5A5.5 5.5 0 017.5 2h1A5.5 5.5 0 0114 7.5v2a1.5 1.5 0 01-3 0v-5h-1v1.264a3 3 0 10.087 4.391A2.5 2.5 0 0015 9.5v-2A6.5 6.5 0 008.5 1h-1A6.5 6.5 0 001 7.5v1A6.5 6.5 0 007.5 15h4a.5.5 0 000-1h-4A5.5 5.5 0 012 8.5v-1zm8 .5a2 2 0 10-4 0 2 2 0 004 0z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgAt16.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgAt16

package/src/react/At24.js

@@ -0,0 +1,28 @@
+import PropTypes from 'prop-types'
+import * as React from 'react'
+function SvgAt24({ color, dataTest, ariaLabel }) {
+    return (
+        <svg
+            width={24}
+            height={24}
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            color={color}
+            data-test={dataTest}
+        >
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M5 12a7 7 0 017-7h1a6 6 0 016 6v2a2 2 0 11-4 0V7h-2v1.337A3.5 3.5 0 008 11.5v1a3.5 3.5 0 005.683 2.736A4 4 0 0021 13v-2a8 8 0 00-8-8h-1a9 9 0 000 18h5a1 1 0 100-2h-5a7 7 0 01-7-7zm8 .5v-1a1.5 1.5 0 00-3 0v1a1.5 1.5 0 003 0z"
+                fill="currentColor"
+            />
+        </svg>
+    )
+}
+SvgAt24.propTypes = {
+    color: PropTypes.string,
+    dataTest: PropTypes.string,
+    ariaLabel: PropTypes.string,
+}
+export default SvgAt24