New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@snack-uikit/tooltip

Package Overview
Dependencies
Maintainers
3
Versions
84
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@snack-uikit/tooltip - npm Package Compare versions

Comparing version 0.10.0 to 0.10.1

10

CHANGELOG.md

@@ -6,2 +6,12 @@ # Change Log

## 0.10.1 (2023-12-14)
### Only dependencies have been changed
* [@snack-uikit/icons@0.19.1](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/icons/CHANGELOG.md)
* [@snack-uikit/popover-private@0.12.1](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/popover-private/CHANGELOG.md)
# 0.10.0 (2023-12-14)

@@ -8,0 +18,0 @@

2

dist/components/QuestionTooltip/QuestionTooltip.js

@@ -22,3 +22,3 @@ var __rest = (this && this.__rest) || function (s, e) {

const [tooltipOpened, setTooltipOpened] = useState(false);
return (_jsx(Tooltip, Object.assign({}, rest, { className: tooltipClassname, open: tooltipOpened, onOpenChange: setTooltipOpened, trigger: TRIGGER_MAP[trigger] }, { children: ({ getReferenceProps, ref }) => (_jsx("span", Object.assign({}, getReferenceProps(), { ref: ref, "data-size": size, "data-opened": tooltipOpened, "data-trigger": trigger, className: cn(styles.questionTooltip, className), role: 'button', tabIndex: 0 }, { children: _jsx(QuestionSVG, { size: SIZES_MAP[size], "data-test-id": triggerDataTestId }) }))) })));
return (_jsx(Tooltip, Object.assign({}, rest, { className: tooltipClassname, open: tooltipOpened, onOpenChange: setTooltipOpened, trigger: TRIGGER_MAP[trigger], children: ({ getReferenceProps, ref }) => (_jsx("span", Object.assign({}, getReferenceProps(), { ref: ref, "data-size": size, "data-opened": tooltipOpened, "data-trigger": trigger, className: cn(styles.questionTooltip, className), role: 'button', tabIndex: 0, children: _jsx(QuestionSVG, { size: SIZES_MAP[size], "data-test-id": triggerDataTestId }) }))) })));
}

@@ -20,3 +20,3 @@ var __rest = (this && this.__rest) || function (s, e) {

}
return (_jsx(PopoverPrivate, Object.assign({ placement: placement, popoverContent: _jsx("div", Object.assign({ className: styles.tooltipContainer, "data-disable-max-width": disableMaxWidth }, { children: tip })), trigger: trigger, arrowContainerClassName: styles.tooltipArrowContainer, arrowElementClassName: styles.tooltipArrowElement, hasArrow: true }, otherProps, { children: children })));
return (_jsx(PopoverPrivate, Object.assign({ placement: placement, popoverContent: _jsx("div", { className: styles.tooltipContainer, "data-disable-max-width": disableMaxWidth, children: tip }), trigger: trigger, arrowContainerClassName: styles.tooltipArrowContainer, arrowElementClassName: styles.tooltipArrowElement, hasArrow: true }, otherProps, { children: children })));
}

@@ -7,3 +7,3 @@ {

"title": "Tooltip",
"version": "0.10.0",
"version": "0.10.1",
"sideEffects": [

@@ -36,8 +36,8 @@ "*.css",

"dependencies": {
"@snack-uikit/icons": "0.19.0",
"@snack-uikit/popover-private": "0.12.0",
"@snack-uikit/icons": "0.19.1",
"@snack-uikit/popover-private": "0.12.1",
"@snack-uikit/utils": "3.2.0",
"classnames": "2.3.2"
},
"gitHead": "bd39c5e674f3b91b0e2487782a04b15034cf3d8b"
"gitHead": "62f43bf0cbfd611d0b746117400f67096b1790f6"
}

@@ -17,3 +17,3 @@ # Tooltip

| tip* | `ReactNode` | - | Содержимое тултипа |
| disableMaxWidth | `boolean` | - | Отключение ограничения ширины тултипа @default false |
| disableMaxWidth | `boolean` | - | Отключение ограничения ширины тултипа |
| className | `string` | - | CSS-класс |

@@ -39,3 +39,3 @@ | triggerClassName | `string` | - | CSS-класс триггера |

| placement | enum Placement: `"left"`, `"left-start"`, `"left-end"`, `"right"`, `"right-start"`, `"right-end"`, `"top"`, `"top-start"`, `"top-end"`, `"bottom"`, `"bottom-start"`, `"bottom-end"` | top | Положение поповера относительно своего триггера (children). |
| disableMaxWidth | `boolean` | - | Отключение ограничения ширины тултипа @default false |
| disableMaxWidth | `boolean` | false | Отключение ограничения ширины тултипа |
| trigger | enum Trigger: `"click"`, `"hover"` | hover | Условие отображения подсказки |

@@ -42,0 +42,0 @@ | size | enum Size: `"s"`, `"xs"` | xs | Размер |

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc