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