@design-system-rte/core 0.2.0-rc3 → 0.2.0

package/components/tooltip/tooltip.interface.d.ts

@@ -0,0 +1,9 @@
+export type Position = 'auto' | 'top' | 'bottom' | 'left' | 'right';
+export type Alignment = 'start' | 'center' | 'end';
+
+export interface TooltipProps {
+    position?: Position;
+    alignment?: Alignment;
+    label?: string;
+    arrow?: boolean;
+}

package/components/utils/auto-placement.ts

@@ -0,0 +1,19 @@
+export const getAutoPlacement = (element: HTMLElement, defaultPosition: string) => {
+    const parent = element.parentElement;
+    if (!parent) return defaultPosition;
+
+    const parentRect = parent.getBoundingClientRect();
+    const tooltipRect = element.getBoundingClientRect();
+
+    const hasSpaceTop = tooltipRect.top-40 >= parentRect.top;
+    const hasSpaceBottom = tooltipRect.bottom+40 <= parentRect.bottom;
+    const hasSpaceLeft = tooltipRect.left-160 >= parentRect.left;
+    const hasSpaceRight = tooltipRect.right+160 <= parentRect.right;
+
+    if (hasSpaceTop) return "top";
+    if (hasSpaceBottom) return "bottom";
+    if (hasSpaceLeft) return "left";
+    if (hasSpaceRight) return "right";
+
+    return defaultPosition;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design-system-rte/core",
-  "version": "0.2.0-rc3",
+  "version": "0.2.0",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

package/tokens/_typography.scss

@@ -234,4 +234,18 @@ $button-l-semibold-letter-spacing: $letter-spacing-s;
 @mixin typography-checkbox-error {
     @include typography-text-s;
     font-weight: $text-s-bold-font-weight;
+}
+
+@mixin typography-tooltip{
+    font-feature-settings: "liga" off, "clig" off;
+    font-style: normal;
+}
+
+@mixin typography-tooltip-label{
+    @include typography-tooltip;
+    font-family: $text-m-regular-font-family;
+    font-weight: $text-m-regular-font-weight;
+    font-size: $text-m-regular-font-size;
+    line-height: $text-m-regular-line-height;
+    letter-spacing: $text-m-regular-letter-spacing;
 }

package/tsconfig.json

@@ -7,6 +7,5 @@
       "forceConsistentCasingInFileNames": true,
       "strict": true
     },
-    "include": ["scripts/**/*"],
     "exclude": ["node_modules"]
-  }
+}