Add ActivityMonitor24Icon and Ordinals24Icon icons (#149)

Author: inescri

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@toniq-labs/design-system-root",
-    "version": "16.25.1",
+    "version": "16.26.0",
     "private": true,
     "description": "Root design system mono-repo package.",
     "homepage": "https://github.com/Toniq-Labs/toniq-labs-design-system",

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@toniq-labs/design-system",
-    "version": "16.25.1",
+    "version": "16.26.0",
     "private": false,
     "description": "Design system elements for Toniq Labs",
     "keywords": [

packages/design-system/package.json

@@ -8,6 +8,7 @@ import {ExternalLink16Icon} from './svgs/core-16/external-link-16.icon';
 import {InfoCircle16Icon} from './svgs/core-16/info-circle-16.icon';
 import {Refresh16Icon} from './svgs/core-16/refresh-16.icon';
 import {ShootingStar16Icon} from './svgs/core-16/shooting-star-16.icon';
+import {ActivityMonitor24Icon} from './svgs/core-24/activity-monitor-24.icon';
 import {ArrowBarUp24Icon} from './svgs/core-24/arrow-bar-up-24.icon';
 import {ArrowForwardUp24Icon} from './svgs/core-24/arrow-forward-up-24.icon';
 import {ArrowLeft24Icon} from './svgs/core-24/arrow-left-24.icon';
@@ -65,6 +66,7 @@ import {LoaderAnimated24Icon} from './svgs/core-24/loader-animated-24.icon';
 import {Lock24Icon} from './svgs/core-24/lock-24.icon';
 import {LockOpen24Icon} from './svgs/core-24/lock-open-24.icon';
 import {Menu24Icon} from './svgs/core-24/menu-24.icon';
+import {Ordinals24Icon} from './svgs/core-24/ordinals-24.icon';
 import {Outbound24Icon} from './svgs/core-24/outbound-24.icon';
 import {Pamphlet24Icon} from './svgs/core-24/pamphlet-24.icon';
 import {Paper24Icon} from './svgs/core-24/paper-24.icon';
@@ -149,6 +151,7 @@ export * from './svgs/core-16/external-link-16.icon';
 export * from './svgs/core-16/info-circle-16.icon';
 export * from './svgs/core-16/refresh-16.icon';
 export * from './svgs/core-16/shooting-star-16.icon';
+export * from './svgs/core-24/activity-monitor-24.icon';
 export * from './svgs/core-24/arrow-bar-up-24.icon';
 export * from './svgs/core-24/arrow-forward-up-24.icon';
 export * from './svgs/core-24/arrow-left-24.icon';
@@ -206,6 +209,7 @@ export * from './svgs/core-24/loader-animated-24.icon';
 export * from './svgs/core-24/lock-24.icon';
 export * from './svgs/core-24/lock-open-24.icon';
 export * from './svgs/core-24/menu-24.icon';
+export * from './svgs/core-24/ordinals-24.icon';
 export * from './svgs/core-24/outbound-24.icon';
 export * from './svgs/core-24/pamphlet-24.icon';
 export * from './svgs/core-24/paper-24.icon';
@@ -296,6 +300,7 @@ export const allIconsByCategory = {
         ShootingStar16Icon,
     ],
     'core-24': [
+        ActivityMonitor24Icon,
         ArrowBarUp24Icon,
         ArrowForwardUp24Icon,
         ArrowLeft24Icon,
@@ -353,6 +358,7 @@ export const allIconsByCategory = {
         Lock24Icon,
         LockOpen24Icon,
         Menu24Icon,
+        Ordinals24Icon,
         Outbound24Icon,
         Pamphlet24Icon,
         Paper24Icon,

packages/design-system/src/icons/index.ts

@@ -0,0 +1,23 @@
+import {html} from 'element-vir';
+import {defineIcon} from 'vira';
+import {toniqIconCssVars} from '../../../styles';
+
+export const ActivityMonitor24Icon = defineIcon({
+    name: 'ActivityMonitor24Icon',
+    svgTemplate: html`
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+            fill="${toniqIconCssVars['toniq-icon-fill-color'].value}"
+            stroke="${toniqIconCssVars['toniq-icon-stroke-color'].value}"
+            stroke-width="${toniqIconCssVars['toniq-icon-stroke-width'].value}"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+        >
+            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+            <path d="M3 12h4.5l1.5 -6l4 12l2 -9l1.5 3h4.5" />
+        </svg>
+    `,
+});

packages/design-system/src/icons/svgs/core-24/activity-monitor-24.icon.ts

@@ -0,0 +1,28 @@
+import {html} from 'element-vir';
+import {defineIcon} from 'vira';
+import {toniqIconCssVars} from '../../../styles/icon-css-vars';
+
+export const Ordinals24Icon = defineIcon({
+    name: 'Ordinals24Icon',
+    svgTemplate: html`
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            stroke=${toniqIconCssVars['toniq-icon-stroke-color'].value}
+            fill=${toniqIconCssVars['toniq-icon-fill-color'].value}
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+        >
+            <circle stroke-width="1" cx="12" cy="12" r="9" />
+            <circle
+                stroke-width=${toniqIconCssVars['toniq-icon-stroke-width'].value}
+                fill=${toniqIconCssVars['toniq-icon-stroke-color'].value}
+                cx="12"
+                cy="12"
+                r="6"
+            />
+        </svg>
+    `,
+});

packages/design-system/src/icons/svgs/core-24/ordinals-24.icon.ts

@@ -1,6 +1,6 @@
 {
     "name": "@toniq-labs/design-system-native-elements-test",
-    "version": "16.25.1",
+    "version": "16.26.0",
     "private": true,
     "scripts": {
         "compile": "virmator compile",

packages/native-elements-test/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@toniq-labs/design-system-scripts",
-    "version": "16.25.1",
+    "version": "16.26.0",
     "private": true,
     "scripts": {
         "compile": "virmator compile",