@appmax_npm/ds-prime 1.0.0-alpha.45 → 1.0.0-alpha.47

package/amtext/index.d.ts

@@ -1,4 +1,5 @@
-import { DefineComponent } from "vue";
+import type { DefineComponent, GlobalComponentConstructor, EmitFn } from '@primevue/core';
+import { VNode } from 'vue';
 
 export interface AmTextProps {
   as?: string;
@@ -8,6 +9,31 @@ export interface AmTextProps {
   class?: string;
 }
 
-declare const AmText: DefineComponent<AmTextProps>;
+export interface AmTextSlots {
+  default: () => VNode[],
+};
+
+export interface AmTextEmitsOptions {};
+
+declare type AmTextEmits = EmitFn<AmTextEmitsOptions>;
+
+/**
+ * **DS Prime - AmText**
+ *
+ * AmText é um componente de texto customizado para o DS Prime.
+ *
+ * [Live Demo](https://appmax-space.bitbucket.io/ds-prime/componentes/AmText.html)
+ *
+ * @group Component
+ *
+ */
+
+declare const AmText: DefineComponent<AmTextProps, AmTextSlots, AmTextEmits>;
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    AmText: GlobalComponentConstructor<AmTextProps, AmTextSlots, AmTextEmits>;
+  }
+}
 
 export default AmText;

package/index.js

@@ -5,6 +5,7 @@ import Tooltip from 'primevue/tooltip';
 import './css/index.css';
 export const AmDSPrime = {
     install(app) {
+        // @ts-ignore
         app.use(Primevue, AmDSPrimeConfig);
         // @ts-ignore
         app.use(ToastService);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appmax_npm/ds-prime",
-  "version": "1.0.0-alpha.45",
+  "version": "1.0.0-alpha.47",
   "description": "Design System da Appmax baseado no Primevue",
   "author": "Appmax",
   "exports": {

package/components/AmText/AmText.variants.d.ts

@@ -1,10 +0,0 @@
-import { type VariantProps } from 'class-variance-authority';
-declare const amTextVariants: (props?: ({
-    variant?: "caption" | "body" | "subtitle" | "title" | "display" | null | undefined;
-    isStrong?: boolean | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export interface AmTextVariants extends VariantProps<typeof amTextVariants> {
-}
-export declare const amText: (variants: AmTextVariants, className?: string) => string;
-export {};

package/components/AmText/AmText.variants.js

@@ -1,33 +0,0 @@
-import { cva } from 'class-variance-authority';
-import { twMerge } from 'tailwind-merge';
-const amTextVariants = cva('am-text font-normal text-color text-base [&strong]:font-bold [&>strong]:font-bold', {
-    variants: {
-        variant: {
-            caption: 'text-xs text-muted-color font-medium',
-            body: 'text-sm [&strong]:font-medium [&>strong]:font-medium [&p]text-base',
-            subtitle: '',
-            title: 'text-2xl',
-            display: 'text-5xl [&strong]:font-semibold [&>strong]:font-semibold'
-        },
-        isStrong: { false: '', true: '' },
-        size: { small: '', medium: '', large: '' }
-    },
-    compoundVariants: [
-        // caption
-        { variant: 'caption', isStrong: true, class: 'font-bold' },
-        // body
-        { variant: 'body', isStrong: true, class: 'font-medium' },
-        // subtitle
-        { variant: 'subtitle', isStrong: true, class: 'font-bold' },
-        // title
-        { variant: 'title', size: 'small', class: 'text-lg' },
-        // { variant: 'title', size: 'medium', class: 'text-2xl' },
-        { variant: 'title', size: 'large', class: 'text-3xl' },
-        { variant: 'title', isStrong: true, class: 'font-bold' },
-        // display
-        { variant: 'display', size: 'small', class: 'text-4xl' },
-        // { variant: 'display', size: 'medium', class: 'text-5xl' }
-        { variant: 'display', isStrong: true, class: 'font-bold' }
-    ]
-});
-export const amText = (variants, className) => twMerge(amTextVariants(variants), className);