@dhasdk/simple-ui 1.0.7 → 1.0.8

package/.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": [
+    [
+      "@nx/react/babel",
+      {
+        "runtime": "automatic",
+        "useBuiltIns": "usage"
+      }
+    ]
+  ],
+  "plugins": []
+}

package/.storybook/main.ts

@@ -0,0 +1,35 @@
+import { createRequire } from "node:module";
+import { dirname, join } from "node:path";
+// import { compact } from '@headlessui/react/dist/utils/render';
+import type { StorybookConfig } from '@storybook/react-vite';
+
+const require = createRequire(import.meta.url);
+
+const config: StorybookConfig = {
+  stories: ['../src/lib/**/*.@(mdx|stories.@(js|jsx|ts|tsx))'],
+  addons: [
+    getAbsolutePath("@storybook/addon-links"),
+    getAbsolutePath("@storybook/addon-onboarding"),
+    getAbsolutePath("@storybook/addon-coverage"),
+    getAbsolutePath("@storybook/addon-a11y"),
+    getAbsolutePath("@storybook/addon-docs")
+  ],
+  framework: {
+    name: getAbsolutePath("@storybook/react-vite"),
+    options: {
+      builder: {
+        viteConfigPath: 'vite.config.mts',
+      },
+    },
+  },
+};
+
+export default config;
+
+// To customize your Vite configuration you can use the viteFinal field.
+// Check https://storybook.js.org/docs/react/builders/vite#configuration
+// and https://nx.dev/recipes/storybook/custom-builder-configs
+
+function getAbsolutePath(value: string): any {
+  return dirname(require.resolve(join(value, "package.json")));
+}

package/.storybook/preview.ts

@@ -0,0 +1,4 @@
+import '../src/styles.css';
+// development only!
+
+// import "@dhasdk/safelist-css"

package/BAKpostcss.config.jsBAK

@@ -0,0 +1,15 @@
+const { join } = require('path');
+
+// Note: If you use library-specific PostCSS/Tailwind configuration then you should remove the `postcssConfig` build
+// option from your application's configuration (i.e. project.json).
+//
+// See: https://nx.dev/guides/using-tailwind-css-in-react#step-4:-applying-configuration-to-libraries
+
+module.exports = {
+  plugins: {
+    tailwindcss: {
+      config: join(__dirname, 'tailwind.config.js'),
+    },
+    autoprefixer: {},
+  },
+};

package/BAKtailwind.config.mjsBAK

@@ -0,0 +1,99 @@
+import { createGlobPatternsForDependencies } from '@nx/react/tailwind';
+import { join } from 'path';
+import tailwindcssAnimate from 'tailwindcss-animate';
+
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    join(
+      process.cwd(),
+      '{.,src,pages,components,app,lib}/**/*!(*.stories|*.spec).{ts,tsx,html}',
+    ),
+    join(
+      process.cwd(),
+      '{.,src,pages,components,app,lib}/*!(*.stories|*.spec).{ts,tsx,html}',
+    ),
+    ...createGlobPatternsForDependencies(process.cwd()),
+  ],
+
+  darkMode: ['class'],
+  prefix: '',
+  theme: {
+    extend: {
+      colors: {
+        'dha-dark-blue': '#07192d',
+        'dha-blue': '#092068',
+        'dha-red': '#582831',
+        'dha-grey': '#414042',
+        'dha-light-blue': '#5992fa',
+        'dha-green': '#5aab46',
+        'dha-yellow': '#ffd03f',
+        'dha-mc-true-blue': '#0256AB',
+        'dha-mc-pale-blue': '#E3EBF3',
+        'dha-mc-alert': '#EB941D',
+        'dha-mc-alert-border': '#CB811B',
+        'dha-mc-required-field': '#D91D1D',
+        'dha-mc-primary-text': '#484848',
+        'dha-mc-field-border': '#707070',
+        'dha-mc-checkbox-inactive': '#949494',
+        'dha-mc-secondary-border': '#C6C6C6',
+        'dha-mc-inactive-nav-icon-fill': '#F0EEEC',
+        'dha-mc-bottom-nav-background': '#F9F9F9',
+        'dha-mc-white-main': '#FFFFFF',
+        border: 'hsl(var(--border))',
+        input: 'hsl(var(--input))',
+        ring: 'hsl(var(--ring))',
+        background: 'hsl(var(--background))',
+        foreground: 'hsl(var(--foreground))',
+        primary: {
+          DEFAULT: 'hsl(var(--primary))',
+          foreground: 'hsl(var(--primary-foreground))',
+        },
+        secondary: {
+          DEFAULT: 'hsl(var(--secondary))',
+          foreground: 'hsl(var(--secondary-foreground))',
+        },
+        destructive: {
+          DEFAULT: 'hsl(var(--destructive))',
+          foreground: 'hsl(var(--destructive-foreground))',
+        },
+        muted: {
+          DEFAULT: 'hsl(var(--muted))',
+          foreground: 'hsl(var(--muted-foreground))',
+        },
+        accent: {
+          DEFAULT: 'hsl(var(--accent))',
+          foreground: 'hsl(var(--accent-foreground))',
+        },
+        popover: {
+          DEFAULT: 'hsl(var(--popover))',
+          foreground: 'hsl(var(--popover-foreground))',
+        },
+        card: {
+          DEFAULT: 'hsl(var(--card))',
+          foreground: 'hsl(var(--card-foreground))',
+        },
+      },
+      borderRadius: {
+        lg: 'var(--radius)',
+        md: 'calc(var(--radius) - 2px)',
+        sm: 'calc(var(--radius) - 4px)',
+      },
+      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' },
+        },
+      },
+      animation: {
+        'accordion-down': 'accordion-down 0.2s ease-out',
+        'accordion-up': 'accordion-up 0.2s ease-out',
+      },
+    },
+  },
+  plugins: [tailwindcssAnimate],
+};