@cube-dev/ui-kit 0.0.0-canary-fdb3e8e → 0.0.0-canary-cce7d71

package/cjs/components/content/Title.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 
@@ -14,7 +14,7 @@ const Text_1 = require("./Text");
 const tasty_1 = require("../../tasty");
 const react_2 = require("../../utils/react");
 const STYLE_LIST = [...tasty_1.TEXT_STYLES, ...tasty_1.CONTAINER_STYLES];
-const RawTitle = (0, tasty_1.tasty)({
+const TitleElement = (0, tasty_1.tasty)({
     qa: 'Title',
     as: 'h1',
     styles: {
@@ -44,7 +44,7 @@ const _Title = (0, react_1.forwardRef)(({ qa, as, styleName, inline, nowrap, ell
     props = (0, react_2.useSlotProps)(props, 'heading');
     const tag = `h${level || 1}`;
     const styles = (0, tasty_1.extractStyles)(props, STYLE_LIST, {}, Text_1.TEXT_PROP_MAP);
-    return ((0, jsx_runtime_1.jsx)(RawTitle, { qa: qa || 'Title', as: as || tag, styleName: styleName, "data-level": level || 1, mods: {
+    return ((0, jsx_runtime_1.jsx)(TitleElement, { qa: qa || 'Title', as: as || tag, styleName: styleName, "data-level": level || 1, mods: {
             nowrap,
             ellipsis,
         }, inline: inline, ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));

package/cjs/components/forms/Checkbox/Checkbox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/forms/Checkbox/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/forms/Checkbox/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/forms/FieldWrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 
@@ -18,7 +18,7 @@ const tasty_1 = require("../../tasty");
 const TooltipProvider_1 = require("../overlays/Tooltip/TooltipProvider");
 const icons_1 = require("@ant-design/icons");
 const react_2 = require("../../utils/react");
-const RawField = (0, tasty_1.tasty)({
+const FieldElement = (0, tasty_1.tasty)({
     qa: 'Field',
     styles: {
         display: 'grid',
@@ -48,7 +48,7 @@ const RawField = (0, tasty_1.tasty)({
         },
     },
 });
-const RawMessage = (0, tasty_1.tasty)({
+const MessageElement = (0, tasty_1.tasty)({
     qa: 'Field_Message',
     styles: {
         preset: 'default',
@@ -73,7 +73,7 @@ function FieldWrapper(props, ref) {
         invalid: validationState === 'invalid',
         valid: validationState === 'valid',
     };
-    return ((0, jsx_runtime_1.jsxs)(RawField, { as: as || 'div', ref: ref, mods: mods, isHidden: isHidden, styles: styles, ...fieldProps, children: [labelComponent || descriptionComponent ? ((0, jsx_runtime_1.jsxs)("div", { "data-element": "LabelArea", children: [labelComponent, descriptionComponent] }, void 0)) : null, (0, jsx_runtime_1.jsxs)("div", { "data-element": "InputArea", children: [Component, message && !isDisabled && ((0, jsx_runtime_1.jsx)(RawMessage, { mods: mods, styles: messageStyles, role: validationState === 'invalid' ? 'alert' : undefined, children: message }, void 0))] }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(FieldElement, { as: as || 'div', ref: ref, mods: mods, isHidden: isHidden, styles: styles, ...fieldProps, children: [labelComponent || descriptionComponent ? ((0, jsx_runtime_1.jsxs)("div", { "data-element": "LabelArea", children: [labelComponent, descriptionComponent] }, void 0)) : null, (0, jsx_runtime_1.jsxs)("div", { "data-element": "InputArea", children: [Component, message && !isDisabled && ((0, jsx_runtime_1.jsx)(MessageElement, { mods: mods, styles: messageStyles, role: validationState === 'invalid' ? 'alert' : undefined, children: message }, void 0))] }, void 0)] }, void 0));
 }
 /**
  * A wrapper for form fields to provide additional decoration for inputs.

package/cjs/components/forms/FileInput/FileInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/forms/Form/Field.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/forms/Form/Form.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/forms/Form/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/forms/Form/useForm.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/forms/Form/validation.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/forms/Input/Input.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/forms/Input/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/forms/Label.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 
@@ -54,7 +54,7 @@ exports.LABEL_STYLES = {
         side: '@(label-width, initial)',
     },
 };
-const RawLabel = (0, tasty_1.tasty)({
+const LabelElement = (0, tasty_1.tasty)({
     as: 'label',
     qa: 'Label',
     styles: exports.LABEL_STYLES,
@@ -72,7 +72,7 @@ function Label(props, ref) {
     let icon = ((0, jsx_runtime_1.jsx)("span", { "aria-label": includeNecessityIndicatorInAccessibilityName
             ? formatMessage('(required)')
             : undefined, children: REQUIRED_ICON }, void 0));
-    return ((0, jsx_runtime_1.jsx)(RawLabel, { ...(0, tasty_1.filterBaseProps)(otherProps), onClick: onClick, ref: domRef, styles: styles, htmlFor: labelFor || htmlFor, mods: {
+    return ((0, jsx_runtime_1.jsx)(LabelElement, { ...(0, tasty_1.filterBaseProps)(otherProps), onClick: onClick, ref: domRef, styles: styles, htmlFor: labelFor || htmlFor, mods: {
             side: labelPosition === 'side',
             disabled: isDisabled,
             invalid: validationState === 'invalid',

package/cjs/components/forms/NumberInput/NumberInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/forms/NumberInput/StepButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/forms/PasswordInput/PasswordInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/forms/RadioGroup/Radio.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/forms/RadioGroup/RadioGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 
@@ -19,7 +19,7 @@ const context_1 = require("./context");
 const tasty_1 = require("../../../tasty");
 const FieldWrapper_1 = require("../FieldWrapper");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
-const RawRadioGroup = (0, tasty_1.tasty)({
+const RadioGroupElement = (0, tasty_1.tasty)({
     qa: 'RadioGroup',
     styles: {
         display: 'flex',
@@ -46,7 +46,7 @@ function RadioGroup(props, ref) {
     groupStyles = (0, tasty_1.extractStyles)(otherProps, tasty_1.BLOCK_STYLES, groupStyles);
     let state = (0, radio_2.useRadioGroupState)(props);
     let { radioGroupProps: fieldProps, labelProps } = (0, radio_1.useRadioGroup)(props, state);
-    let radioGroup = ((0, jsx_runtime_1.jsx)(RawRadioGroup, { styles: groupStyles, mods: {
+    let radioGroup = ((0, jsx_runtime_1.jsx)(RadioGroupElement, { styles: groupStyles, mods: {
             horizontal: orientation === 'horizontal',
         }, children: (0, jsx_runtime_1.jsx)(Form_1.FormContext.Provider, { value: {
                 isRequired,

package/cjs/components/forms/RadioGroup/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/forms/SearchInput/SearchInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/forms/Switch/Switch.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/forms/TextArea/TextArea.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/forms/TextInput/TextInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/forms/TextInput/TextInputBase.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/forms/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/layout/Flex.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/layout/Flow.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/layout/Grid.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/layout/Prefix.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/layout/Space.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/layout/Suffix.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 

package/cjs/components/navigation/LegacyTabs/LegacyTabs.js

@@ -1,11 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */
 
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LegacyTabs = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -14,47 +17,59 @@ const Block_1 = require("../../Block");
 const Space_1 = require("../../layout/Space");
 const Flex_1 = require("../../layout/Flex");
 const actions_1 = require("../../actions");
+const tasty_1 = require("../../../tasty");
+const styled_components_1 = __importDefault(require("styled-components"));
+const Flow_1 = require("../../layout/Flow");
 const LegacyTabsContext = (0, react_1.createContext)({
     addTab() { },
     removeTab() { },
     setTab() { },
     changeTab() { },
 });
-const TAB_STYLES = {
-    color: {
-        '': '#dark',
-        'selected, hovered': '#purple-text',
-        disabled: '#dark.50',
+const TabElement = (0, tasty_1.tasty)(actions_1.Button, {
+    type: 'tab',
+    styles: {
+        color: {
+            '': '#dark',
+            'selected, hovered': '#purple-text',
+            disabled: '#dark.50',
+        },
+        fill: '#purple.0',
+        textAlign: 'center',
+        fontWeight: 600,
+        padding: '(1x - 1px) (1x - 1px)',
+        radius: '1r 1r 0 0',
+        border: 0,
     },
-    fill: '#purple.0',
-    textAlign: 'center',
-    fontWeight: 600,
-    padding: '(1x - 1px) (1x - 1px)',
-    radius: '1r 1r 0 0',
-    border: 0,
-};
-const TAB_CSS = `
-&::before {
-  --outline-size: 0px;
-  content: '';
-  display: block;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  box-shadow: inset 0 calc(-1 * var(--outline-size)) 0 var(--purple-color);
-  pointer-events: none;
-  transition: opacity linear .2s, box-shadow linear .2s;
-}
-&[data-is-selected]::before {
-  --outline-size: 2px;
-}
-&:not([data-is-selected]):not([disabled])[data-is-hovered]::before {
-  --outline-size: 1px;
-}
+});
+const StyledTabElement = (0, styled_components_1.default)(TabElement) `
+  &::before {
+    --outline-size: 0px;
+    content: '';
+    display: block;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    box-shadow: inset 0 calc(-1 * var(--outline-size)) 0 var(--purple-color);
+    pointer-events: none;
+    transition: opacity linear 0.2s, box-shadow linear 0.2s;
+  }
+  &[data-is-selected]::before {
+    --outline-size: 2px;
+  }
+  &:not([data-is-selected]):not([disabled])[data-is-hovered]::before {
+    --outline-size: 1px;
+  }
 `;
-const TABS_PANEL_CSS = `
+const TabsPanelElement = (0, tasty_1.tasty)(Space_1.Space, {
+    styles: {
+        gap: '1x',
+        flexShrink: 0,
+    },
+});
+const StyledTabsPanelElement = (0, styled_components_1.default)(TabsPanelElement) `
   position: relative;
   overflow: auto hidden;
   top: 1px;
@@ -79,7 +94,14 @@ const TABS_PANEL_CSS = `
     height: 3px;
   }
 `;
-const TABS_CONTAINER_CSS = `
+const TabsContainerElement = (0, tasty_1.tasty)(Flow_1.Flow, {
+    styles: {
+        flow: 'column',
+        height: 'max 100%',
+        width: 'max 100%',
+    },
+});
+const StyledTabsContainerElement = (0, styled_components_1.default)(TabsContainerElement) `
   position: relative;
 
   &::before {
@@ -92,7 +114,7 @@ const TABS_CONTAINER_CSS = `
     pointer-events: none;
     width: 32px;
     height: 37px;
-    transition: all .15s linear;
+    transition: all 0.15s linear;
     background-image: linear-gradient(
       to left,
       rgba(255, 255, 255, 0),
@@ -111,7 +133,7 @@ const TABS_CONTAINER_CSS = `
     width: 32px;
     height: 37px;
     pointer-events: none;
-    transition: all .15s linear;
+    transition: all 0.15s linear;
     background-image: linear-gradient(
       to right,
       rgba(255, 255, 255, 0),
@@ -120,12 +142,13 @@ const TABS_CONTAINER_CSS = `
     z-index: 10;
   }
 
-  &[data-is-left-fade]::before, &[data-is-right-fade]::after {
+  &[data-is-left-fade]::before,
+  &[data-is-right-fade]::after {
     opacity: 1;
   }
 `;
 const Tab = ({ isSelected, isHidden, onClose, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)(actions_1.Button, { type: "tab", styles: TAB_STYLES, css: TAB_CSS, isSelected: isSelected, isHidden: isHidden, ...props }, void 0));
+    return ((0, jsx_runtime_1.jsx)(StyledTabElement, { isSelected: isSelected, isHidden: isHidden, ...props }, void 0));
 };
 function LegacyTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, extra, children, ...props }) {
     const tabsRef = (0, react_1.useRef)(null);
@@ -213,13 +236,13 @@ function LegacyTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, on
         onTabClick && onTabClick(tab.id);
         setTab(tab.id);
     }
-    return ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { flow: "column", height: "max 100%", width: "max 100%", "data-is-left-fade": leftFade || null, "data-is-right-fade": rightFade || null, css: TABS_CONTAINER_CSS, ...props, children: (0, jsx_runtime_1.jsxs)(LegacyTabsContext.Provider, { value: {
+    return ((0, jsx_runtime_1.jsx)(StyledTabsContainerElement, { "data-is-left-fade": leftFade || null, "data-is-right-fade": rightFade || null, ...props, children: (0, jsx_runtime_1.jsxs)(LegacyTabsContext.Provider, { value: {
                 addTab,
                 setTab,
                 removeTab,
                 changeTab,
                 currentTab: activeKey,
-            }, children: [(0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: ".5x", placeContent: "center space-between", children: [(0, jsx_runtime_1.jsx)(Space_1.Space, { ref: tabsRef, gap: "1x", flexShrink: 0, css: TABS_PANEL_CSS, children: tabs.map((tab) => {
+            }, children: [(0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: ".5x", placeContent: "center space-between", children: [(0, jsx_runtime_1.jsx)(StyledTabsPanelElement, { ref: tabsRef, children: tabs.map((tab) => {
                                 return ((0, jsx_runtime_1.jsx)(Tab, { "data-qa": tab.qa, onPress: () => onPress(tab), isSelected: tab.id === activeKey || false, isDisabled: tab.isDisabled, isHidden: tab.isHidden, children: tab.title }, tab.id));
                             }) }, void 0), extra] }, void 0), (0, jsx_runtime_1.jsx)(Flex_1.Flex, { flexGrow: 1, border: "top rgb(227, 227, 233)", ...(paneStyles || {}), children: children }, void 0)] }, void 0) }, void 0));
 }

package/cjs/components/navigation/Link/Link.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fdb3e8e
+ * @cube-dev/ui-kit v0.0.0-canary-cce7d71
  * Released under the MIT license.
  */