feat(rich-tooltip): change name prop title

juntossomosmais · Feb 14, 2025 · c2cfe3a · c2cfe3a
1 parent 7f491d0
commit c2cfe3a
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 12 deletions.
diff --git a/packages/core/src/components.d.ts b/packages/core/src/components.d.ts
@@ -231,6 +231,7 @@ export namespace Components {
         "action": 'hover' | 'click';
         "actionText"?: string;
         "element": string;
+        "label"?: string;
         "placement": | 'top'
     | 'top-start'
     | 'top-end'
@@ -239,7 +240,6 @@ export namespace Components {
     | 'bottom-end'
     | 'right'
     | 'left';
-        "title"?: string;
     }
     interface AtomSelect {
         "disabled"?: boolean;
@@ -1026,6 +1026,7 @@ declare namespace LocalJSX {
         "action"?: 'hover' | 'click';
         "actionText"?: string;
         "element"?: string;
+        "label"?: string;
         "onButtonAction"?: (event: AtomRichTooltipCustomEvent<void>) => void;
         "placement"?: | 'top'
     | 'top-start'
@@ -1035,7 +1036,6 @@ declare namespace LocalJSX {
     | 'bottom-end'
     | 'right'
     | 'left';
-        "title"?: string;
     }
     interface AtomSelect {
         "disabled"?: boolean;

diff --git a/packages/core/src/components/rich-tooltip/rich-tooltip.spec.ts b/packages/core/src/components/rich-tooltip/rich-tooltip.spec.ts
@@ -9,7 +9,7 @@ describe('AtomRichTooltip', () => {
     open = false
   ) => `
       <button id="${id}" aria-describedby="${id}--tooltip">Hover</button>
-      <atom-rich-tooltip id="${id}--tooltip" element="${id}" open="${open}" action="${action}" title="Test Title" actiontext="Click me">Tooltip content</atom-rich-tooltip>
+      <atom-rich-tooltip id="${id}--tooltip" element="${id}" open="${open}" action="${action}" label="Test Title" actiontext="Click me">Tooltip content</atom-rich-tooltip>
     `
 
   it('should render correctly', async () => {
@@ -19,7 +19,7 @@ describe('AtomRichTooltip', () => {
     })
 
     expect(page.root).toEqualHtml(`
-      <atom-rich-tooltip id="test-element--tooltip" element="test-element" open="false" action="hover" title="Test Title" actiontext="Click me" role="tooltip">
+      <atom-rich-tooltip id="test-element--tooltip" element="test-element" open="false" action="hover" label="Test Title" actiontext="Click me" role="tooltip">
         <mock:shadow-root>
           <atom-tooltip element="test-element" placement="top" action="hover" class="rich-tooltip">
             <div class="rich-tooltip__content">

diff --git a/packages/core/src/components/rich-tooltip/rich-tooltip.tsx b/packages/core/src/components/rich-tooltip/rich-tooltip.tsx
@@ -27,7 +27,7 @@ export class AtomRichTooltip {
     | 'right'
     | 'left' = 'top'
   @Prop() action: 'hover' | 'click' = 'hover'
-  @Prop() title?: string
+  @Prop() label?: string
   @Prop() actionText?: string
 
   @Event() buttonAction?: EventEmitter<void>
@@ -42,7 +42,7 @@ export class AtomRichTooltip {
           class='rich-tooltip'
         >
           <div class='rich-tooltip__content'>
-            {this.title && <h1 class='title'>{this.title}</h1>}
+            {this.label && <h1 class='title'>{this.label}</h1>}
             <p class='text'>
               <slot />
             </p>

diff --git a/packages/core/src/components/rich-tooltip/stories/rich-tooltip.args.ts b/packages/core/src/components/rich-tooltip/stories/rich-tooltip.args.ts
@@ -62,7 +62,7 @@ export const RichTooltipStoryArgs = {
         category: Category.PROPERTIES,
       },
     },
-    title: {
+    label: {
       control: 'text',
       description: 'Determines a title for tooltip.',
       table: {
@@ -111,7 +111,7 @@ export const RichTooltipComponentArgs = {
   placement: 'top',
   text: 'Supporting line text lorem ipsum dolor sit amet, consectetur',
   action: 'hover',
-  title: 'Title',
+  label: 'Title',
   actionText: 'Action Button',
   open: false,
 }
diff --git a/packages/core/src/components/rich-tooltip/stories/rich-tooltip.core.stories.tsx b/packages/core/src/components/rich-tooltip/stories/rich-tooltip.core.stories.tsx
@@ -26,7 +26,7 @@ const createRichTooltip = (args, buttonText = 'hover') => {
         id="atom-rich-tooltip"
         placement="${args.placement}"
         element="${buttonText}"
-        title="${args.title}"
+        label="${args.label}"
         action="${args.action}"
         action-text="${args.actionText}"
         button-action="${args.buttonAction}"

diff --git a/packages/core/src/components/rich-tooltip/stories/rich-tooltip.react.stories.tsx b/packages/core/src/components/rich-tooltip/stories/rich-tooltip.react.stories.tsx
@@ -27,7 +27,7 @@ const createRichTooltip = (args, buttonText = 'Hover') => (
       id='atom-rich-tooltip'
       placement={args.placement}
       element={buttonText}
-      title={args.title}
+      label={args.label}
       action={args.action}
       actionText={args.actionText}
       open={args.open}

diff --git a/packages/core/src/components/rich-tooltip/stories/rich-tooltip.vue.stories.tsx b/packages/core/src/components/rich-tooltip/stories/rich-tooltip.vue.stories.tsx
@@ -27,9 +27,9 @@ const createRichTooltip = (args, buttonText = 'Hover') => (
       id='atom-rich-tooltip'
       placement={args.placement}
       element={buttonText}
-      tooltipTitle={args.tooltipTitle}
+      label={args.label}
       action={args.action}
-      actiontext={args.actiontext}
+      actionText={args.actionText}
       open={args.open}
     >
       {args.text}