@appmax_npm/ds-prime 1.0.0-alpha.11 → 1.0.0-alpha.13

package/button/index.d.ts

@@ -0,0 +1 @@
+export { default } from 'primevue/button';

package/button/index.js

@@ -0,0 +1 @@
+export { default } from 'primevue/button';

package/config/preset.d.ts

@@ -0,0 +1 @@
+export declare const AmPreset: any;

package/config/preset.js

@@ -0,0 +1,76 @@
+import { definePreset } from '@primevue/themes';
+import Lara from '@primevue/themes/lara';
+export var AmPreset = definePreset(Lara, {
+    primitive: {
+        purple: {
+            50: '#f7f3ff',
+            100: '#f0e8ff',
+            200: '#e4d6ff',
+            300: '#ccb2ff',
+            400: '#b28bff',
+            500: '#9b6afa',
+            600: '#7443d6',
+            700: '#623dae',
+            800: '#4d2f89',
+            900: '#372263'
+        }
+    },
+    semantic: {
+        primary: {
+            50: '{purple.50}',
+            100: '{purple.100}',
+            200: '{purple.200}',
+            300: '{purple.300}',
+            400: '{purple.400}',
+            500: '{purple.500}',
+            600: '{purple.600}',
+            700: '{purple.700}',
+            800: '{purple.800}',
+            900: '{purple.900}',
+            950: '{purple.950}'
+        },
+        colorScheme: {
+            light: {
+                surface: {
+                    0: '#ffffff',
+                    50: '#fafafa',
+                    100: '#f5f5f5',
+                    200: '#eeeeee',
+                    300: '#e0e0e0',
+                    400: '#bdbdbd',
+                    500: '#9e9e9e',
+                    600: '#757575',
+                    700: '#616161',
+                    800: '#424242',
+                    900: '#212121'
+                },
+                primary: {
+                    color: '{primary.500}',
+                    contrastColor: '{surface.0}',
+                    hoverColor: '{primary.600}',
+                    activeColor: '{primary.700}'
+                },
+                highlight: {
+                    background: '{primary.50}',
+                    focusBackground: '{primary.100}',
+                    color: '{primary.700}',
+                    focusColor: '{primary.800}'
+                }
+            },
+            dark: {
+                primary: {
+                    color: '{primary.400}',
+                    contrastColor: '{surface.900}',
+                    hoverColor: '{primary.300}',
+                    activeColor: '{primary.200}'
+                },
+                highlight: {
+                    background: 'color-mix(in srgb, {primary.400}, transparent 84%)',
+                    focusBackground: 'color-mix(in srgb, {primary.400}, transparent 76%)',
+                    color: 'rgba(255,255,255,.87)',
+                    focusColor: 'rgba(255,255,255,.87)'
+                }
+            }
+        }
+    }
+});

package/config/theme.d.ts

@@ -0,0 +1,2 @@
+import type { PrimeVueConfiguration } from 'primevue/config';
+export declare const AmDSPrimeConfig: PrimeVueConfiguration;

package/config/theme.js

@@ -0,0 +1,9 @@
+import { AmPreset } from './preset';
+export var AmDSPrimeConfig = {
+    theme: {
+        preset: AmPreset,
+        options: {
+            darkModeSelector: '.p-dark'
+        }
+    }
+};

package/index.d.ts

@@ -1,2 +1,3 @@
-import type { PrimeVueConfiguration } from 'primevue/config';
-export declare const appmaxPrimeConfig: PrimeVueConfiguration;
+import type { Plugin } from 'vue';
+export declare const AmDSPrime: Plugin;
+export default AmDSPrime;

package/index.js

@@ -0,0 +1,8 @@
+import Primevue from 'primevue/config';
+import { AmDSPrimeConfig } from './config/theme';
+export var AmDSPrime = {
+    install: function (app) {
+        app.use(Primevue, AmDSPrimeConfig);
+    }
+};
+export default AmDSPrime;

package/package.json

@@ -1,17 +1,18 @@
 {
   "name": "@appmax_npm/ds-prime",
-  "version": "1.0.0-alpha.11",
+  "version": "1.0.0-alpha.13",
   "description": "Design System da Appmax baseado no Primevue",
   "author": "Appmax",
   "type": "module",
-  "main": "./index.umd.js",
-  "module": "/index.es.js",
-  "types": "./index.d.ts",
+  "exports": {
+    ".": "./index.js",
+    "./*": "./*/index.js"
+  },
   "dependencies": {
-    "@primevue/themes": "^4.0.4"
+    "@primevue/themes": "^4.0.4",
+    "primevue": "^4.0.4"
   },
   "peerDependencies": {
-    "primevue": "^4.0.4",
     "vue": "^3.0.0"
   }
 }