@egov3/system-design 1.0.16 → 1.0.21

package/src/styles/typography.module.scss

@@ -1,120 +1,120 @@
-/* Headings/Heading 1 */
-@mixin heading1 {
-  font-family: Inter;
-  font-size: 32px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 36px; /* 112.5% */
-  letter-spacing: -0.32px;
-}
-
-/* Headings/Heading 3 */
-@mixin heading3 {
-  font-family: Inter;
-  font-size: 24px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 28px; /* 116.667% */
-  letter-spacing: -0.24px;
-}
-
-/* Subtitles/Subtitle 3 */
-@mixin subtitles3 {
-  font-family: Inter;
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 24px; /* 150% */
-}
-
-/* Body/Body 1, Medium */
-@mixin bodyMedium {
-  font-family: Inter;
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 24px; /* 150% */
-}
-
-/* Body/Body 1, Regular */
-@mixin Body1Regular {
-  font-family: Inter;
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 24px; /* 150% */
-}
-
-/* Body/Body 2, Medium */
-@mixin body2Medium {
-  font-family: Inter;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 20px; /* 142.857% */
-}
-
-/* Body/Body 2, Regular */
-@mixin body2Regular {
-  font-family: Inter;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 20px; /* 142.857% */
-}
-
-/* Body/Body 3, Regular */
-@mixin body3Regular {
-  font-family: Inter;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 16px; /* 114.286% */
-}
-
-/* Caption/Caption 1, Medium */
-@mixin caption1Medium {
-  font-family: Inter;
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 16px; /* 133.333% */
-}
-
-/* Caption/Caption 1, Regular */
-@mixin caption1Regular {
-  font-family: Inter;
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 16px; /* 133.333% */
-}
-
-/* Caption/Caption 1, Semibold */
-@mixin caption1Semibold {
-  font-family: Inter;
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 16px; /* 133.333% */
-}
-
-/* Caption/Caption 2, Medium */
-@mixin caption2Medium {
-  font-family: Inter;
-  font-size: 10px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 12px; /* 120% */
-}
-
-/* Caption/Caption 2, Regular */
-@mixin caption2Regular {
-  font-family: Inter;
-  font-size: 10px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 12px; /* 120% */
-}
-
-$borderRadius: 4px;
+/* Headings/Heading 1 */
+@mixin heading1 {
+  font-family: Inter;
+  font-size: 32px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 36px; /* 112.5% */
+  letter-spacing: -0.32px;
+}
+
+/* Headings/Heading 3 */
+@mixin heading3 {
+  font-family: Inter;
+  font-size: 24px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 28px; /* 116.667% */
+  letter-spacing: -0.24px;
+}
+
+/* Subtitles/Subtitle 3 */
+@mixin subtitles3 {
+  font-family: Inter;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 24px; /* 150% */
+}
+
+/* Body/Body 1, Medium */
+@mixin bodyMedium {
+  font-family: Inter;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 24px; /* 150% */
+}
+
+/* Body/Body 1, Regular */
+@mixin Body1Regular {
+  font-family: Inter;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 24px; /* 150% */
+}
+
+/* Body/Body 2, Medium */
+@mixin body2Medium {
+  font-family: Inter;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 20px; /* 142.857% */
+}
+
+/* Body/Body 2, Regular */
+@mixin body2Regular {
+  font-family: Inter;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px; /* 142.857% */
+}
+
+/* Body/Body 3, Regular */
+@mixin body3Regular {
+  font-family: Inter;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px; /* 114.286% */
+}
+
+/* Caption/Caption 1, Medium */
+@mixin caption1Medium {
+  font-family: Inter;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 16px; /* 133.333% */
+}
+
+/* Caption/Caption 1, Regular */
+@mixin caption1Regular {
+  font-family: Inter;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px; /* 133.333% */
+}
+
+/* Caption/Caption 1, Semibold */
+@mixin caption1Semibold {
+  font-family: Inter;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 16px; /* 133.333% */
+}
+
+/* Caption/Caption 2, Medium */
+@mixin caption2Medium {
+  font-family: Inter;
+  font-size: 10px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 12px; /* 120% */
+}
+
+/* Caption/Caption 2, Regular */
+@mixin caption2Regular {
+  font-family: Inter;
+  font-size: 10px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 12px; /* 120% */
+}
+
+$borderRadius: 4px;

package/src/svg/ClearIcon.tsx

