Rename MarkForTooltip to MarkInverse

gravitational · Dec 20, 2024 · 08c490a · 08c490a
1 parent 3ccefe0
commit 08c490a
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 15 deletions.
diff --git a/web/packages/design/src/Mark/Mark.story.tsx b/web/packages/design/src/Mark/Mark.story.tsx
@@ -19,7 +19,7 @@
 import Box from 'design/Box';
 import { IconTooltip } from 'design/Tooltip';
 
-import { Mark as M, MarkForToolTip } from './Mark';
+import { Mark as M, MarkInverse } from './Mark';
 
 export default {
   title: 'Design/Mark',
@@ -39,17 +39,15 @@ export const SampleText = () => {
         <b>necessitatibus</b>
       </M>{' '}
       obcaecati asperiores neque.
-      <br />
-      <br />
     </Box>
   );
 };
 
 export const MarkInsideTooltip = () => {
   return (
     <IconTooltip>
-      Example of <MarkForToolTip>MarkForToolTip</MarkForToolTip>. Note the{' '}
-      <MarkForToolTip>inversed</MarkForToolTip> background and text color.
+      Example of <MarkInverse>MarkForToolTip</MarkInverse>. Note the{' '}
+      <MarkInverse>inversed</MarkInverse> background and text color.
     </IconTooltip>
   );
 };
diff --git a/web/packages/design/src/Mark/Mark.tsx b/web/packages/design/src/Mark/Mark.tsx
@@ -27,7 +27,7 @@ export const Mark = styled.mark`
   color: inherit;
 `;
 
-export const MarkForToolTip = styled(Mark)`
+export const MarkInverse = styled(Mark)`
   background-color: ${p => p.theme.colors.tooltip.inverseBackground};
   color: ${p => p.theme.colors.text.main};
 `;
diff --git a/web/packages/design/src/Mark/index.ts b/web/packages/design/src/Mark/index.ts
@@ -16,4 +16,4 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-export { Mark, MarkForToolTip } from './Mark';
+export { Mark, MarkInverse } from './Mark';
diff --git a/web/packages/teleport/src/Discover/Shared/ResourceLabelTooltip/ResourceLabelTooltip.tsx b/web/packages/teleport/src/Discover/Shared/ResourceLabelTooltip/ResourceLabelTooltip.tsx
@@ -17,7 +17,7 @@
  */
 
 import Link from 'design/Link';
-import { MarkForToolTip } from 'design/Mark';
+import { MarkInverse } from 'design/Mark';
 import { Position } from 'design/Popover/Popover';
 import { IconTooltip } from 'design/Tooltip';
 import styled from 'styled-components';
@@ -48,8 +48,8 @@ export function ResourceLabelTooltip({
               >
                 Teleport RBAC
               </Link>
-              . Only roles with <MarkForToolTip>node_labels</MarkForToolTip>{' '}
-              that match these labels will be allowed to access this server.
+              . Only roles with <MarkInverse>node_labels</MarkInverse> that
+              match these labels will be allowed to access this server.
             </li>
           </Ul>
         </>
@@ -74,9 +74,9 @@ export function ResourceLabelTooltip({
               >
                 Teleport RBAC
               </Link>
-              . Only roles with{' '}
-              <MarkForToolTip>kubernetes_labels</MarkForToolTip> that match
-              these labels will be allowed to access this Kubernetes cluster.
+              . Only roles with <MarkInverse>kubernetes_labels</MarkInverse>{' '}
+              that match these labels will be allowed to access this Kubernetes
+              cluster.
             </li>
             {resourceKind === 'eks' && (
               <li>
@@ -106,8 +106,8 @@ export function ResourceLabelTooltip({
               >
                 Teleport RBAC
               </Link>
-              . Only roles with <MarkForToolTip>db_labels</MarkForToolTip> that
-              match these labels will be allowed to access this database.
+              . Only roles with <MarkInverse>db_labels</MarkInverse> that match
+              these labels will be allowed to access this database.
             </li>
             {resourceKind === 'rds' && (
               <li>