gov-ui-core 0.2.5 → 0.2.6-beta.10

package/scripts/start.js

@@ -1,154 +1,154 @@
-'use strict';
-
-// Do this as the first thing so that any code reading it knows the right env.
-process.env.BABEL_ENV = 'development';
-process.env.NODE_ENV = 'development';
-
-// Makes the script crash on unhandled rejections instead of silently
-// ignoring them. In the future, promise rejections that are not handled will
-// terminate the Node.js process with a non-zero exit code.
-process.on('unhandledRejection', err => {
-  throw err;
-});
-
-// Ensure environment variables are read.
-require('../config/env');
-
-const fs = require('fs');
-const chalk = require('react-dev-utils/chalk');
-const webpack = require('webpack');
-const WebpackDevServer = require('webpack-dev-server');
-const clearConsole = require('react-dev-utils/clearConsole');
-const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
-const {
-  choosePort,
-  createCompiler,
-  prepareProxy,
-  prepareUrls,
-} = require('react-dev-utils/WebpackDevServerUtils');
-const openBrowser = require('react-dev-utils/openBrowser');
-const semver = require('semver');
-const paths = require('../config/paths');
-const configFactory = require('../config/webpack.config');
-const createDevServerConfig = require('../config/webpackDevServer.config');
-const getClientEnvironment = require('../config/env');
-const react = require(require.resolve('react', { paths: [paths.appPath] }));
-
-const env = getClientEnvironment(paths.publicUrlOrPath.slice(0, -1));
-const useYarn = fs.existsSync(paths.yarnLockFile);
-const isInteractive = process.stdout.isTTY;
-
-// Warn and crash if required files are missing
-if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
-  process.exit(1);
-}
-
-// Tools like Cloud9 rely on this.
-const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 4000;
-const HOST = process.env.HOST || '0.0.0.0';
-
-if (process.env.HOST) {
-  console.log(
-    chalk.cyan(
-      `Attempting to bind to HOST environment variable: ${chalk.yellow(
-        chalk.bold(process.env.HOST)
-      )}`
-    )
-  );
-  console.log(
-    `If this was unintentional, check that you haven't mistakenly set it in your shell.`
-  );
-  console.log(
-    `Learn more here: ${chalk.yellow('https://cra.link/advanced-config')}`
-  );
-  console.log();
-}
-
-// We require that you explicitly set browsers and do not fall back to
-// browserslist defaults.
-const { checkBrowsers } = require('react-dev-utils/browsersHelper');
-checkBrowsers(paths.appPath, isInteractive)
-  .then(() => {
-    // We attempt to use the default port but if it is busy, we offer the user to
-    // run on a different port. `choosePort()` Promise resolves to the next free port.
-    return choosePort(HOST, DEFAULT_PORT);
-  })
-  .then(port => {
-    if (port == null) {
-      // We have not found a port.
-      return;
-    }
-
-    const config = configFactory('development');
-    const protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
-    const appName = require(paths.appPackageJson).name;
-
-    const useTypeScript = fs.existsSync(paths.appTsConfig);
-    const urls = prepareUrls(
-      protocol,
-      HOST,
-      port,
-      paths.publicUrlOrPath.slice(0, -1)
-    );
-    // Create a webpack compiler that is configured with custom messages.
-    const compiler = createCompiler({
-      appName,
-      config,
-      urls,
-      useYarn,
-      useTypeScript,
-      webpack,
-    });
-    // Load proxy config
-    const proxySetting = require(paths.appPackageJson).proxy;
-    const proxyConfig = prepareProxy(
-      proxySetting,
-      paths.appPublic,
-      paths.publicUrlOrPath
-    );
-    // Serve webpack assets generated by the compiler over a web server.
-    const serverConfig = {
-      ...createDevServerConfig(proxyConfig, urls.lanUrlForConfig),
-      host: HOST,
-      port,
-    };
-    const devServer = new WebpackDevServer(serverConfig, compiler);
-    // Launch WebpackDevServer.
-    devServer.startCallback(() => {
-      if (isInteractive) {
-        clearConsole();
-      }
-
-      if (env.raw.FAST_REFRESH && semver.lt(react.version, '16.10.0')) {
-        console.log(
-          chalk.yellow(
-            `Fast Refresh requires React 16.10 or higher. You are using React ${react.version}.`
-          )
-        );
-      }
-
-      console.log(chalk.cyan('Starting the development server...\n'));
-      openBrowser(urls.localUrlForBrowser);
-    });
-
-    ['SIGINT', 'SIGTERM'].forEach(function (sig) {
-      process.on(sig, function () {
-        devServer.close();
-        process.exit();
-      });
-    });
-
-    if (process.env.CI !== 'true') {
-      // Gracefully exit when stdin ends
-      process.stdin.on('end', function () {
-        devServer.close();
-        process.exit();
-      });
-    }
-  })
-  .catch(err => {
-    if (err && err.message) {
-      console.log(err.message);
-    }
-    process.exit(1);
-  });
+'use strict';
+
+// Do this as the first thing so that any code reading it knows the right env.
+process.env.BABEL_ENV = 'development';
+process.env.NODE_ENV = 'development';
+
+// Makes the script crash on unhandled rejections instead of silently
+// ignoring them. In the future, promise rejections that are not handled will
+// terminate the Node.js process with a non-zero exit code.
+process.on('unhandledRejection', err => {
+  throw err;
+});
+
+// Ensure environment variables are read.
+require('../config/env');
+
+const fs = require('fs');
+const chalk = require('react-dev-utils/chalk');
+const webpack = require('webpack');
+const WebpackDevServer = require('webpack-dev-server');
+const clearConsole = require('react-dev-utils/clearConsole');
+const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
+const {
+  choosePort,
+  createCompiler,
+  prepareProxy,
+  prepareUrls,
+} = require('react-dev-utils/WebpackDevServerUtils');
+const openBrowser = require('react-dev-utils/openBrowser');
+const semver = require('semver');
+const paths = require('../config/paths');
+const configFactory = require('../config/webpack.config');
+const createDevServerConfig = require('../config/webpackDevServer.config');
+const getClientEnvironment = require('../config/env');
+const react = require(require.resolve('react', { paths: [paths.appPath] }));
+
+const env = getClientEnvironment(paths.publicUrlOrPath.slice(0, -1));
+const useYarn = fs.existsSync(paths.yarnLockFile);
+const isInteractive = process.stdout.isTTY;
+
+// Warn and crash if required files are missing
+if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
+  process.exit(1);
+}
+
+// Tools like Cloud9 rely on this.
+const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 4000;
+const HOST = process.env.HOST || '0.0.0.0';
+
+if (process.env.HOST) {
+  console.log(
+    chalk.cyan(
+      `Attempting to bind to HOST environment variable: ${chalk.yellow(
+        chalk.bold(process.env.HOST)
+      )}`
+    )
+  );
+  console.log(
+    `If this was unintentional, check that you haven't mistakenly set it in your shell.`
+  );
+  console.log(
+    `Learn more here: ${chalk.yellow('https://cra.link/advanced-config')}`
+  );
+  console.log();
+}
+
+// We require that you explicitly set browsers and do not fall back to
+// browserslist defaults.
+const { checkBrowsers } = require('react-dev-utils/browsersHelper');
+checkBrowsers(paths.appPath, isInteractive)
+  .then(() => {
+    // We attempt to use the default port but if it is busy, we offer the user to
+    // run on a different port. `choosePort()` Promise resolves to the next free port.
+    return choosePort(HOST, DEFAULT_PORT);
+  })
+  .then(port => {
+    if (port == null) {
+      // We have not found a port.
+      return;
+    }
+
+    const config = configFactory('development');
+    const protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
+    const appName = require(paths.appPackageJson).name;
+
+    const useTypeScript = fs.existsSync(paths.appTsConfig);
+    const urls = prepareUrls(
+      protocol,
+      HOST,
+      port,
+      paths.publicUrlOrPath.slice(0, -1)
+    );
+    // Create a webpack compiler that is configured with custom messages.
+    const compiler = createCompiler({
+      appName,
+      config,
+      urls,
+      useYarn,
+      useTypeScript,
+      webpack,
+    });
+    // Load proxy config
+    const proxySetting = require(paths.appPackageJson).proxy;
+    const proxyConfig = prepareProxy(
+      proxySetting,
+      paths.appPublic,
+      paths.publicUrlOrPath
+    );
+    // Serve webpack assets generated by the compiler over a web server.
+    const serverConfig = {
+      ...createDevServerConfig(proxyConfig, urls.lanUrlForConfig),
+      host: HOST,
+      port,
+    };
+    const devServer = new WebpackDevServer(serverConfig, compiler);
+    // Launch WebpackDevServer.
+    devServer.startCallback(() => {
+      if (isInteractive) {
+        clearConsole();
+      }
+
+      if (env.raw.FAST_REFRESH && semver.lt(react.version, '16.10.0')) {
+        console.log(
+          chalk.yellow(
+            `Fast Refresh requires React 16.10 or higher. You are using React ${react.version}.`
+          )
+        );
+      }
+
+      console.log(chalk.cyan('Starting the development server...\n'));
+      openBrowser(urls.localUrlForBrowser);
+    });
+
+    ['SIGINT', 'SIGTERM'].forEach(function (sig) {
+      process.on(sig, function () {
+        devServer.close();
+        process.exit();
+      });
+    });
+
+    if (process.env.CI !== 'true') {
+      // Gracefully exit when stdin ends
+      process.stdin.on('end', function () {
+        devServer.close();
+        process.exit();
+      });
+    }
+  })
+  .catch(err => {
+    if (err && err.message) {
+      console.log(err.message);
+    }
+    process.exit(1);
+  });

