@rolster/react-components 18.23.10 → 18.23.11
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/assets/{index-C_p5wY7X.css → index-9GIW7Ggg.css} +10 -3
- package/dist/cjs/index.js +7 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-C_p5wY7X.css → index-9GIW7Ggg.css} +10 -3
- package/dist/es/index.js +7 -4
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Badge/Badge.css +10 -3
- package/dist/esm/components/atoms/Badge/Badge.css.map +1 -1
- package/dist/esm/components/atoms/Badge/Badge.d.ts +5 -1
- package/dist/esm/components/atoms/Badge/Badge.js +7 -2
- package/dist/esm/components/atoms/Badge/Badge.js.map +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.d.ts +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteController.d.ts +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteController.js +2 -2
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteController.js.map +1 -1
- package/package.json +1 -1
|
@@ -94,13 +94,20 @@
|
|
|
94
94
|
width: auto;
|
|
95
95
|
padding: var(--rlc-badge-padding, var(--rls-sizing-x2));
|
|
96
96
|
box-sizing: border-box;
|
|
97
|
-
font-size: var(--rls-caption-font-size);
|
|
98
|
-
letter-spacing: var(
|
|
99
|
-
|
|
97
|
+
font-size: var(--rlc-badge-font-size, var(--rls-caption-font-size));
|
|
98
|
+
letter-spacing: var(
|
|
99
|
+
--rlc-badge-letter-spacing,
|
|
100
|
+
var(--rls-caption-letter-spacing)
|
|
101
|
+
);
|
|
102
|
+
line-height: var(--rlc-badge-line-height, var(--rls-caption-line-height));
|
|
100
103
|
color: var(--rls-theme-color-100);
|
|
101
104
|
background: var(--rls-theme-color-500);
|
|
102
105
|
border-radius: var(--rls-sizing-x2);
|
|
103
106
|
}
|
|
107
|
+
.rls-badge--contrast {
|
|
108
|
+
background: var(--rls-theme-color-100);
|
|
109
|
+
color: var(--rls-theme-color-700);
|
|
110
|
+
}
|
|
104
111
|
.rls-badge > span {
|
|
105
112
|
font-size: inherit;
|
|
106
113
|
letter-spacing: inherit;
|
package/dist/cjs/index.js
CHANGED
|
@@ -1395,8 +1395,11 @@ function RlsAvatar({ children, rounded, skeleton, rlsTheme }) {
|
|
|
1395
1395
|
return (jsxRuntimeExports.jsx("div", { className: className, "rls-theme": rlsTheme, children: children }));
|
|
1396
1396
|
}
|
|
1397
1397
|
|
|
1398
|
-
function RlsBadge({ children, rlsTheme }) {
|
|
1399
|
-
|
|
1398
|
+
function RlsBadge({ children, contrast, rlsTheme }) {
|
|
1399
|
+
const className = require$$0.useMemo(() => {
|
|
1400
|
+
return renderClassStatus('rls-badge', { contrast });
|
|
1401
|
+
}, [contrast]);
|
|
1402
|
+
return (jsxRuntimeExports.jsx("div", { className: className, "rls-theme": rlsTheme, children: children }));
|
|
1400
1403
|
}
|
|
1401
1404
|
|
|
1402
1405
|
function RlsBreadcrumbLabel({ label }) {
|
|
@@ -2722,7 +2725,7 @@ function useFieldAutocomplete(props) {
|
|
|
2722
2725
|
else {
|
|
2723
2726
|
controller.setFormValue(element);
|
|
2724
2727
|
}
|
|
2725
|
-
if (props.
|
|
2728
|
+
if (props.keepOpen) {
|
|
2726
2729
|
setPattern('');
|
|
2727
2730
|
controller.refInput?.current?.focus();
|
|
2728
2731
|
}
|
|
@@ -2734,7 +2737,7 @@ function useFieldAutocomplete(props) {
|
|
|
2734
2737
|
controller.setState,
|
|
2735
2738
|
controller.setFormValue,
|
|
2736
2739
|
setPattern,
|
|
2737
|
-
props.
|
|
2740
|
+
props.keepOpen,
|
|
2738
2741
|
props.onSelect,
|
|
2739
2742
|
props.onValue
|
|
2740
2743
|
]);
|