@mich8060/chg-design-system 0.1.0

package/scripts/publish-lib.js

@@ -0,0 +1,150 @@
+#!/usr/bin/env node
+
+/**
+ * Publish Script for UDS Component Library
+ * 
+ * Usage:
+ *   npm run publish:lib           # Build and prepare for publishing
+ *   npm run publish:lib -- --npm  # Build and publish to npm
+ */
+
+const { execSync } = require("child_process");
+const fs = require("fs");
+const path = require("path");
+
+const ROOT_DIR = path.join(__dirname, "..");
+const DIST_DIR = path.join(ROOT_DIR, "dist");
+
+// ANSI colors for terminal output
+const colors = {
+  reset: "\x1b[0m",
+  green: "\x1b[32m",
+  yellow: "\x1b[33m",
+  blue: "\x1b[34m",
+  red: "\x1b[31m",
+};
+
+function log(message, color = "reset") {
+  console.log(`${colors[color]}${message}${colors.reset}`);
+}
+
+function run(command, options = {}) {
+  log(`\n> ${command}`, "blue");
+  try {
+    execSync(command, { 
+      stdio: "inherit", 
+      cwd: ROOT_DIR,
+      ...options 
+    });
+  } catch (error) {
+    log(`Command failed: ${command}`, "red");
+    process.exit(1);
+  }
+}
+
+function copyFile(src, dest) {
+  const srcPath = path.join(ROOT_DIR, src);
+  const destPath = path.join(DIST_DIR, dest);
+  
+  if (fs.existsSync(srcPath)) {
+    fs.copyFileSync(srcPath, destPath);
+    log(`  ✓ Copied ${src} → dist/${dest}`, "green");
+  } else {
+    log(`  ⚠ Warning: ${src} not found`, "yellow");
+  }
+}
+
+function cleanDist() {
+  // Remove files that shouldn't be in the npm package
+  const filesToRemove = [
+    "index.html",
+    "favicon.ico",
+    "logo192.png",
+    "logo512.png",
+    "manifest.json",
+    "robots.txt",
+    "asset-manifest.json",
+  ];
+
+  const dirsToRemove = ["data", "static", "styles"];
+
+  filesToRemove.forEach((file) => {
+    const filePath = path.join(DIST_DIR, file);
+    if (fs.existsSync(filePath)) {
+      fs.unlinkSync(filePath);
+      log(`  ✓ Removed ${file}`, "yellow");
+    }
+  });
+
+  dirsToRemove.forEach((dir) => {
+    const dirPath = path.join(DIST_DIR, dir);
+    if (fs.existsSync(dirPath)) {
+      fs.rmSync(dirPath, { recursive: true });
+      log(`  ✓ Removed ${dir}/`, "yellow");
+    }
+  });
+}
+
+async function main() {
+  const args = process.argv.slice(2);
+  const shouldPublish = args.includes("--npm");
+  const dryRun = args.includes("--dry-run");
+
+  log("\n🏗️  UDS Component Library - Build & Publish", "green");
+  log("=" .repeat(50));
+
+  // Step 1: Build the library
+  log("\n📦 Step 1: Building library...", "blue");
+  run("npm run build:lib");
+
+  // Step 2: Clean dist folder
+  log("\n🧹 Step 2: Cleaning dist folder...", "blue");
+  cleanDist();
+
+  // Step 3: Copy package files
+  log("\n📋 Step 3: Copying package files...", "blue");
+  copyFile("package.lib.json", "package.json");
+  copyFile("README.lib.md", "README.md");
+  copyFile("LICENSE", "LICENSE");
+
+  // Step 4: Show what's in dist
+  log("\n📁 Step 4: Package contents:", "blue");
+  const distFiles = fs.readdirSync(DIST_DIR);
+  distFiles.forEach((file) => {
+    const filePath = path.join(DIST_DIR, file);
+    const stats = fs.statSync(filePath);
+    const size = stats.isDirectory() 
+      ? "dir" 
+      : `${(stats.size / 1024).toFixed(1)} KB`;
+    log(`  - ${file} (${size})`);
+  });
+
+  // Step 5: Publish if requested
+  if (shouldPublish) {
+    log("\n🚀 Step 5: Publishing to npm...", "blue");
+    
+    if (dryRun) {
+      run("npm publish --dry-run", { cwd: DIST_DIR });
+    } else {
+      log("\n⚠️  About to publish to npm!", "yellow");
+      log("Press Ctrl+C to cancel or wait 5 seconds to continue...", "yellow");
+      
+      await new Promise((resolve) => setTimeout(resolve, 5000));
+      run("npm publish --access public", { cwd: DIST_DIR });
+    }
+  } else {
+    log("\n✅ Build complete!", "green");
+    log("\nTo publish to npm, run one of:", "blue");
+    log("  npm run publish:lib -- --npm          # Publish to npm");
+    log("  npm run publish:lib -- --npm --dry-run # Test publish (no upload)");
+    log("\nOr manually:");
+    log("  cd dist && npm publish --access public");
+  }
+
+  log("\n");
+}
+
+main().catch((err) => {
+  log(`\n❌ Error: ${err.message}`, "red");
+  process.exit(1);
+});

