@arbor-education/design-system.components 0.0.1 → 0.0.3

package/src/tokens.scss

@@ -652,25 +652,25 @@
   --form-field-pill-hover-color-text: #2f2f2f;
   --form-field-pill-hover-color-icon: #2f2f2f;
   --form-field-pill-placeholder-color-text: #595959;
-  --form-field-combobox-placeholder-color-background: #ffffff;
-  --form-field-combobox-placeholder-color-border: #dfdfdf;
-  --form-field-combobox-hover-color-border: #7e7e7e;
-  --form-field-combobox-hover-color-background: #ffffff;
-  --form-field-combobox-focus-color-border: #0e8a0e;
-  --form-field-combobox-focus-color-background: #ffffff;
-  --form-field-combobox-error-color-border: #c93232;
-  --form-field-combobox-error-color-background: #ffffff;
-  --form-field-combobox-error-color-error-text: #595959;
-  --form-field-combobox-error-color-error-icon: #c93232;
-  --form-field-combobox-disabled-color-background: #efefef;
-  --form-field-combobox-disabled-color-border: #dfdfdf;
-  --form-field-combobox-default-color-background: #ffffff;
-  --form-field-combobox-default-color-border: #dfdfdf;
-  --form-field-combobox-help-text-default-color-text: #0e8a0e;
-  --form-field-combobox-help-text-default-color-icon: #0e8a0e;
-  --form-field-combobox-help-text-hover-color-text: #005700;
-  --form-field-combobox-help-text-hover-color-icon: #005700;
-  --form-field-combobox-form-numeric: 0rem;
+  --form-field-placeholder-color-background: #ffffff;
+  --form-field-placeholder-color-border: #dfdfdf;
+  --form-field-hover-color-border: #7e7e7e;
+  --form-field-hover-color-background: #ffffff;
+  --form-field-focus-color-border: #0e8a0e;
+  --form-field-focus-color-background: #ffffff;
+  --form-field-error-color-border: #c93232;
+  --form-field-error-color-background: #ffffff;
+  --form-field-error-color-error-text: #595959;
+  --form-field-error-color-error-icon: #c93232;
+  --form-field-disabled-color-background: #efefef;
+  --form-field-disabled-color-border: #dfdfdf;
+  --form-field-default-color-background: #ffffff;
+  --form-field-default-color-border: #dfdfdf;
+  --form-field-help-text-default-color-text: #0e8a0e;
+  --form-field-help-text-default-color-icon: #0e8a0e;
+  --form-field-help-text-hover-color-text: #005700;
+  --form-field-help-text-hover-color-icon: #005700;
+  --form-field-form-numeric: 0rem;
   --form-field-icon-default-color-icon: #2f2f2f;
   --form-field-icon-default-color-background: #ffffff;
   --form-field-icon-hover-color-background: #f8f8f8;
@@ -681,10 +681,13 @@
   --form-field-icon-pressed-color-icon: #2f2f2f;
   --form-field-icon-radius: 6.188rem;
   --form-field-label-color-text: #2f2f2f;
+  --form-field-description-color-text: #595959;
   --form-field-label-color-icon: #2f2f2f;
-  --form-field-spacing-x: 0.25rem;
+  --form-field-spacing-x: 0.5rem;
   --form-field-radius: 0.5rem;
-  --form-field-spacing-y: 0.25rem;
+  --form-field-spacing-y: 0.5rem;
+  --text-field-small-height: 2rem;
+  --text-field-medium-height: 2.25rem;
   --tabs-tab-item-active-default-color-line: #0e8a0e;
   --tabs-tab-item-active-default-color-text: #0e8a0e;
   --tabs-tab-item-active-default-color-icon: #0e8a0e;
@@ -1230,7 +1233,7 @@
   --font-weight-regular: 25rem;
   --font-weight-medium: 31.25rem;
   --font-weight-semi-bold: 37.5rem;
-  --font-weight-bold: 43.75rem;
+  --font-weight-bold: 600;
   --border-radius-xsmall: 0.25rem;
   --border-radius-small: 0.5rem;
   --border-radius-large: 1rem;

package/tsconfig.json

@@ -9,7 +9,7 @@
     // See also https://aka.ms/tsconfig/module
     "module": "es2020",
     "target": "esnext",
-    "types": ["@testing-library/jest-dom"],
+    "types": ["@testing-library/jest-dom", "node"],
     // For nodejs:
     // "lib": ["esnext"],
     // "types": ["node"],
@@ -42,8 +42,12 @@
     "skipLibCheck": true,
 
     "moduleResolution": "node",
-    "allowSyntheticDefaultImports": true
+    "allowSyntheticDefaultImports": true,
+    "paths": {
+      "Components/*": ["./src/components/*"],
+      "Utils/*": ["./src/utils/*"]
+    }
   },
-  "include": ["src/**/*.ts", "src/**/*.tsx"],
-  "exclude": ["src/**/*.test.ts", "src/**/*.test.tsx", "src/**/*.story.tsx"]
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.test.tsx"],
+  "exclude": ["src/**/*.story.tsx"]
 }

package/vitest.config.ts

@@ -1,26 +1,17 @@
 import { defineConfig } from 'vitest/config';
 import react from '@vitejs/plugin-react';
+import path from 'path';
 
 export default defineConfig({
   plugins: [react()],
   test: {
     environment: 'jsdom',
     globals: true,
-    // projects: [
-    //   {
-    //     extends: true,
-    //     plugins: [],
-    //     test: {
-    //       name: "storybook",
-    //       browser: {
-    //         enabled: true,
-    //         headless: true,
-    //         provider: "playwright",
-    //         instances: [{ browser: "chromium" }],
-    //       },
-    //       setupFiles: [".storybook/vitest.setup.ts"],
-    //     },
-    //   },
-    // ],
+  },
+  resolve: {
+    alias: {
+      Components: path.resolve(__dirname, './src/components'),
+      Utils: path.resolve(__dirname, './src/utils'),
+    },
   },
 });