@rolster/react-components 18.11.1 → 18.11.2
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-aQbQIMgP.css → index-Wm92C1Nd.css} +5 -7
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-aQbQIMgP.css → index-Wm92C1Nd.css} +5 -7
- package/dist/es/index.js +1 -1
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/molecules/YearPicker/YearPicker.css +5 -7
- package/dist/esm/components/molecules/YearPicker/YearPicker.js +1 -1
- package/dist/esm/components/molecules/YearPicker/YearPicker.js.map +1 -1
- package/package.json +1 -1
|
@@ -1433,18 +1433,13 @@
|
|
|
1433
1433
|
}
|
|
1434
1434
|
.rls-year-picker__header {
|
|
1435
1435
|
display: flex;
|
|
1436
|
+
justify-content: space-between;
|
|
1437
|
+
align-items: center;
|
|
1436
1438
|
box-sizing: border-box;
|
|
1437
1439
|
padding: var(--sizing-x4) var(--sizing-x6);
|
|
1438
1440
|
color: var(--color-theme-500);
|
|
1439
1441
|
background: var(--background-theme-100);
|
|
1440
1442
|
}
|
|
1441
|
-
.rls-year-picker__title {
|
|
1442
|
-
width: 100%;
|
|
1443
|
-
height: var(--sizing-x16);
|
|
1444
|
-
line-height: var(--sizing-x16);
|
|
1445
|
-
text-align: center;
|
|
1446
|
-
font-weight: var(--font-weight-bold);
|
|
1447
|
-
}
|
|
1448
1443
|
.rls-year-picker__action {
|
|
1449
1444
|
width: var(--sizing-x16);
|
|
1450
1445
|
height: var(--sizing-x16);
|
|
@@ -1457,6 +1452,9 @@
|
|
|
1457
1452
|
width: inherit;
|
|
1458
1453
|
height: inherit;
|
|
1459
1454
|
}
|
|
1455
|
+
.rls-year-picker__action button:hover {
|
|
1456
|
+
color: var(--color-rolster-500);
|
|
1457
|
+
}
|
|
1460
1458
|
.rls-year-picker__action button:disabled {
|
|
1461
1459
|
opacity: 0.5;
|
|
1462
1460
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -1103,7 +1103,7 @@ function RlsYearPicker({ formControl, date, disabled: disabledPicker, maxDate, m
|
|
|
1103
1103
|
onValue(value);
|
|
1104
1104
|
}
|
|
1105
1105
|
}
|
|
1106
|
-
return (jsxRuntime.jsxs("div", { className: "rls-year-picker", "rls-theme": rlsTheme, children: [jsxRuntime.jsxs("div", { className: "rls-year-picker__header", children: [jsxRuntime.jsx("div", { className: "rls-year-picker__action rls-year-picker__action--prev", children: jsxRuntime.jsx("button", { disabled: !template.hasPrevious || disabledPicker, onClick: onClickPrev, children: jsxRuntime.jsx(RlsIcon, { value: "arrow-ios-left" }) }) }), jsxRuntime.
|
|
1106
|
+
return (jsxRuntime.jsxs("div", { className: "rls-year-picker", "rls-theme": rlsTheme, children: [jsxRuntime.jsxs("div", { className: "rls-year-picker__header", children: [jsxRuntime.jsx("div", { className: "rls-year-picker__action rls-year-picker__action--prev", children: jsxRuntime.jsx("button", { disabled: !template.hasPrevious || disabledPicker, onClick: onClickPrev, children: jsxRuntime.jsx(RlsIcon, { value: "arrow-ios-left" }) }) }), jsxRuntime.jsxs("label", { className: "title-bold", children: [template.minRange, " - ", template.maxRange] }), jsxRuntime.jsx("div", { className: "rls-year-picker__action rls-year-picker__action--next", children: jsxRuntime.jsx("button", { disabled: !template.hasNext || disabledPicker, onClick: onClickNext, children: jsxRuntime.jsx(RlsIcon, { value: "arrow-ios-right" }) }) })] }), jsxRuntime.jsx("div", { className: "rls-year-picker__component", children: template.years.map(({ value, disabled, selected }, index) => (jsxRuntime.jsx("div", { className: renderClassStatus('rls-year-picker__year', {
|
|
1107
1107
|
disabled: disabled || disabledPicker,
|
|
1108
1108
|
selected
|
|
1109
1109
|
}), onClick: () => {
|