package/scripts/validate.js

@@ -0,0 +1,94 @@
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const rootDir = path.resolve(__dirname, '..');
+const stylesDir = path.join(rootDir, 'src', 'styles');
+
+// Import the validation function from index.js
+// Since we can't easily import from index.js, we'll duplicate the logic here
+function validateVariables(variablesPath = '_variables.scss', tokensPath = 'tokens.scss') {
+  try {
+    if (!fs.existsSync(tokensPath)) {
+      console.error(`✗ ${tokensPath} not found`);
+      process.exit(1);
+    }
+    
+    if (!fs.existsSync(variablesPath)) {
+      console.error(`✗ ${variablesPath} not found. Run 'npm run generate' first.`);
+      process.exit(1);
+    }
+    
+    const tokensContent = fs.readFileSync(tokensPath, 'utf-8');
+    const variablesContent = fs.readFileSync(variablesPath, 'utf-8');
+    
+    // Extract all variable references from tokens.scss (format: vars.$variable-name)
+    const variableRegex = /vars\.\$([a-zA-Z0-9-]+)/g;
+    const referencedVars = new Set();
+    const varLocations = new Map();
+    let match;
+    
+    // Find all variable references with line numbers
+    while ((match = variableRegex.exec(tokensContent)) !== null) {
+      const varName = match[1];
+      referencedVars.add(varName);
+      
+      // Find line number
+      const beforeMatch = tokensContent.substring(0, match.index);
+      const lineNumber = beforeMatch.split('\n').length;
+      
+      if (!varLocations.has(varName)) {
+        varLocations.set(varName, []);
+      }
+      varLocations.get(varName).push(lineNumber);
+    }
+    
+    // Extract all defined variables from _variables.scss (format: $variable-name:)
+    const definedVarRegex = /^\$([a-zA-Z0-9-]+):/gm;
+    const definedVars = new Set();
+    while ((match = definedVarRegex.exec(variablesContent)) !== null) {
+      definedVars.add(match[1]);
+    }
+    
+    // Find missing variables
+    const missingVars = Array.from(referencedVars).filter(v => !definedVars.has(v));
+    
+    if (missingVars.length > 0) {
+      console.error(`\n✗ VALIDATION FAILED: ${missingVars.length} variable(s) missing:`);
+      missingVars.forEach(v => {
+        const locations = varLocations.get(v);
+        const locationStr = locations.length === 1 
+          ? `line ${locations[0]}` 
+          : `lines ${locations.join(', ')}`;
+        console.error(`   - $${v} (referenced at ${locationStr} in tokens.scss)`);
+      });
+      
+      console.error('\n✗ SCSS compilation will fail with these missing variables!');
+      console.error('\nTo fix:');
+      console.error('  1. Run "npm run tokens:generate" to pull latest from Figma');
+      console.error('  2. Or manually add the missing variables to src/styles/_variables.scss');
+      console.error('  3. Or update src/styles/tokens.scss to remove references to deleted variables\n');
+      
+      process.exit(1);
+    } else {
+      console.log('✓ All variables validated successfully');
+      console.log(`  - ${referencedVars.size} variables referenced in tokens.scss`);
+      console.log(`  - ${definedVars.size} variables defined in _variables.scss`);
+      return true;
+    }
+  } catch (error) {
+    console.error(`✗ Validation error: ${error.message}`);
+    process.exit(1);
+  }
+}
+
+// Run validation (paths to src/styles/ directory)
+const variablesPath = process.argv[2] || path.join(stylesDir, '_variables.scss');
+const tokensPath = process.argv[3] || path.join(stylesDir, 'tokens.scss');
+
+console.log('Validating variables...\n');
+console.log(`  Variables: ${variablesPath}`);
+console.log(`  Tokens: ${tokensPath}\n`);
+validateVariables(variablesPath, tokensPath);