@@ -1,26 +1,26 @@
-import React from "react";
-
-export const ClearIcon = ({
-  width = 20,
-  height = 20,
-  fill = "none",
-  pathFill = "#fff",
-}: React.SVGProps<SVGSVGElement> & { pathFill?: string }) => {
-  return (
-    <svg
-      data-testid="Icons_CLEAR"
-      xmlns="http://www.w3.org/2000/svg"
-      width={width}
-      height={height}
-      fill={fill}
-      viewBox="0 0 20 20"
-    >
-      <path
-        fill={pathFill}
-        fillRule="evenodd"
-        d="M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666zM7.5 6.027L6.027 7.5l2.5 2.5-2.5 2.5L7.5 13.973l2.5-2.5 2.5 2.5 1.473-1.473-2.5-2.5 2.5-2.5L12.5 6.027l-2.5 2.5-2.5-2.5z"
-        clipRule="evenodd"
-      ></path>
-    </svg>
-  );
-};
+import React from "react";
+
+export const ClearIcon = ({
+  width = 20,
+  height = 20,
+  fill = "none",
+  pathFill = "#fff",
+}: React.SVGProps<SVGSVGElement> & { pathFill?: string }) => {
+  return (
+    <svg
+      data-testid="Icons_CLEAR"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width}
+      height={height}
+      fill={fill}
+      viewBox="0 0 20 20"
+    >
+      <path
+        fill={pathFill}
+        fillRule="evenodd"
+        d="M10 18.333a8.333 8.333 0 100-16.666 8.333 8.333 0 000 16.666zM7.5 6.027L6.027 7.5l2.5 2.5-2.5 2.5L7.5 13.973l2.5-2.5 2.5 2.5 1.473-1.473-2.5-2.5 2.5-2.5L12.5 6.027l-2.5 2.5-2.5-2.5z"
+        clipRule="evenodd"
+      ></path>
+    </svg>
+  );
+};

package/src/svg/index.tsx

@@ -1,3 +1,3 @@
-import { ClearIcon } from "./ClearIcon";
-
-export { ClearIcon };
+import { ClearIcon } from "./ClearIcon";
+
+export { ClearIcon };

package/src/utils/ClassNamesFn.tsx

@@ -1,2 +1,2 @@
-export const ClassNamesFn = (...args: unknown[]) =>
-  args.filter((item) => !!item).join(" ");
+export const ClassNamesFn = (...args: unknown[]) =>
+  args.filter((item) => !!item).join(" ");

package/tsconfig.json

@@ -1,38 +1,38 @@
-{
-  "compilerOptions": {
-    "target": "es6",
-    "module": "commonjs",
-    "jsx": "react-jsx",
-    "outDir": "./dist",
-    "baseUrl": "./",
-    "paths": {
-      "~utils/*": ["./src/utils/*"],
-      "~components": ["./src/components/index"],
-      "~svg": ["./src/svg/index"]
-    },
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "types": ["@types/react", "@types/react-dom"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": false,
-    "declaration": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "incremental": true,
-    "plugins": [{ "name": "next" }]
-  },
-  "include": [
-    "src",
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    "**/*.css",
-    ".next/types/**/*.ts",
-    "@types"
-  ],
-  "exclude": ["node_modules", "__tests__", "src/stories", "dist"]
-}
+{
+  "compilerOptions": {
+    "target": "es6",
+    "module": "commonjs",
+    "jsx": "react-jsx",
+    "outDir": "./dist",
+    "baseUrl": "./",
+    "paths": {
+      "~utils/*": ["./src/utils/*"],
+      "~components": ["./src/components/index"],
+      "~svg": ["./src/svg/index"]
+    },
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "types": ["@types/react", "@types/react-dom"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": false,
+    "declaration": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "incremental": true,
+    "plugins": [{ "name": "next" }]
+  },
+  "include": [
+    "src",
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    "**/*.css",
+    ".next/types/**/*.ts",
+    "@types"
+  ],
+  "exclude": ["node_modules", "__tests__", "src/stories", "dist"]
+}

package/.storybook/main.ts

@@ -1,21 +0,0 @@
-import type { StorybookConfig } from '@storybook/nextjs';
-
-const config: StorybookConfig = {
-  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  addons: [
-    '@storybook/addon-onboarding',
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@chromatic-com/storybook',
-    '@storybook/addon-interactions',
-  ],
-  framework: {
-    name: '@storybook/nextjs',
-    options: {},
-  },
-  docs: {
-    autodocs: 'tag',
-  },
-  staticDirs: ['../public'],
-};
-export default config;

package/.storybook/preview.ts

@@ -1,24 +0,0 @@
-import type { Preview } from '@storybook/react';
-import 'src/styles/globals.scss';
-
-const preview: Preview = {
-  parameters: {
-    backgrounds: {
-      default: 'input',
-      values: [
-        {
-          name: 'input',
-          value: '#fff',
-        },
-      ],
-    },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-  },
-};
-
-export default preview;