@rolster/react-components 18.21.31 → 18.21.32
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-DsP20SgC.css → index-BQ758ZeF.css} +6 -5
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-DsP20SgC.css → index-BQ758ZeF.css} +6 -5
- package/dist/es/index.js +1 -1
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.css +3 -5
- package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.css.map +1 -1
- package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.d.ts +2 -0
- package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.js +1 -1
- package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/esm/components/organisms/Card/Card.css +3 -0
- package/dist/esm/components/organisms/Card/Card.css.map +1 -1
- package/package.json +2 -2
|
@@ -120,18 +120,16 @@
|
|
|
120
120
|
vertical-align: top;
|
|
121
121
|
-webkit-font-smoothing: antialiased;
|
|
122
122
|
}
|
|
123
|
-
.rls-breadcrumb__label--active {
|
|
124
|
-
--pvt-link-font-color: var(--rls-theme-color-500);
|
|
125
|
-
}
|
|
126
123
|
.rls-breadcrumb__label__a {
|
|
127
124
|
display: inline-block;
|
|
128
|
-
|
|
125
|
+
}
|
|
126
|
+
.rls-breadcrumb__label__a[rls-theme] {
|
|
127
|
+
color: var(--rls-theme-color-500);
|
|
129
128
|
}
|
|
130
129
|
.rls-breadcrumb__label__a--actionable {
|
|
131
130
|
cursor: pointer;
|
|
132
131
|
}
|
|
133
132
|
.rls-breadcrumb__label__a--actionable:hover {
|
|
134
|
-
color: var(--rls-theme-color-500);
|
|
135
133
|
text-decoration: underline;
|
|
136
134
|
} /*# sourceMappingURL=Breadcrumb.css.map */
|
|
137
135
|
|
|
@@ -1771,12 +1769,14 @@
|
|
|
1771
1769
|
} /*# sourceMappingURL=Toolbar.css.map */
|
|
1772
1770
|
|
|
1773
1771
|
.rls-card {
|
|
1772
|
+
--rlc-divider-background: var(--rls-app-color-300);
|
|
1774
1773
|
--pvt-background: var(--rls-app-color-100);
|
|
1775
1774
|
--pvt-border: var(--rls-app-border-2-300);
|
|
1776
1775
|
background: var(--pvt-background);
|
|
1777
1776
|
border-radius: var(--rls-sizing-x4);
|
|
1778
1777
|
}
|
|
1779
1778
|
.rls-card[rls-theme] {
|
|
1779
|
+
--rlc-divider-background: var(--rls-theme-color-300);
|
|
1780
1780
|
--pvt-background: var(--rls-theme-color-100);
|
|
1781
1781
|
}
|
|
1782
1782
|
.rls-card--outline {
|
|
@@ -1786,6 +1786,7 @@
|
|
|
1786
1786
|
.rls-card__content {
|
|
1787
1787
|
display: flex;
|
|
1788
1788
|
flex-direction: column;
|
|
1789
|
+
row-gap: var(--rlc-card-content-gap, var(--rls-sizing-x4));
|
|
1789
1790
|
padding: var(--rlc-card-content-padding, var(--rls-sizing-x8));
|
|
1790
1791
|
box-sizing: border-box;
|
|
1791
1792
|
} /*# sourceMappingURL=Card.css.map */
|
package/dist/cjs/index.js
CHANGED
|
@@ -1502,7 +1502,7 @@ function RlsBreadcrumbLabel({ label }) {
|
|
|
1502
1502
|
actionable: !!label.onClick
|
|
1503
1503
|
});
|
|
1504
1504
|
}, [label.onClick]);
|
|
1505
|
-
return (jsxRuntimeExports.jsx("label", { className: "rls-breadcrumb__label", onClick: label.onClick, children: jsxRuntimeExports.jsx("a", { className: className, children: label.label }) }));
|
|
1505
|
+
return (jsxRuntimeExports.jsx("label", { className: "rls-breadcrumb__label", onClick: label.onClick, "rls-theme": label.rlsTheme, children: jsxRuntimeExports.jsx("a", { className: className, children: label.label }) }));
|
|
1506
1506
|
}
|
|
1507
1507
|
function RlsBreadcrumb({ labels }) {
|
|
1508
1508
|
return (jsxRuntimeExports.jsx("div", { className: "rls-breadcrumb", children: labels.map((label, index) => (jsxRuntimeExports.jsx(RlsBreadcrumbLabel, { label: label }, index))) }));
|