@rolster/react-components 18.26.0 → 18.26.1
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-C00JrtzY.css → index-Ds0DvsiS.css} +8 -6
- package/dist/cjs/index.js +5 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-C00JrtzY.css → index-Ds0DvsiS.css} +8 -6
- package/dist/es/index.js +5 -5
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Button/Button.css +4 -4
- package/dist/esm/components/atoms/InputSearch/InputSearch.css +2 -1
- package/dist/esm/components/atoms/InputSearch/InputSearch.css.map +1 -1
- package/dist/esm/components/organisms/Card/Card.css +2 -1
- package/dist/esm/components/organisms/Card/Card.css.map +1 -1
- package/dist/esm/components/organisms/Card/Card.d.ts +2 -1
- package/dist/esm/components/organisms/Card/Card.js +5 -5
- package/dist/esm/components/organisms/Card/Card.js.map +1 -1
- package/package.json +2 -2
|
@@ -219,19 +219,19 @@
|
|
|
219
219
|
--pvt-button-content-visibility: hidden;
|
|
220
220
|
--pvt-button-ripple-background: var(--rls-theme-color-700);
|
|
221
221
|
--pvt-ghost-background: none;
|
|
222
|
-
--pvt-ghost-font-color: var(--rls-theme-color-
|
|
222
|
+
--pvt-ghost-font-color: var(--rls-theme-color-500);
|
|
223
223
|
--pvt-ghost-border: none;
|
|
224
224
|
--pvt-outline-background: var(--rls-app-color-050);
|
|
225
225
|
--pvt-outline-font-color: var(--rls-app-color-500);
|
|
226
226
|
--pvt-outline-border: var(--rls-app-border-1-300);
|
|
227
227
|
--pvt-flat-background: var(--rls-theme-color-050);
|
|
228
|
-
--pvt-flat-font-color: var(--rls-theme-color-
|
|
228
|
+
--pvt-flat-font-color: var(--rls-theme-color-500);
|
|
229
229
|
--pvt-flat-border: none;
|
|
230
230
|
--pvt-stroked-background: var(--rls-app-color-050);
|
|
231
|
-
--pvt-stroked-font-color: var(--rls-theme-color-
|
|
231
|
+
--pvt-stroked-font-color: var(--rls-theme-color-500);
|
|
232
232
|
--pvt-stroked-border: var(--rls-theme-border-1-300);
|
|
233
233
|
--pvt-classic-background: var(--rls-theme-color-050);
|
|
234
|
-
--pvt-classic-font-color: var(--rls-theme-color-
|
|
234
|
+
--pvt-classic-font-color: var(--rls-theme-color-500);
|
|
235
235
|
--pvt-classic-border: var(--rls-theme-border-1-300);
|
|
236
236
|
--pvt-raised-background: var(--rls-theme-color-500);
|
|
237
237
|
--pvt-raised-font-color: var(--rls-theme-color-050);
|
|
@@ -754,8 +754,9 @@
|
|
|
754
754
|
align-items: center;
|
|
755
755
|
padding: var(--rls-sizing-x4) var(--rls-sizing-x6);
|
|
756
756
|
box-sizing: border-box;
|
|
757
|
-
background: var(--rlc-input-search-background,
|
|
757
|
+
background: var(--rlc-input-search-background, transparent);
|
|
758
758
|
border-radius: var(--rls-sizing-x4);
|
|
759
|
+
border: var(--rls-app-border-1-200);
|
|
759
760
|
}
|
|
760
761
|
.rls-input-search--disabled {
|
|
761
762
|
opacity: 0.5;
|
|
@@ -2130,7 +2131,7 @@
|
|
|
2130
2131
|
.rls-card {
|
|
2131
2132
|
--rlc-divider-background: var(--rls-app-color-300);
|
|
2132
2133
|
--pvt-background: var(--rls-app-color-050);
|
|
2133
|
-
--pvt-border: var(--rls-app-border-
|
|
2134
|
+
--pvt-border: var(--rls-app-border-1-300);
|
|
2134
2135
|
--pvt-box-shadow: var(--rlc-card-box-shadow, var(--rls-app-shadow-center-4));
|
|
2135
2136
|
background: var(--pvt-background);
|
|
2136
2137
|
border-radius: var(--rls-sizing-x4);
|
|
@@ -2139,6 +2140,7 @@
|
|
|
2139
2140
|
.rls-card[rls-theme] {
|
|
2140
2141
|
--rlc-divider-background: var(--rls-theme-color-300);
|
|
2141
2142
|
--pvt-background: var(--rls-theme-color-050);
|
|
2143
|
+
--pvt-border: var(--rls-theme-border-1-300);
|
|
2142
2144
|
}
|
|
2143
2145
|
.rls-card--outline {
|
|
2144
2146
|
border: var(--pvt-border);
|
package/dist/cjs/index.js
CHANGED
|
@@ -2450,11 +2450,11 @@ function RlsBottomSheet({ children, className, onAutoClose, visible, rlsTheme })
|
|
|
2450
2450
|
return ReactDOM.createPortal(jsxRuntimeExports.jsxs("div", { className: classNameSheet, "rls-theme": rlsTheme, children: [jsxRuntimeExports.jsx("div", { className: "rls-bottom-sheet__component", children: children }), jsxRuntimeExports.jsx("div", { className: "rls-bottom-sheet__backdrop", onClick: onClickBackdrop })] }), document.body);
|
|
2451
2451
|
}
|
|
2452
2452
|
|
|
2453
|
-
function RlsCard({ children, outline, rlsTheme }) {
|
|
2454
|
-
const
|
|
2455
|
-
return renderClassStatus('rls-card', { outline });
|
|
2456
|
-
}, [outline]);
|
|
2457
|
-
return (jsxRuntimeExports.jsx("div", { className:
|
|
2453
|
+
function RlsCard({ children, className, outline, rlsTheme }) {
|
|
2454
|
+
const classNameCard = require$$0.useMemo(() => {
|
|
2455
|
+
return renderClassStatus('rls-card', { outline }, className);
|
|
2456
|
+
}, [outline, className]);
|
|
2457
|
+
return (jsxRuntimeExports.jsx("div", { className: classNameCard, "rls-theme": rlsTheme, children: jsxRuntimeExports.jsx("div", { className: "rls-card__content", children: children }) }));
|
|
2458
2458
|
}
|
|
2459
2459
|
|
|
2460
2460
|
const reactI18n = i18n.i18n({
|