package/scripts/test.js

@@ -1,52 +1,52 @@
-'use strict';
-
-// Do this as the first thing so that any code reading it knows the right env.
-process.env.BABEL_ENV = 'test';
-process.env.NODE_ENV = 'test';
-process.env.PUBLIC_URL = '';
-
-// Makes the script crash on unhandled rejections instead of silently
-// ignoring them. In the future, promise rejections that are not handled will
-// terminate the Node.js process with a non-zero exit code.
-process.on('unhandledRejection', err => {
-  throw err;
-});
-
-// Ensure environment variables are read.
-require('../config/env');
-
-const jest = require('jest');
-const execSync = require('child_process').execSync;
-let argv = process.argv.slice(2);
-
-function isInGitRepository() {
-  try {
-    execSync('git rev-parse --is-inside-work-tree', { stdio: 'ignore' });
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
-function isInMercurialRepository() {
-  try {
-    execSync('hg --cwd . root', { stdio: 'ignore' });
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
-// Watch unless on CI or explicitly running all tests
-if (
-  !process.env.CI &&
-  argv.indexOf('--watchAll') === -1 &&
-  argv.indexOf('--watchAll=false') === -1
-) {
-  // https://github.com/facebook/create-react-app/issues/5210
-  const hasSourceControl = isInGitRepository() || isInMercurialRepository();
-  argv.push(hasSourceControl ? '--watch' : '--watchAll');
-}
-
-
-jest.run(argv);
+'use strict';
+
+// Do this as the first thing so that any code reading it knows the right env.
+process.env.BABEL_ENV = 'test';
+process.env.NODE_ENV = 'test';
+process.env.PUBLIC_URL = '';
+
+// Makes the script crash on unhandled rejections instead of silently
+// ignoring them. In the future, promise rejections that are not handled will
+// terminate the Node.js process with a non-zero exit code.
+process.on('unhandledRejection', err => {
+  throw err;
+});
+
+// Ensure environment variables are read.
+require('../config/env');
+
+const jest = require('jest');
+const execSync = require('child_process').execSync;
+let argv = process.argv.slice(2);
+
+function isInGitRepository() {
+  try {
+    execSync('git rev-parse --is-inside-work-tree', { stdio: 'ignore' });
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+
+function isInMercurialRepository() {
+  try {
+    execSync('hg --cwd . root', { stdio: 'ignore' });
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+
+// Watch unless on CI or explicitly running all tests
+if (
+  !process.env.CI &&
+  argv.indexOf('--watchAll') === -1 &&
+  argv.indexOf('--watchAll=false') === -1
+) {
+  // https://github.com/facebook/create-react-app/issues/5210
+  const hasSourceControl = isInGitRepository() || isInMercurialRepository();
+  argv.push(hasSourceControl ? '--watch' : '--watchAll');
+}
+
+
+jest.run(argv);

package/tailwind.config.js

@@ -0,0 +1,185 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./pages/**/*.{js,ts,jsx,tsx}",
+    "./components/**/*.{js,ts,jsx,tsx}",
+    "./src/**/*.{js,jsx,ts,tsx}",
+  ],
+  theme: {
+    extend: {
+      screens: {
+        'sm': '640px',
+        'md': '768px',
+        'lg': '1024px',
+        'xl': '1280px',
+        '2xl': '1536px',
+      },
+      colors: {
+        'black': {
+          '100': '#000000',
+          '80': 'rgba(0, 0, 0, 0.8)',
+          '60': 'rgba(0, 0, 0, 0.6)',
+          '40': 'rgba(0, 0, 0, 0.4)',
+          '20': 'rgba(0, 0, 0, 0.2)',
+          '10': 'rgba(0, 0, 0, 0.1)',
+          '05': 'rgba(0, 0, 0, 0.05)',
+          '02': 'rgba(0, 0, 0, 0.02)',
+        },
+        'white': {
+          '100': '#FFFFFF',
+          '80': 'rgba(255, 255, 255, 0.8)',
+          '60': 'rgba(255, 255, 255, 0.6)',
+          '40': 'rgba(255, 255, 255, 0.4)',
+          '20': 'rgba(255, 255, 255, 0.2)',
+          '10': 'rgba(255, 255, 255, 0.1)',
+          '05': 'rgba(255, 255, 255, 0.05)',
+          '02': 'rgba(255, 255, 255, 0.02)',
+        },
+
+        'primary': {
+          '100': '#2CBBB6',
+          'hover': '#28ACA7',
+          'active': '#259F9B',
+          '40': 'rgba(44, 187, 182, 0.4)',
+          '30': 'rgba(44, 187, 182, 0.3)',
+          '20': 'rgba(44, 187, 182, 0.2)',
+          '10': 'rgba(44, 187, 182, 0.1)',
+        },
+
+        'chart': {
+          '01': '#f66',
+          '02': '#f93',
+          '03': '#ffdd29',
+          '04': '#b4e17a',
+          '05': '#23c6eb',
+          '06': '#49e3e6',
+          '07': '#27a3dd',
+          '08': '#ecb9f9',
+          '09': '#f150b6',
+          '10': '#f487da',
+        },
+
+        'line': '#CCCCCC',
+        'line-disable': '#E5E5E5',
+        'bg': '#F2F2F2',
+        'transparent': 'rgba(255, 255, 255, 0)',
+        'error': '#EE5353',
+        'error-05': 'rgba(238, 83, 83, 0.05)',
+        'warning': '#FFA82E',
+        'warning-05': 'rgba(255, 168, 46, 0.05)',
+        'success': '#33C986',
+        'success-05': 'rgba(51, 201, 134, 0.05)',
+        'info': '#5DAAF7',
+        'info-05': 'rgba(93, 170, 247, 0.05)',
+
+        'facebook': '#4080FF',
+        'naver': '#03C75A',
+        'primary-guide1': '#00FFE0',
+        'primary-guide2': '#FA00FF',
+
+        'gradation': {
+          'vertical': {
+            'bg': 'linear-gradient(180deg, #b464c8 0%, #906eff 100%)'
+          },
+          'horizon': {
+            'bg': 'linear-gradient(90deg, #b464c8 0%, #906eff 100%)'
+          },
+        }
+      },
+      fontFamily: {
+        sans: ['Graphik', 'sans-serif'],
+        serif: ['Merriweather', 'serif'],
+        default: ['sans-serif', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto'],
+        NotoSans: ['NotoSans'],
+        NotoSansKR: ['NotoSansKR'],
+        NotoSansMono: ['NotoSansMono'],
+      },
+      /*dropShadow: {
+        'table': ['0px 0px 4px rgba(0,0,0,0.1)', '0px 5px 10px rgba(0,0,0,0.1)'],
+      },
+      boxShadow: {
+        'table': ['0px 0px 4px rgba(0,0,0,0.1)', '0px 5px 10px rgba(0,0,0,0.1)'],
+        'elevation-light-01': ['0px 1px 4px 0px rgba(0, 0, 0, 0.06)', '0px 3px 10px 0px rgba(0, 0, 0, 0.15)'],
+        'elevation-light-02': ['0px 2px 5px 0px rgba(0, 0, 0, 0.07)', '0px 6px 20px 0px rgba(0, 0, 0, 0.15)'],
+        'elevation-light-03': ['0px 3px 6px 0px rgba(0, 0, 0, 0.08)', '0px 9px 30px 0px rgba(0, 0, 0, 0.15)'],
+        'elevation-light-04': ['0px 4px 7px 0px rgba(0, 0, 0, 0.09)', '0px 12px 40px 0px rgba(0, 0, 0, 0.15)'],
+        'elevation-light-05': ['0px 5px 8px 0px rgba(0, 0, 0, 0.10)', '0px 15px 50px 0px rgba(0, 0, 0, 0.15)']
+      },
+      keyframes: {
+        'accordion-down': {
+          'from': {
+            'height': '0'
+          },
+          'to': {
+            'height': 'var(--radix-accordion-content-height)'
+          },
+        },
+        'accordion-up': {
+          'from': {
+            'height': 'var(--radix-accordion-content-height)'
+          },
+          'to': {
+            'height': '0'
+          },
+        },
+        'up-scales': {
+          'from': {
+            'transform': 'translateY(100vh)'
+          },
+          'to': {
+            'transform': 'translateY(0px)',
+            'transition': 'all 300ms ease 0s'
+          },
+        },
+        'down-scales': {
+          'from': {
+            'transform': 'translateY(0vh)'
+          },
+          'to': {
+            'transform': 'translateY(100px)',
+            'transition': 'all 300ms ease 0s'
+          },
+        },
+        'flip-up': {
+          '0%': {
+            'transform': 'rotateX(0)',
+            'transform-origin': 'top'
+          },
+          '100%': {
+            'transform': 'rotateX(-90deg)',
+            'transform-origin': 'top',
+            'visibility': 'hidden'
+          },
+        },
+        'flip-down': {
+          '0%': {
+            'transform': 'rotateX(-90deg)',
+            'transform-origin': 'top',
+            'visibility': 'visible'
+          },
+          '100%': {
+            'transform': 'rotateX(0)',
+            'transform-origin': 'top',
+          },
+        },
+      },
+      animation: {
+        'accordion-down': 'accordion-down 0.2s ease-out',
+        'accordion-up': 'accordion-up 0.2s ease-out',
+        'up-scale': 'up-scales 0.3s ease',
+        'down-scale': '0.3s down-scales ease',
+        'flip-up': {
+          'animation': 'flipUp ease 0.4s both',
+          'animation-direction': 'normal'
+        },
+        'flip-down': {
+          'animation': 'flipDown ease 0.4s both',
+          'animation-direction': 'normal'
+        }
+      },*/
+    }
+  },
+  plugins: [
+    require("tailwindcss-animate")
+  ],
+}

package/tsconfig.json

@@ -1,34 +1,34 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "outDir": "build",
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "declaration": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noImplicitAny": false,
-    "jsx": "react-jsx",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    },
-    "typeRoots": ["./@types", "../node_modules/@types"],
-    "types": ["@types/jest"],
-    "downlevelIteration": true
-  },
-  "include": ["@types", "src/modules.ts", "src/index.tsx", "src/react-app-env.d.ts", ".storybook/*"],
-  "exclude": ["node_modules"]
-}
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "outDir": "build",
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "declaration": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noImplicitAny": false,
+    "jsx": "react-jsx",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "typeRoots": ["./@types", "../node_modules/@types"],
+    "types": ["@types/jest"],
+    "downlevelIteration": true
+  },
+  "include": ["@types", "src/modules.ts", "src/index.tsx", "src/react-app-env.d.ts"],
+  "exclude": ["node_modules"]
+}

package/build/.storybook/main.d.ts

@@ -1,3 +0,0 @@
-import type { StorybookConfig } from "@storybook/react-webpack5";
-declare const config: StorybookConfig;
-export default config;

package/build/.storybook/preview.d.ts

@@ -1,3 +0,0 @@
-import type { Preview } from "@storybook/react";
-declare const preview: Preview;
-export default preview;