package/src/App.css

@@ -0,0 +1,457 @@
+@charset "UTF-8";
+* {
+  box-sizing: border-box;
+}
+
+.app {
+  background: var(--uds-surface-primary);
+  display: flex;
+  flex-direction: row;
+}
+.app__sidebar {
+  height: 100vh;
+  width: 300px;
+  background: var(--uds-surface-secondary);
+  border-right: var(--uds-border-width-1) solid var(--uds-border-primary);
+  transition: width var(--uds-duration-200) var(--uds-ease-standard);
+}
+.app__content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.page {
+  display: flex;
+  flex-direction: column;
+  gap: var(--uds-gap-24);
+  position: relative;
+  background: var(--uds-surface-secondary);
+  min-height: 100vh;
+}
+.page__content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: var(--uds-gap-48);
+  padding: var(--uds-padding-48);
+  background: var(--uds-surface-secondary);
+  max-width: 1280px;
+  width: 100%;
+  margin: 0;
+}
+.page__header {
+  background: var(--uds-surface-secondary);
+  padding: 80px var(--uds-padding-48);
+  border-bottom: var(--uds-border-width-1) solid var(--uds-border-primary);
+  color: var(--uds-text-inverse);
+  position: relative;
+  overflow: hidden;
+}
+.page__header-container {
+  max-width: 1184px;
+  width: 100%;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--uds-gap-16);
+}
+.page__header-shapes {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+  z-index: 0;
+}
+.page__header-shape {
+  position: absolute;
+  opacity: 0.6;
+  transition: opacity var(--uds-duration-200) var(--uds-ease-standard);
+}
+.page__header-shape--circle {
+  border-radius: 50%;
+}
+.page__header-shape--triangle {
+  transform-origin: left center;
+}
+.page__header-shape--line {
+  transform-origin: left center;
+}
+.page__header-title {
+  font-size: var(--uds-font-size-48);
+  line-height: var(--uds-line-48);
+  font-family: var(--uds-font-family);
+  font-weight: var(--uds-font-weight-bold);
+  letter-spacing: -0.02em;
+  text-transform: uppercase;
+  margin: 0;
+  color: var(--uds-text-inverse);
+  letter-spacing: -0.96px;
+  text-transform: capitalize;
+  position: relative;
+  z-index: 1;
+}
+.page__header-description {
+  font-size: var(--uds-font-size-16);
+  line-height: var(--uds-line-16);
+  font-family: var(--uds-font-family);
+  font-weight: var(--uds-font-weight);
+  letter-spacing: 0px;
+  margin: 0;
+  color: var(--uds-text-inverse);
+  max-width: 720px;
+  position: relative;
+  z-index: 1;
+}
+.page__header-info {
+  display: flex;
+  gap: var(--uds-gap-10);
+  align-items: flex-end;
+  justify-content: space-between;
+  width: 100%;
+  position: relative;
+  z-index: 1;
+}
+.page__header-content {
+  display: flex;
+  flex: 1 0 0;
+  flex-direction: column;
+  gap: var(--uds-gap-16);
+  position: relative;
+  z-index: 1;
+}
+.page__header-metadata {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  border-radius: var(--uds-radius-4);
+  width: 320px;
+}
+.page__metadata-row {
+  border-bottom: solid 1px var(--uds-border-primary);
+  display: flex;
+  gap: var(--uds-gap-24);
+  align-items: center;
+  padding: var(--uds-padding-8) var(--uds-padding-12);
+  width: 100%;
+}
+.page__metadata-row:not(:first-child) {
+  border-top: var(--uds-border-width-1) solid var(--uds-border-on-dark-high);
+}
+.page__metadata-label {
+  font-size: var(--uds-font-size-12);
+  line-height: var(--uds-line-12);
+  font-family: var(--uds-font-family);
+  font-weight: var(--uds-font-weight-semibold);
+  letter-spacing: 0px;
+  color: var(--uds-text-inverse);
+  width: 120px;
+  margin: 0;
+}
+.page__metadata-value {
+  font-size: var(--uds-font-size-12);
+  line-height: var(--uds-line-12);
+  font-family: var(--uds-font-family);
+  font-weight: var(--uds-font-weight);
+  letter-spacing: 0px;
+  color: var(--uds-text-inverse);
+  margin: 0;
+}
+.page__metadata-link {
+  font-size: var(--uds-font-size-12);
+  line-height: var(--uds-line-12);
+  font-family: var(--uds-font-family);
+  font-weight: var(--uds-font-weight);
+  letter-spacing: 0px;
+  color: var(--uds-text-link-primary-default);
+  text-decoration: none;
+  margin: 0;
+}
+.page__metadata-link:hover {
+  text-decoration: underline;
+}
+.page__version-badge {
+  font-size: var(--uds-font-size-14);
+  line-height: var(--uds-line-14);
+  font-family: var(--uds-font-family);
+  font-weight: var(--uds-font-weight-semibold);
+  letter-spacing: 0em;
+  color: var(--uds-text-link-primary-default);
+  padding: 0 var(--uds-padding-4);
+}
+
+.card {
+  padding: var(--uds-padding-24);
+  border-radius: var(--uds-radius-16);
+  background: var(--uds-surface-primary);
+  border: var(--uds-border-width-1) solid var(--uds-border-primary);
+  box-shadow: var(--uds-shadow-md);
+  display: flex;
+  flex-direction: column;
+  gap: var(--uds-gap-12);
+  transition:
+    box-shadow var(--uds-duration-200) var(--uds-ease-standard),
+    transform var(--uds-duration-200) var(--uds-ease-standard),
+    border-color var(--uds-duration-200) var(--uds-ease-standard);
+}
+.card:hover {
+  box-shadow: var(--uds-shadow-lg);
+  border-color: var(--uds-border-brand-primary);
+  transform: translateY(-2px);
+}
+.card__icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 120px;
+  background: var(--uds-surface-primary);
+  border-radius: var(--uds-radius-8);
+  color: var(--uds-text-brand-primary);
+  margin-bottom: var(--uds-gap-16);
+  padding: var(--uds-padding-16);
+}
+.card__icon svg {
+  width: 100%;
+  height: 100%;
+  max-height: 100%;
+}
+.card h2 {
+  font-size: var(--uds-font-size-20);
+  line-height: var(--uds-line-heading-20);
+  font-family: var(--uds-font-family);
+  font-weight: var(--uds-font-weight-semibold);
+  letter-spacing: 0em;
+  margin: 0;
+  color: var(--uds-text-brand-primary);
+}
+.card p {
+  font-size: var(--uds-font-size-16);
+  line-height: var(--uds-line-16);
+  font-family: var(--uds-font-family);
+  font-weight: var(--uds-font-weight);
+  letter-spacing: 0px;
+  margin: 0;
+  color: var(--uds-text-secondary);
+}
+
+.card__link {
+  font-size: var(--uds-font-size-16);
+  line-height: var(--uds-line-16);
+  font-family: var(--uds-font-family);
+  font-weight: var(--uds-font-weight-semibold);
+  letter-spacing: 0px;
+  align-self: flex-start;
+  color: var(--uds-text-brand-primary);
+  text-decoration: none;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--uds-gap-4);
+  padding: var(--uds-padding-4) var(--uds-padding-8);
+  border-radius: var(--uds-radius-4);
+  background: var(--uds-surface-brand-primary);
+  transition:
+    color var(--uds-duration-200) var(--uds-ease-standard),
+    background-color var(--uds-duration-200) var(--uds-ease-standard);
+}
+.card__link:after {
+  content: "→";
+  font-size: var(--uds-font-size-16);
+  transition: transform var(--uds-duration-200) var(--uds-ease-standard);
+}
+.card__link:hover {
+  color: var(--uds-text-inverse);
+  background-color: var(--uds-surface-brand-secondary);
+}
+.card__link:hover:after {
+  transform: translateX(4px);
+}
+
+.demo-group {
+  display: flex;
+  flex-direction: column;
+  gap: var(--uds-gap-16);
+  margin-bottom: var(--uds-padding-48);
+  background: var(--uds-surface-primary);
+  border: var(--uds-border-width-1) solid var(--uds-border-primary);
+  padding: var(--uds-padding-24);
+  border-radius: var(--uds-radius-8);
+}
+.demo-group:last-child {
+  margin-bottom: 0;
+}
+.demo-group h2 {
+  font-size: var(--uds-font-size-24);
+  line-height: var(--uds-line-24);
+  font-family: var(--uds-font-family);
+  font-weight: var(--uds-font-weight-bold);
+  letter-spacing: 0em;
+  margin: 0;
+  color: var(--uds-text-primary);
+}
+.demo-group h3 {
+  font-size: var(--uds-font-size-20);
+  line-height: var(--uds-line-heading-20);
+  font-family: var(--uds-font-family);
+  font-weight: var(--uds-font-weight-semibold);
+  letter-spacing: 0em;
+  margin: 0;
+  color: var(--uds-text-primary);
+}
+.demo-group p {
+  font-size: var(--uds-font-size-16);
+  line-height: var(--uds-line-16);
+  font-family: var(--uds-font-family);
+  font-weight: var(--uds-font-weight);
+  letter-spacing: 0px;
+  margin: 0;
+  color: var(--uds-text-secondary);
+}
+.demo-file-list {
+  margin-top: var(--uds-gap-16);
+  padding: var(--uds-padding-12);
+  background: var(--uds-surface-secondary);
+  border-radius: var(--uds-radius-4);
+}
+.demo-file-list__title {
+  font-size: var(--uds-font-size-14);
+  line-height: var(--uds-line-14);
+  font-family: var(--uds-font-family);
+  font-weight: var(--uds-font-weight-semibold);
+  letter-spacing: 0em;
+  margin: 0 0 var(--uds-gap-8) 0;
+  color: var(--uds-text-primary);
+}
+.demo-file-list__items {
+  font-size: var(--uds-font-size-14);
+  line-height: var(--uds-line-14);
+  font-family: var(--uds-font-family);
+  font-weight: var(--uds-font-weight);
+  letter-spacing: 0em;
+  margin: 0;
+  padding-left: var(--uds-padding-20);
+  color: var(--uds-text-primary);
+}
+.demo-file-list__item {
+  margin-bottom: var(--uds-gap-4);
+}
+.demo-file-list__item:last-child {
+  margin-bottom: 0;
+}
+.demo-file-list ul {
+  font-size: var(--uds-font-size-16);
+  line-height: var(--uds-line-16);
+  font-family: var(--uds-font-family);
+  font-weight: var(--uds-font-weight);
+  letter-spacing: 0px;
+  margin: 0;
+  padding-left: var(--uds-padding-24);
+  color: var(--uds-text-secondary);
+}
+.demo-file-list li {
+  margin-bottom: var(--uds-gap-8);
+}
+.demo-file-list code {
+  font-size: var(--uds-font-size-14);
+  line-height: var(--uds-line-14);
+  font-family: var(--uds-font-family);
+  font-weight: var(--uds-font-weight);
+  letter-spacing: 0em;
+  padding: var(--uds-padding-2) var(--uds-padding-6);
+  background: var(--uds-surface-tertiary);
+  border-radius: var(--uds-radius-4);
+  color: var(--uds-text-brand-primary);
+}
+
+.page__grid > * {
+  flex: 1 1 280px;
+  min-width: 280px;
+}
+
+.demo-content > * {
+  flex: 1 1 200px;
+  min-width: 200px;
+}
+.demo-content--icons > * {
+  flex: 1 1 240px;
+  min-width: 240px;
+}
+
+.demo-grid > * {
+  flex: 0 1 auto;
+}
+
+.demo-icon {
+  font-size: var(--uds-font-size-20);
+  line-height: var(--uds-line-20);
+  font-family: var(--uds-font-family);
+  font-weight: var(--uds-font-weight);
+  letter-spacing: 0px;
+  display: inline-flex;
+}
+
+.icon-card {
+  display: flex;
+  flex-direction: column;
+  gap: var(--uds-gap-12);
+  padding: var(--uds-padding-24);
+  border-radius: var(--uds-radius-16);
+  background: var(--uds-surface-secondary);
+  border: var(--uds-border-width-1) solid var(--uds-border-primary);
+  align-items: center;
+  text-align: center;
+  box-shadow: var(--uds-shadow-sm);
+  transition:
+    box-shadow var(--uds-duration-200) var(--uds-ease-standard),
+    transform var(--uds-duration-200) var(--uds-ease-standard),
+    border-color var(--uds-duration-200) var(--uds-ease-standard);
+}
+.icon-card:hover {
+  box-shadow: var(--uds-shadow-md);
+  border-color: var(--uds-border-brand-primary);
+  transform: translateY(-2px);
+}
+
+.icon-card__meta {
+  display: flex;
+  flex-direction: column;
+  gap: var(--uds-gap-4);
+  color: var(--uds-text-secondary);
+}
+
+.icon-card__label {
+  font-size: var(--uds-font-size-14);
+  line-height: var(--uds-line-14);
+  font-family: var(--uds-font-family);
+  font-weight: var(--uds-font-weight-semibold);
+  letter-spacing: 0em;
+  text-transform: capitalize;
+  color: var(--uds-text-primary);
+}
+
+.icon-card__meta code {
+  font-size: var(--uds-font-size-12);
+  line-height: var(--uds-line-12);
+  font-family: var(--uds-font-family);
+  font-weight: var(--uds-font-weight);
+  letter-spacing: 0px;
+  padding: var(--uds-padding-4) var(--uds-padding-8);
+  background: var(--uds-surface-tertiary);
+  border-radius: var(--uds-radius-4);
+  color: var(--uds-text-secondary);
+}
+
+@media (max-width: var(--uds-breakpoint-md)) {
+  .app-shell {
+    flex-direction: column;
+  }
+  .app-shell__content {
+    margin-left: 0;
+    max-width: 100%;
+    padding: var(--uds-padding-32) var(--uds-padding-16) var(--uds-padding-48);
+  }
+}
+
+/*# sourceMappingURL=App.css.map */

