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

package/tailwind.config.js

@@ -1,185 +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")
-  ],
-}
+/** @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"],
-  "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"]
+}