@loomhq/lens 11.30.4 → 11.31.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +16 -4
- package/dist/esm/index.js +16 -4
- package/dist/types/components/tabs/tabs.d.ts +2 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -5565,6 +5565,8 @@ var TabsNav = import_styled34.default.nav`
|
|
|
5565
5565
|
-ms-overflow-style: none;
|
|
5566
5566
|
scrollbar-width: none;
|
|
5567
5567
|
|
|
5568
|
+
${(props) => props.hasBottomBorder && "border-bottom: 1px solid var(--lns-color-border)"}
|
|
5569
|
+
|
|
5568
5570
|
${(props) => props.scrollOffset && getSize("padding-left", props.scrollOffset)};
|
|
5569
5571
|
|
|
5570
5572
|
&::-webkit-scrollbar {
|
|
@@ -5619,7 +5621,7 @@ var TabWrapper = import_styled34.default.button`
|
|
|
5619
5621
|
appearance: none;
|
|
5620
5622
|
font: inherit;
|
|
5621
5623
|
background: transparent;
|
|
5622
|
-
border:
|
|
5624
|
+
border: 0;
|
|
5623
5625
|
${getRadius("medium")};
|
|
5624
5626
|
cursor: pointer;
|
|
5625
5627
|
display: inline-flex;
|
|
@@ -5724,12 +5726,14 @@ var Tabs = (_a) => {
|
|
|
5724
5726
|
children,
|
|
5725
5727
|
scrollOffset,
|
|
5726
5728
|
hasFullTabs,
|
|
5727
|
-
isPilledDesign
|
|
5729
|
+
isPilledDesign,
|
|
5730
|
+
hasBottomBorder = false
|
|
5728
5731
|
} = _b, props = __objRest(_b, [
|
|
5729
5732
|
"children",
|
|
5730
5733
|
"scrollOffset",
|
|
5731
5734
|
"hasFullTabs",
|
|
5732
|
-
"isPilledDesign"
|
|
5735
|
+
"isPilledDesign",
|
|
5736
|
+
"hasBottomBorder"
|
|
5733
5737
|
]);
|
|
5734
5738
|
const tabsContent = isPilledDesign ? /* @__PURE__ */ import_react41.default.createElement(
|
|
5735
5739
|
TabsNavPilled,
|
|
@@ -5738,7 +5742,15 @@ var Tabs = (_a) => {
|
|
|
5738
5742
|
scrollOffset
|
|
5739
5743
|
}, props),
|
|
5740
5744
|
children
|
|
5741
|
-
) : /* @__PURE__ */ import_react41.default.createElement(
|
|
5745
|
+
) : /* @__PURE__ */ import_react41.default.createElement(
|
|
5746
|
+
TabsNav,
|
|
5747
|
+
__spreadValues({
|
|
5748
|
+
hasFullTabs,
|
|
5749
|
+
scrollOffset,
|
|
5750
|
+
hasBottomBorder
|
|
5751
|
+
}, props),
|
|
5752
|
+
children
|
|
5753
|
+
);
|
|
5742
5754
|
if (scrollOffset) {
|
|
5743
5755
|
return /* @__PURE__ */ import_react41.default.createElement(Wrapper, { scrollOffset }, tabsContent);
|
|
5744
5756
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -5346,6 +5346,8 @@ var TabsNav = styled34.nav`
|
|
|
5346
5346
|
-ms-overflow-style: none;
|
|
5347
5347
|
scrollbar-width: none;
|
|
5348
5348
|
|
|
5349
|
+
${(props) => props.hasBottomBorder && "border-bottom: 1px solid var(--lns-color-border)"}
|
|
5350
|
+
|
|
5349
5351
|
${(props) => props.scrollOffset && getSize("padding-left", props.scrollOffset)};
|
|
5350
5352
|
|
|
5351
5353
|
&::-webkit-scrollbar {
|
|
@@ -5400,7 +5402,7 @@ var TabWrapper = styled34.button`
|
|
|
5400
5402
|
appearance: none;
|
|
5401
5403
|
font: inherit;
|
|
5402
5404
|
background: transparent;
|
|
5403
|
-
border:
|
|
5405
|
+
border: 0;
|
|
5404
5406
|
${getRadius("medium")};
|
|
5405
5407
|
cursor: pointer;
|
|
5406
5408
|
display: inline-flex;
|
|
@@ -5505,12 +5507,14 @@ var Tabs = (_a) => {
|
|
|
5505
5507
|
children,
|
|
5506
5508
|
scrollOffset,
|
|
5507
5509
|
hasFullTabs,
|
|
5508
|
-
isPilledDesign
|
|
5510
|
+
isPilledDesign,
|
|
5511
|
+
hasBottomBorder = false
|
|
5509
5512
|
} = _b, props = __objRest(_b, [
|
|
5510
5513
|
"children",
|
|
5511
5514
|
"scrollOffset",
|
|
5512
5515
|
"hasFullTabs",
|
|
5513
|
-
"isPilledDesign"
|
|
5516
|
+
"isPilledDesign",
|
|
5517
|
+
"hasBottomBorder"
|
|
5514
5518
|
]);
|
|
5515
5519
|
const tabsContent = isPilledDesign ? /* @__PURE__ */ React43.createElement(
|
|
5516
5520
|
TabsNavPilled,
|
|
@@ -5519,7 +5523,15 @@ var Tabs = (_a) => {
|
|
|
5519
5523
|
scrollOffset
|
|
5520
5524
|
}, props),
|
|
5521
5525
|
children
|
|
5522
|
-
) : /* @__PURE__ */ React43.createElement(
|
|
5526
|
+
) : /* @__PURE__ */ React43.createElement(
|
|
5527
|
+
TabsNav,
|
|
5528
|
+
__spreadValues({
|
|
5529
|
+
hasFullTabs,
|
|
5530
|
+
scrollOffset,
|
|
5531
|
+
hasBottomBorder
|
|
5532
|
+
}, props),
|
|
5533
|
+
children
|
|
5534
|
+
);
|
|
5523
5535
|
if (scrollOffset) {
|
|
5524
5536
|
return /* @__PURE__ */ React43.createElement(Wrapper, { scrollOffset }, tabsContent);
|
|
5525
5537
|
}
|
|
@@ -2,12 +2,13 @@ import React from 'react';
|
|
|
2
2
|
import { LensButtonProps } from '../../types';
|
|
3
3
|
declare const TabWrapper: import("@emotion/styled").StyledComponent<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, TabWrapperProps, object>;
|
|
4
4
|
export declare const Tab: ({ children, isActive, htmlTag, icon, ...props }: TabProps & React.ComponentProps<typeof TabWrapper> & Omit<LensButtonProps, keyof TabProps & React.ComponentProps<typeof TabWrapper>>) => React.JSX.Element;
|
|
5
|
-
declare const Tabs: ({ children, scrollOffset, hasFullTabs, isPilledDesign, ...props }: TabsProps) => React.JSX.Element;
|
|
5
|
+
declare const Tabs: ({ children, scrollOffset, hasFullTabs, isPilledDesign, hasBottomBorder, ...props }: TabsProps) => React.JSX.Element;
|
|
6
6
|
type TabsProps = {
|
|
7
7
|
scrollOffset?: number | string;
|
|
8
8
|
hasFullTabs?: boolean;
|
|
9
9
|
children?: React.ReactNode;
|
|
10
10
|
isPilledDesign?: boolean;
|
|
11
|
+
hasBottomBorder?: boolean;
|
|
11
12
|
};
|
|
12
13
|
type TabProps = {
|
|
13
14
|
isActive?: boolean;
|