package/src/App.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["App.scss","styles/_typography.scss"],"names":[],"mappings":";AAEA;EACI;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;;AAKR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAIR;ECmFA;EACA;EACA;EACA;EACA;EACA;EDtFI;EACA;EACA;EACA;EACA;EACA;;AAGJ;ECwRA;EACA;EACA;EACA;EACA;ED1RI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;ECuTA;EACA;EACA;EACA;EACA;EDzTI;EACA;EACA;;AAGJ;ECgSA;EACA;EACA;EACA;EACA;EDlSI;EACA;;AAGJ;EC0RA;EACA;EACA;EACA;EACA;ED5RI;EACA;EACA;;AAEA;EACI;;AAIR;EC+PA;EACA;EACA;EACA;EACA;EDjQI;EACA;;;AAMR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;ECeA;EACA;EACA;EACA;EACA;EDjBI;EACA;;AAGJ;EC0JA;EACA;EACA;EACA;EACA;ED5JI;EACA;;;AAIR;ECmKI;EACA;EACA;EACA;EACA;EDrKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;;;AAMR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EC6DJ;EACA;EACA;EACA;EACA;ED/DQ;EACA;;AAGJ;ECjDJ;EACA;EACA;EACA;EACA;ED+CQ;EACA;;AAGJ;EC0FJ;EACA;EACA;EACA;EACA;ED5FQ;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EC6HJ;EACA;EACA;EACA;EACA;ED/HQ;EACA;;AAGJ;ECuGJ;EACA;EACA;EACA;EACA;EDzGQ;EACA;EACA;;AAGJ;EACI;;AAEA;EACI;;AAIR;ECwDJ;EACA;EACA;EACA;EACA;ED1DQ;EACA;EACA;;AAGJ;EACI;;AAGJ;EC6EJ;EACA;EACA;EACA;EACA;ED/EQ;EACA;EACA;EACA;;;AAMR;EACI;EACA;;;AAKJ;EACI;EACA;;AAIA;EACI;EACA;;;AAMR;EACI;;;AAIR;ECxBI;EACA;EACA;EACA;EACA;EDsBA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;ECsBI;EACA;EACA;EACA;EACA;EDxBA;EACA;;;AAGJ;ECgCI;EACA;EACA;EACA;EACA;EDlCA;EACA;EACA;EACA;;;AAGJ;EACI;IACI;;EAGJ;IACI;IACA;IACA","file":"App.css"}