@loomhq/lens 11.17.0 → 11.18.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.
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
declare const ButtonWrapper: import("@emotion/styled").StyledComponent<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonWrapperProps, object>;
|
|
3
3
|
declare const Button: ({ size, children, variant, hasFullWidth, icon, iconPosition, logoSrc, hasLoader, isDisabled, htmlTag, refHandler, ...props }: ButtonProps & React.ComponentProps<typeof ButtonWrapper>) => React.JSX.Element;
|
|
4
|
+
type Variant = 'neutral' | 'primary' | 'secondary' | 'record' | 'upgrade' | 'danger' | 'ai';
|
|
4
5
|
interface ButtonProps {
|
|
5
6
|
size?: 'small' | 'medium' | 'large';
|
|
6
|
-
variant?:
|
|
7
|
+
variant?: Variant;
|
|
7
8
|
children?: React.ReactNode;
|
|
8
9
|
isDisabled?: boolean;
|
|
9
10
|
hasFullWidth?: boolean;
|
|
@@ -20,7 +21,7 @@ interface ButtonWrapperProps {
|
|
|
20
21
|
hasNoPaddingRight?: boolean;
|
|
21
22
|
hasNoPaddingLeft?: boolean;
|
|
22
23
|
size?: 'small' | 'medium' | 'large';
|
|
23
|
-
variant?:
|
|
24
|
+
variant?: Variant;
|
|
24
25
|
hasFullWidth?: boolean;
|
|
25
26
|
icon?: React.ReactNode;
|
|
26
27
|
iconPosition?: 'left' | 'right';
|
package/dist/index.js
CHANGED
|
@@ -1617,8 +1617,7 @@ var sizesStyles = {
|
|
|
1617
1617
|
}
|
|
1618
1618
|
};
|
|
1619
1619
|
var hasLoaderStyles = (props) => css2`
|
|
1620
|
-
|
|
1621
|
-
${props.hasLoader && `opacity: 0`};
|
|
1620
|
+
${props.hasLoader && `display: none`};
|
|
1622
1621
|
`;
|
|
1623
1622
|
var variantStyles = {
|
|
1624
1623
|
neutral: {
|
|
@@ -1635,6 +1634,13 @@ var variantStyles = {
|
|
|
1635
1634
|
hover: getColorValue("primaryHover"),
|
|
1636
1635
|
active: getColorValue("primaryActive")
|
|
1637
1636
|
},
|
|
1637
|
+
secondary: {
|
|
1638
|
+
color: getColorValue("primary"),
|
|
1639
|
+
background: getColorValue("highlight"),
|
|
1640
|
+
borderColor: null,
|
|
1641
|
+
hover: getColorValue("blurpleMedium"),
|
|
1642
|
+
active: null
|
|
1643
|
+
},
|
|
1638
1644
|
record: {
|
|
1639
1645
|
color: getColorValue("white"),
|
|
1640
1646
|
background: getColorValue("record"),
|
|
@@ -1738,7 +1744,7 @@ var LogoImage = styled5.img`
|
|
|
1738
1744
|
${hasLoaderStyles};
|
|
1739
1745
|
`;
|
|
1740
1746
|
var LoaderSection = styled5.span`
|
|
1741
|
-
position:
|
|
1747
|
+
position: relative;
|
|
1742
1748
|
display: flex;
|
|
1743
1749
|
align-items: center;
|
|
1744
1750
|
`;
|