@egov3/graphics 1.0.46

package/src/NavigationBar/ServicesFilled.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+export const ServicesFilled = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      d="M19 3H5V5H19V3ZM3 7V21H21V7H3ZM13 16.95H8V15.05H13V16.95ZM16 12.95H8V11.05H16V12.95Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/NavigationBar/ServicesOutline.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+export const ServicesOutline = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+    fill="none"
+  >
+    <path
+      d="M3 7V21H21V7H3ZM19 19H5V9H19V19ZM19 3H5V5H19V3ZM13 15.05H8V16.95H13V15.05ZM16 11.05H8V12.95H16V11.05Z"
+      fill={props.fill ?? "black"}
+    />
+  </svg>
+);

package/src/NavigationBar/index.ts

@@ -0,0 +1,21 @@
+import { HomeFilled } from './HomeFilled';
+import { HomeOutline } from './HomeOutline';
+import { MessageListFilled } from './MessageListFilled';
+import { MessageListOutline } from './MessageListOutline';
+import { QrCodeFilled } from './QrCodeFilled';
+import { QrCodeOutline } from './QrCodeOutline';
+import { ServicesFilled } from './ServicesFilled';
+import { ServicesOutline } from './ServicesOutline';
+
+const NavigationBar = {
+  HomeFilled,
+  HomeOutline,
+  MessageListFilled,
+  MessageListOutline,
+  QrCodeFilled,
+  QrCodeOutline,
+  ServicesFilled,
+  ServicesOutline
+};
+
+export default NavigationBar;

package/src/Stories/Additional.stories.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+import React from "react";
+
+import Additional from "../Additional";
+import { CardWrapperItem } from "./CardWrapperItem";
+
+const DefaultAdditionalComponent = () => (
+  <CardWrapperItem>
+    <div
+      style={{
+        borderRadius: "12px",
+        display: "flex",
+        justifyContent: "center",
+      }}
+    >
+      <div
+        style={{
+          display: "flex",
+          flexDirection: "column",
+        }}
+      >
+        {Object.entries(Additional).map(([fieldName, Component]) => (
+          <div
+            key={fieldName}
+            style={{
+              display: "flex",
+              justifyContent: "space-between",
+            }}
+          >
+            {fieldName}: <Component key={fieldName} />
+          </div>
+        ))}
+      </div>
+    </div>
+  </CardWrapperItem>
+);
+
+export const AdditionalStory = () => <DefaultAdditionalComponent />;
+
+const meta = {
+  title: "Additional",
+  component: Additional,
+};
+
+export default meta;

package/src/Stories/Basic.stories.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+import React from "react";
+
+import Basic from "../Basic";
+import { CardWrapperItem } from "./CardWrapperItem";
+
+const DefaultBasicComponent = () => (
+  <CardWrapperItem>
+    <div
+      style={{
+        borderRadius: "12px",
+        display: "flex",
+        justifyContent: "center",
+      }}
+    >
+      <div
+        style={{
+          display: "flex",
+          flexDirection: "column",
+        }}
+      >
+        {Object.entries(Basic).map(([fieldName, Component]) => (
+          <div
+            key={fieldName}
+            style={{
+              display: "flex",
+              justifyContent: "space-between",
+            }}
+          >
+            {fieldName}: <Component key={fieldName} />
+          </div>
+        ))}
+      </div>
+    </div>
+  </CardWrapperItem>
+);
+
+export const BasicStory = () => <DefaultBasicComponent />;
+
+const meta = {
+  title: "Basic",
+  component: Basic,
+};
+
+export default meta;

package/src/Stories/CardWrapperItem.tsx

@@ -0,0 +1,29 @@
+import React from "react";
+
+export const CardWrapperItem = ({
+  children,
+}: {
+  children: React.ReactNode;
+}) => (
+  <div
+    style={{
+      display: "flex",
+      justifyContent: "center",
+      minHeight: "100px",
+    }}
+  >
+    <div
+      style={{
+        backgroundColor: "bisque",
+        padding: "9px",
+        display: "flex",
+        width: "80%",
+        flexDirection: "column",
+        borderRadius: "20px",
+        justifyContent: "center",
+      }}
+    >
+      {children}
+    </div>
+  </div>
+);

package/src/Stories/Emoji.stories.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+import React from "react";
+
+import Emoji from "../Emoji";
+import { CardWrapperItem } from "./CardWrapperItem";
+
+const DefaultEmojiComponent = () => (
+  <CardWrapperItem>
+    <div
+      style={{
+        borderRadius: "12px",
+        display: "flex",
+        justifyContent: "center",
+      }}
+    >
+      <div
+        style={{
+          display: "flex",
+          flexDirection: "column",
+        }}
+      >
+        {Object.entries(Emoji).map(([fieldName, Component]) => (
+          <div
+            key={fieldName}
+            style={{
+              display: "flex",
+              justifyContent: "space-between",
+            }}
+          >
+            {fieldName}: <Component key={fieldName} />
+          </div>
+        ))}
+      </div>
+    </div>
+  </CardWrapperItem>
+);
+
+export const EmojiStory = () => <DefaultEmojiComponent />;
+
+const meta = {
+  title: "Emoji",
+  component: Emoji,
+};
+
+export default meta;

package/src/Stories/General.stories.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+import React from "react";
+
+import General from "../General";
+import { CardWrapperItem } from "./CardWrapperItem";
+
+const DefaultGeneralComponent = () => (
+  <CardWrapperItem>
+    <div
+      style={{
+        borderRadius: "12px",
+        display: "flex",
+        justifyContent: "center",
+      }}
+    >
+      <div
+        style={{
+          display: "flex",
+          flexDirection: "column",
+        }}
+      >
+        {Object.entries(General).map(([fieldName, Component]) => (
+          <div
+            key={fieldName}
+            style={{
+              display: "flex",
+              justifyContent: "space-between",
+            }}
+          >
+            {fieldName}: <Component key={fieldName} />
+          </div>
+        ))}
+      </div>
+    </div>
+  </CardWrapperItem>
+);
+
+export const GeneralStory = () => <DefaultGeneralComponent />;
+
+const meta = {
+  title: "General",
+  component: General,
+};
+
+export default meta;

package/src/Stories/Logo.stories.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+import React from "react";
+
+import Logo from "../Logo";
+import { CardWrapperItem } from "./CardWrapperItem";
+
+const DefaultLogoComponent = () => (
+  <CardWrapperItem>
+    <div
+      style={{
+        borderRadius: "12px",
+        display: "flex",
+        justifyContent: "center",
+      }}
+    >
+      <div
+        style={{
+          display: "flex",
+          flexDirection: "column",
+        }}
+      >
+        {Object.entries(Logo).map(([fieldName, Component]) => (
+          <div
+            key={fieldName}
+            style={{
+              display: "flex",
+              justifyContent: "space-between",
+            }}
+          >
+            {fieldName}: <Component key={fieldName} />
+          </div>
+        ))}
+      </div>
+    </div>
+  </CardWrapperItem>
+);
+
+export const LogoStory = () => <DefaultLogoComponent />;
+
+const meta = {
+  title: "Logo",
+  component: Logo,
+};
+
+export default meta;

package/src/Stories/NavigationBar.stories.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+import React from "react";
+
+import NavigationBar from "../NavigationBar";
+import { CardWrapperItem } from "./CardWrapperItem";
+
+const DefaultNavigationBarComponent = () => (
+  <CardWrapperItem>
+    <div
+      style={{
+        borderRadius: "12px",
+        display: "flex",
+        justifyContent: "center",
+      }}
+    >
+      <div
+        style={{
+          display: "flex",
+          flexDirection: "column",
+        }}
+      >
+        {Object.entries(NavigationBar).map(([fieldName, Component]) => (
+          <div
+            key={fieldName}
+            style={{
+              display: "flex",
+              justifyContent: "space-between",
+            }}
+          >
+            {fieldName}: <Component key={fieldName} />
+          </div>
+        ))}
+      </div>
+    </div>
+  </CardWrapperItem>
+);
+
+export const NavigationBarStory = () => <DefaultNavigationBarComponent />;
+
+const meta = {
+  title: "NavigationBar",
+  component: NavigationBar,
+};
+
+export default meta;

package/src/index.ts

@@ -0,0 +1,17 @@
+import Additional from "./Additional";
+import Basic from "./Basic";
+import Emoji from "./Emoji";
+import General from "./General";
+import Logo from "./Logo";
+import NavigationBar from "./NavigationBar";
+
+const Icons =  {
+  General,
+  Basic,
+  Logo,
+  Emoji,
+  Additional,
+  NavigationBar,
+};
+
+export default Icons;

package/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "moduleResolution": "node",
+    "lib": ["DOM", "ES2017"],
+    "module": "ESNext",
+    "jsx": "react",
+    "declaration": true,
+    "declarationDir": "./dist",
+    "emitDeclarationOnly": true,
+    "rootDir": "./src",
+    "strict": true,
+    "outDir": "./dist",
+    "esModuleInterop": true,
+    "skipLibCheck": true
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "dist"]
+}

package/tsup.config.ts

@@ -0,0 +1,12 @@
+import { defineConfig } from "tsup";
+
+export default defineConfig({
+  entry: ["src/index.ts"], // Входная точка
+  format: ["cjs", "esm"], // Поддерживаемые форматы
+  dts: true, // Генерация .d.ts файлов
+  splitting: false, // Отключаем код-сплиттинг
+  sourcemap: true, // Включаем sourcemap
+  clean: true, // Очищаем dist перед сборкой
+  minify: true, // Минификация
+  external: ["react", "react-dom"], // Указываем peerDependencies как external
+});