Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@konturio/ui-kit

Package Overview
Dependencies
Maintainers
2
Versions
103
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@konturio/ui-kit - npm Package Compare versions

Comparing version 5.1.2 to 5.1.3

4

package.json
{
"name": "@konturio/ui-kit",
"version": "5.1.2",
"version": "5.1.3",
"repository": {

@@ -36,3 +36,3 @@ "type": "git",

},
"gitHead": "1a27048138f63aee1be0c3cf4b4bd51bbc9df479"
"gitHead": "3ea4509f98eb5ef85b78238c87c6c5b8909e3b75"
}

@@ -10,3 +10,3 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";

export function Panel({ className, children, header, headerIcon, onHeaderClick, customCloseBtn, classes, ref, isOpen = true, modal, contentHeight, minContentHeight, maxContentHeight, contentContainerRef, contentClassName, customControls, resize = 'none', ...rest }) {
const panel = (_jsxs(Card, { className: cn(s.card, className), ...rest, children: [header && (_jsx("div", { className: cn(classes?.header, onHeaderClick && s.hoverable), children: _jsxs("div", { className: cn(s.headerContent), onClick: onHeaderClick, children: [_jsxs("div", { className: cn(s.headerTitle, classes?.headerTitle), children: [headerIcon && _jsx("div", { className: s.headerIconWrap, children: headerIcon }), _jsx(Heading, { type: "heading-04", margins: false, children: header })] }), !customControls && onHeaderClick && (_jsx("button", { className: cn(s.close, classes?.closeBtn), children: isOpen ? _jsx(ChevronUp24, {}) : _jsx(ChevronDown24, {}) })), customControls?.map((control) => (_jsx("button", { disabled: control.disabled, className: cn(s.close, classes?.closeBtn, control.className), onClick: control.onWrapperClick, children: control.icon }, nanoid(4))))] }) })), isOpen && (_jsx("div", { className: cn(s.contentContainer, contentClassName), ref: contentContainerRef, style: {
const panel = (_jsxs(Card, { className: cn(s.card, className), ...rest, children: [header && (_jsx("div", { className: cn(classes?.header, onHeaderClick && s.hoverable), children: _jsxs("div", { className: cn(s.headerContent), onClick: onHeaderClick, children: [_jsxs("div", { className: cn(s.headerTitle, classes?.headerTitle), children: [headerIcon && _jsx("div", { className: s.headerIconWrap, children: headerIcon }), _jsx(Heading, { type: "heading-04", margins: false, children: header })] }), !customControls && onHeaderClick && (_jsx("button", { className: cn(s.close, classes?.closeBtn), children: isOpen ? _jsx(ChevronUp24, {}) : _jsx(ChevronDown24, {}) })), customControls && _jsx("div", { style: { marginLeft: 'auto' } }), customControls?.map((control) => (_jsx("button", { disabled: control.disabled, className: cn(s.close, classes?.closeBtn, control.className), onClick: control.onWrapperClick, children: control.icon }, nanoid(4))))] }) })), isOpen && (_jsx("div", { className: cn(s.contentContainer, contentClassName), ref: contentContainerRef, style: {
resize: resize,

@@ -13,0 +13,0 @@ height: contentHeight || 'unset',

Sorry, the diff of this file is not supported yet

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