feat(demo-canvas-app): Add scalable icons demo

Author: neretin-trike

examples/demo-canvas-app/pages/index.tsx

@@ -12,6 +12,7 @@ const menu = [
     { href: '/test/components/tabs/', title: 'Tabs' },
     { href: '/test/components/text-field/', title: 'TextField' },
     { href: '/test/components/toast/', title: 'Toast' },
+    { href: '/test/components/icons/', title: 'Icons' },
 ];
 
 const StyledCard = styled.a`

examples/demo-canvas-app/pages/test/components/icons.tsx

@@ -0,0 +1,31 @@
+import { iconSet16, iconSet24, iconSet36, IconRootScalable } from '@sberdevices/plasma-icons';
+import { IconSetUnionSize } from '@sberdevices/plasma-icons/scalable/IconRoot';
+import { ParagraphText1 } from '@sberdevices/plasma-ui';
+
+export default function IconsPage() {
+    const iconSets = {
+        ...iconSet16,
+        ...iconSet24,
+        ...iconSet36,
+    };
+
+    return (
+        <>
+            {Object.keys(iconSets).map((iconName) => (
+                <div key={iconName} style={{ display: 'flex', alignItems: 'center' }}>
+                    <IconRootScalable size="s" iconName={iconName as IconSetUnionSize} color="inherit" />
+                    <ParagraphText1> - {iconName}</ParagraphText1>
+                </div>
+            ))}
+        </>
+    );
+}
+
+export function getStaticProps() {
+    return {
+        props: {
+            title: 'Icons',
+            back: true,
+        },
+    };
+}

packages/plasma-icons/src/index.ts

@@ -170,3 +170,8 @@ export type { IconProps, IconSize } from './IconRoot';
 
 export { Icon, iconSectionsSet } from './Icon';
 export type { IconName } from './Icon';
+
+export { iconSet16 } from './scalable/Icon.assets.16';
+export { iconSet24 } from './scalable/Icon.assets.24';
+export { iconSet36 } from './scalable/Icon.assets.36';
+export { IconRoot as IconRootScalable } from './scalable';