@onesy/ui-react 1.0.192 → 1.0.194

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.
@@ -169,7 +169,7 @@ const Calendar = props__ => {
169
169
  const PaginationItem = (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.PaginationItem) || _PaginationItem.default;
170
170
  const {
171
171
  ref,
172
- tonal = true,
172
+ tonal,
173
173
  color = 'default',
174
174
  version = 'regular',
175
175
  size = 'regular',
@@ -703,9 +703,11 @@ const Calendar = props__ => {
703
703
  const yearValue_0 = (0, _date.format)(onesyDate_1, 'YYYY');
704
704
  const selected_1 = calendar.year === onesyDate_1.year;
705
705
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationItem, _objectSpread(_objectSpread({
706
- tonal: tonal,
707
- color: "inherit",
706
+ tonal: tonal !== undefined ? tonal : false,
707
+ version: selected_1 ? 'filled' : 'text',
708
+ color: selected_1 ? color : 'inherit',
708
709
  size: size,
710
+ selected: selected_1,
709
711
  InteractionProps: {
710
712
  background: false
711
713
  },
@@ -718,10 +720,7 @@ const Calendar = props__ => {
718
720
  disabled: !valid(onesyDate_1, 'year')
719
721
  }, PaginationItemsProps), {}, {
720
722
  className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Calendar', theme) && ['onesy-Calendar-day-version-year'], PaginationItemsProps === null || PaginationItemsProps === void 0 ? void 0 : PaginationItemsProps.className, classes.day_version_year]),
721
- style: _objectSpread(_objectSpread({}, selected_1 ? {
722
- color: theme.methods.palette.color.value(undefined, 90, true, palette),
723
- backgroundColor: theme.methods.palette.color.value(undefined, 40, true, palette)
724
- } : undefined), PaginationItemsProps === null || PaginationItemsProps === void 0 ? void 0 : PaginationItemsProps.style),
723
+ style: _objectSpread({}, PaginationItemsProps === null || PaginationItemsProps === void 0 ? void 0 : PaginationItemsProps.style),
725
724
  children: yearValue_0
726
725
  }), index_5);
727
726
  })
@@ -216,7 +216,7 @@ const CalendarMonth = props__ => {
216
216
  const Transitions = (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.Transitions) || _Transitions.default;
217
217
  const Transition = (theme === null || theme === void 0 || (_theme$elements6 = theme.elements) === null || _theme$elements6 === void 0 ? void 0 : _theme$elements6.Transition) || _Transition.default;
218
218
  const {
219
- tonal = true,
219
+ tonal,
220
220
  color = 'primary',
221
221
  size = 'regular',
222
222
  value: value_,
@@ -141,7 +141,7 @@ const DatePicker = props__ => {
141
141
  const ClickListener = (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.ClickListener) || _ClickListener.default;
142
142
  const {
143
143
  ref,
144
- tonal = true,
144
+ tonal,
145
145
  color = 'primary',
146
146
  version: version_ = 'auto',
147
147
  size = 'regular',
@@ -75,7 +75,7 @@ const DateTimePicker = props__ => {
75
75
  const ClickListener = (theme === null || theme === void 0 || (_theme$elements10 = theme.elements) === null || _theme$elements10 === void 0 ? void 0 : _theme$elements10.ClickListener) || _ClickListener.default;
76
76
  const {
77
77
  ref,
78
- tonal = true,
78
+ tonal,
79
79
  color = 'primary',
80
80
  version: version_ = 'auto',
81
81
  value: value_,
@@ -236,7 +236,7 @@ const TimePicker = props__ => {
236
236
  const Tabs = (theme === null || theme === void 0 || (_theme$elements13 = theme.elements) === null || _theme$elements13 === void 0 ? void 0 : _theme$elements13.Tabs) || _Tabs.default;
237
237
  const {
238
238
  ref,
239
- tonal = true,
239
+ tonal,
240
240
  color = 'primary',
241
241
  version: version_ = 'auto',
242
242
  value: value_,
@@ -161,7 +161,7 @@ const Calendar = props__ => {
161
161
  const PaginationItem = theme?.elements?.PaginationItem || PaginationItemElement;
162
162
  const {
163
163
  ref,
164
- tonal = true,
164
+ tonal,
165
165
  color = 'default',
166
166
  version = 'regular',
167
167
  size = 'regular',
@@ -692,9 +692,11 @@ const Calendar = props__ => {
692
692
  const yearValue_0 = format(onesyDate_1, 'YYYY');
693
693
  const selected_1 = calendar.year === onesyDate_1.year;
694
694
  return /*#__PURE__*/_jsx(PaginationItem, _objectSpread(_objectSpread({
695
- tonal: tonal,
696
- color: "inherit",
695
+ tonal: tonal !== undefined ? tonal : false,
696
+ version: selected_1 ? 'filled' : 'text',
697
+ color: selected_1 ? color : 'inherit',
697
698
  size: size,
699
+ selected: selected_1,
698
700
  InteractionProps: {
699
701
  background: false
700
702
  },
@@ -707,10 +709,7 @@ const Calendar = props__ => {
707
709
  disabled: !valid(onesyDate_1, 'year')
708
710
  }, PaginationItemsProps), {}, {
709
711
  className: classNames([staticClassName('Calendar', theme) && ['onesy-Calendar-day-version-year'], PaginationItemsProps?.className, classes.day_version_year]),
710
- style: _objectSpread(_objectSpread({}, selected_1 ? {
711
- color: theme.methods.palette.color.value(undefined, 90, true, palette),
712
- backgroundColor: theme.methods.palette.color.value(undefined, 40, true, palette)
713
- } : undefined), PaginationItemsProps?.style),
712
+ style: _objectSpread({}, PaginationItemsProps?.style),
714
713
  children: yearValue_0
715
714
  }), index_5);
716
715
  })
@@ -208,7 +208,7 @@ const CalendarMonth = props__ => {
208
208
  const Transitions = theme?.elements?.Transitions || TransitionsElement;
209
209
  const Transition = theme?.elements?.Transition || TransitionElement;
210
210
  const {
211
- tonal = true,
211
+ tonal,
212
212
  color = 'primary',
213
213
  size = 'regular',
214
214
  value: value_,
@@ -133,7 +133,7 @@ const DatePicker = props__ => {
133
133
  const ClickListener = theme?.elements?.ClickListener || ClickListenerElement;
134
134
  const {
135
135
  ref,
136
- tonal = true,
136
+ tonal,
137
137
  color = 'primary',
138
138
  version: version_ = 'auto',
139
139
  size = 'regular',
@@ -67,7 +67,7 @@ const DateTimePicker = props__ => {
67
67
  const ClickListener = theme?.elements?.ClickListener || ClickListenerElement;
68
68
  const {
69
69
  ref,
70
- tonal = true,
70
+ tonal,
71
71
  color = 'primary',
72
72
  version: version_ = 'auto',
73
73
  value: value_,
@@ -228,7 +228,7 @@ const TimePicker = props__ => {
228
228
  const Tabs = theme?.elements?.Tabs || TabsElement;
229
229
  const {
230
230
  ref,
231
- tonal = true,
231
+ tonal,
232
232
  color = 'primary',
233
233
  version: version_ = 'auto',
234
234
  value: value_,
package/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license UiReact v1.0.191
1
+ /** @license UiReact v1.0.193
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license UiReact v1.0.191
1
+ /** @license UiReact v1.0.193
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onesy/ui-react",
3
- "version": "1.0.192",
3
+ "version": "1.0.194",
4
4
  "description": "UI for React",
5
5
  "repository": "https://github.com/onesy-me/onesy.git",
6
6
  "author": "Lazar Erić <lazareric1@proton.me>",