@hexure/ui 1.9.3 → 1.9.4
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 +24 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +24 -2
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -2083,6 +2083,9 @@ const StyledButton = styled.button `
|
|
|
2083
2083
|
border-style: solid;
|
|
2084
2084
|
border-color: ${props => props.$border_color || props.theme.PRIMARY_COLOR.Hex};
|
|
2085
2085
|
box-sizing: border-box;
|
|
2086
|
+
|
|
2087
|
+
&:active,
|
|
2088
|
+
&:focus,
|
|
2086
2089
|
&:hover {
|
|
2087
2090
|
opacity: ${props => (props.$disabled ? 0.6 : 1)};
|
|
2088
2091
|
}
|
|
@@ -2479,14 +2482,21 @@ const ButtonMenu = ({ disabled, label, maxHeight, menuItems, small, position = '
|
|
|
2479
2482
|
};
|
|
2480
2483
|
|
|
2481
2484
|
const Wrapper$d = styled.label `
|
|
2482
|
-
|
|
2485
|
+
border-radius: 4px;
|
|
2486
|
+
padding: 4px 0px 4px 6px;
|
|
2487
|
+
margin-left: -6px;
|
|
2483
2488
|
cursor: ${props => (props.$disabled ? 'default' : 'pointer')};
|
|
2484
2489
|
display: flex;
|
|
2485
2490
|
align-items: flex-start;
|
|
2486
2491
|
font-size: ${FontSizes.DEFAULT};
|
|
2487
2492
|
line-height: 1.6em;
|
|
2488
2493
|
box-sizing: border-box;
|
|
2494
|
+
|
|
2495
|
+
&:focus-within {
|
|
2496
|
+
background: ${props => `rgba(${props.theme.PRIMARY_COLOR.Rgb}, 0.05)`};
|
|
2497
|
+
}
|
|
2489
2498
|
`;
|
|
2499
|
+
Wrapper$d.defaultProps = { theme: EditableTheme };
|
|
2490
2500
|
const Input$2 = styled.input `
|
|
2491
2501
|
font-size: 20px;
|
|
2492
2502
|
margin: 5px 0px 0px 0px;
|
|
@@ -2889,7 +2899,12 @@ const Wrapper$c = styled.div `
|
|
|
2889
2899
|
display: flex;
|
|
2890
2900
|
align-items: center;
|
|
2891
2901
|
width: ${({ $style }) => ($style === null || $style === void 0 ? void 0 : $style.width) || 'auto'};
|
|
2902
|
+
|
|
2903
|
+
&:focus-within {
|
|
2904
|
+
border-color: ${props => (props.$readOnly ? '#cccccc' : props.theme.PRIMARY_COLOR.Hex)};
|
|
2905
|
+
}
|
|
2892
2906
|
`;
|
|
2907
|
+
Wrapper$c.defaultProps = { theme: EditableTheme };
|
|
2893
2908
|
const Trigger$1 = styled.select `
|
|
2894
2909
|
appearance: none;
|
|
2895
2910
|
box-shadow: none;
|
|
@@ -4123,14 +4138,21 @@ const Pagination = (_a) => {
|
|
|
4123
4138
|
};
|
|
4124
4139
|
|
|
4125
4140
|
const Wrapper$2 = styled.label `
|
|
4126
|
-
|
|
4141
|
+
border-radius: 4px;
|
|
4142
|
+
padding: 4px 0px 4px 6px;
|
|
4143
|
+
margin-left: -6px;
|
|
4127
4144
|
cursor: ${props => (props.$disabled ? 'default' : 'pointer')};
|
|
4128
4145
|
display: flex;
|
|
4129
4146
|
align-items: center;
|
|
4130
4147
|
font-size: ${FontSizes.DEFAULT};
|
|
4131
4148
|
line-height: 1.6rm;
|
|
4132
4149
|
box-sizing: border-box;
|
|
4150
|
+
|
|
4151
|
+
&:focus-within {
|
|
4152
|
+
background: ${props => `rgba(${props.theme.PRIMARY_COLOR.Rgb}, 0.05)`};
|
|
4153
|
+
}
|
|
4133
4154
|
`;
|
|
4155
|
+
Wrapper$2.defaultProps = { theme: EditableTheme };
|
|
4134
4156
|
const Input = styled.input `
|
|
4135
4157
|
font-size: 20px;
|
|
4136
4158
|
margin: 0px 0px 2px 0px;
|