@cloud-ru/ds-tooltip 1.0.4 → 1.0.6-preview-a2208aeb.0

package/src/components/QuestionTooltip/QuestionTooltip.tsx

@@ -5,7 +5,6 @@ import cn from 'classnames';
 import { RefObject } from 'react';
 
 import { SIZE, TEST_IDS } from '../../constants';
-import { getIconSize } from '../../utils';
 import { Tooltip } from '../Tooltip';
 import styles from './styles.module.scss';
 import { QuestionTooltipProps } from './types';
@@ -52,7 +51,7 @@ export function QuestionTooltip({
         // нужен настоящий триггер (позиционирование, фокус).
         ref={triggerRef as RefObject<HTMLButtonElement>}
       >
-        <QuestionSVG size={getIconSize(size)} />
+        <QuestionSVG />
       </button>
     </Tooltip>
   );

package/src/components/QuestionTooltip/styles.module.scss

@@ -44,8 +44,16 @@ $sizes: 'xs', 's';
 
   @each $size in $sizes {
     &[data-size='#{$size}'] {
-      width: base.simple-var(base.$sn-density, 'size', 'icon', $size);
-      height: base.simple-var(base.$sn-density, 'size', 'icon', $size);
+      $icon-size: base.simple-var(base.$sn-density, 'icon', $size);
+
+      width: $icon-size;
+      height: $icon-size;
+
+      // !important — иконки `@cloud-ru/ds-icons` проставляют width/height инлайн-стилем.
+      svg {
+        width: $icon-size !important;
+        height: $icon-size !important;
+      }
     }
   }
 }

package/dist/cjs/utils.d.ts

@@ -1,2 +0,0 @@
-import { Size } from './types';
-export declare function getIconSize(size?: Size): 16 | 24;

package/dist/cjs/utils.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getIconSize = getIconSize;
-const constants_1 = require("./constants");
-function getIconSize(size) {
-    switch (size) {
-        case constants_1.SIZE.XS: {
-            return 16;
-        }
-        case constants_1.SIZE.S:
-        default: {
-            return 24;
-        }
-    }
-}

package/dist/esm/utils.d.ts

@@ -1,2 +0,0 @@
-import { Size } from './types.js';
-export declare function getIconSize(size?: Size): 16 | 24;

package/dist/esm/utils.js

@@ -1,12 +0,0 @@
-import { SIZE } from './constants.js';
-export function getIconSize(size) {
-    switch (size) {
-        case SIZE.XS: {
-            return 16;
-        }
-        case SIZE.S:
-        default: {
-            return 24;
-        }
-    }
-}

package/src/utils.ts

@@ -1,14 +0,0 @@
-import { SIZE } from './constants';
-import { Size } from './types';
-
-export function getIconSize(size?: Size) {
-  switch (size) {
-    case SIZE.XS: {
-      return 16;
-    }
-    case SIZE.S:
-    default: {
-      return 24;
-    }
-  }
-}