@onesy/ui-react 1.0.182 → 1.0.184

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.
@@ -193,7 +193,7 @@ const useStyle = (0, _styleReact.style)(theme => ({
193
193
  dayValue: {
194
194
  zIndex: 1,
195
195
  '&:hover': {
196
- boxShadow: 'inset 0px 0px 0px 1px currentColor'
196
+ boxShadow: 'inset 0px 0px 0px 1px currentColor !important'
197
197
  }
198
198
  },
199
199
  disabled: {
@@ -607,7 +607,7 @@ const CalendarMonth = props__ => {
607
607
  }, PaginationItemProps), {}, {
608
608
  className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('CalendarMonth', theme) && ['onesy-CalendarMonth-day-value', day_3.in && 'onesy-CalendarMonth-day-in', day_3.dayWeek && 'onesy-CalendarMonth-day-day-week', day_3.weekend && 'onesy-CalendarMonth-day-weekend', day_3.today && 'onesy-CalendarMonth-day-today', day_3.is.between && 'onesy-CalendarMonth-day-between', day_3.is.selected && 'onesy-CalendarMonth-day-selected', day_3.is.start && 'onesy-CalendarMonth-day-start', day_3.is.end && 'onesy-CalendarMonth-day-end'], PaginationItemProps === null || PaginationItemProps === void 0 ? void 0 : PaginationItemProps.className, classes.dayValue, day_3.is.selected && classes.daySelected, classes[`day_size_${size}`]]),
609
609
  style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, day_3.today ? {
610
- boxShadow: `inset 0px 0px 0px 1px ${palette[40]}`
610
+ boxShadow: `inset 0px 0px 0px 1px ${palette[70]}`
611
611
  } : undefined), day_3.is.selected && day_3.is.between && {
612
612
  color: `hsl(from var(--onesy-color) h s ${theme.palette.light ? 10 : 98})`,
613
613
  backgroundColor: `hsl(from var(--onesy-color) h s ${theme.palette.light ? propsDay.disabled ? 90 : 85 : propsDay.disabled ? 20 : 25})`
package/Watch/Watch.d.ts CHANGED
@@ -5,6 +5,7 @@ import { IElement, IPropsAny } from '../types';
5
5
  export declare type IWatch = Omit<ISurface, 'version'> & {
6
6
  version?: 'regular' | 'analog' | 'modern' | 'minimal';
7
7
  start?: boolean;
8
+ valueDefault?: OnesyDate;
8
9
  timeVisible?: boolean;
9
10
  timeOfDayVisible?: boolean;
10
11
  dateVisible?: boolean;
package/Watch/Watch.js CHANGED
@@ -18,7 +18,7 @@ var _RoundMeter = _interopRequireDefault(require("../RoundMeter"));
18
18
  var _Line = _interopRequireDefault(require("../Line"));
19
19
  var _utils2 = require("../utils");
20
20
  var _jsxRuntime = require("react/jsx-runtime");
21
- const _excluded = ["tonal", "color", "version", "size", "start", "timeVisible", "timeOfDayVisible", "dateVisible", "timeFormatString", "dateFormatString", "renderTime", "renderDate", "shadow", "AnalogProps", "RegularProps", "MinimalProps", "ModernProps", "RoundMeterProps", "Component", "className", "children"];
21
+ const _excluded = ["tonal", "color", "version", "size", "start", "valueDefault", "timeVisible", "timeOfDayVisible", "dateVisible", "timeFormatString", "dateFormatString", "renderTime", "renderDate", "shadow", "AnalogProps", "RegularProps", "MinimalProps", "ModernProps", "RoundMeterProps", "Component", "className", "children"];
22
22
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
23
23
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
24
24
  const useStyle = (0, _styleReact.style)(theme => ({
@@ -119,6 +119,7 @@ const Watch = props_ => {
119
119
  version = 'regular',
120
120
  size = 'regular',
121
121
  start = true,
122
+ valueDefault,
122
123
  timeVisible = true,
123
124
  timeOfDayVisible = true,
124
125
  dateVisible = true,
@@ -144,7 +145,7 @@ const Watch = props_ => {
144
145
  value: _react.default.useRef(undefined),
145
146
  requestAnimationFrameID: _react.default.useRef(undefined)
146
147
  };
147
- const [value, setValue] = _react.default.useState(_date.OnesyDate.onesyDate);
148
+ const [value, setValue] = _react.default.useState(valueDefault !== null && valueDefault !== void 0 ? valueDefault : _date.OnesyDate.onesyDate);
148
149
  const update = () => {
149
150
  setValue(_date.OnesyDate.onesyDate);
150
151
  refs.requestAnimationFrameID.current = requestAnimationFrame(update);
@@ -186,7 +186,7 @@ const useStyle = style(theme => ({
186
186
  dayValue: {
187
187
  zIndex: 1,
188
188
  '&:hover': {
189
- boxShadow: 'inset 0px 0px 0px 1px currentColor'
189
+ boxShadow: 'inset 0px 0px 0px 1px currentColor !important'
190
190
  }
191
191
  },
192
192
  disabled: {
@@ -596,7 +596,7 @@ const CalendarMonth = props__ => {
596
596
  }, PaginationItemProps), {}, {
597
597
  className: classNames([staticClassName('CalendarMonth', theme) && ['onesy-CalendarMonth-day-value', day_3.in && 'onesy-CalendarMonth-day-in', day_3.dayWeek && 'onesy-CalendarMonth-day-day-week', day_3.weekend && 'onesy-CalendarMonth-day-weekend', day_3.today && 'onesy-CalendarMonth-day-today', day_3.is.between && 'onesy-CalendarMonth-day-between', day_3.is.selected && 'onesy-CalendarMonth-day-selected', day_3.is.start && 'onesy-CalendarMonth-day-start', day_3.is.end && 'onesy-CalendarMonth-day-end'], PaginationItemProps?.className, classes.dayValue, day_3.is.selected && classes.daySelected, classes[`day_size_${size}`]]),
598
598
  style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, day_3.today ? {
599
- boxShadow: `inset 0px 0px 0px 1px ${palette[40]}`
599
+ boxShadow: `inset 0px 0px 0px 1px ${palette[70]}`
600
600
  } : undefined), day_3.is.selected && day_3.is.between && {
601
601
  color: `hsl(from var(--onesy-color) h s ${theme.palette.light ? 10 : 98})`,
602
602
  backgroundColor: `hsl(from var(--onesy-color) h s ${theme.palette.light ? propsDay.disabled ? 90 : 85 : propsDay.disabled ? 20 : 25})`
@@ -1,6 +1,6 @@
1
1
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
- const _excluded = ["tonal", "color", "version", "size", "start", "timeVisible", "timeOfDayVisible", "dateVisible", "timeFormatString", "dateFormatString", "renderTime", "renderDate", "shadow", "AnalogProps", "RegularProps", "MinimalProps", "ModernProps", "RoundMeterProps", "Component", "className", "children"];
3
+ const _excluded = ["tonal", "color", "version", "size", "start", "valueDefault", "timeVisible", "timeOfDayVisible", "dateVisible", "timeFormatString", "dateFormatString", "renderTime", "renderDate", "shadow", "AnalogProps", "RegularProps", "MinimalProps", "ModernProps", "RoundMeterProps", "Component", "className", "children"];
4
4
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5
5
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6
6
  import React from 'react';
@@ -111,6 +111,7 @@ const Watch = props_ => {
111
111
  version = 'regular',
112
112
  size = 'regular',
113
113
  start = true,
114
+ valueDefault,
114
115
  timeVisible = true,
115
116
  timeOfDayVisible = true,
116
117
  dateVisible = true,
@@ -136,7 +137,7 @@ const Watch = props_ => {
136
137
  value: React.useRef(undefined),
137
138
  requestAnimationFrameID: React.useRef(undefined)
138
139
  };
139
- const [value, setValue] = React.useState(OnesyDate.onesyDate);
140
+ const [value, setValue] = React.useState(valueDefault ?? OnesyDate.onesyDate);
140
141
  const update = () => {
141
142
  setValue(OnesyDate.onesyDate);
142
143
  refs.requestAnimationFrameID.current = requestAnimationFrame(update);
package/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license UiReact v1.0.181
1
+ /** @license UiReact v1.0.183
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.181
1
+ /** @license UiReact v1.0.183
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.182",
3
+ "version": "1.0.184",
4
4
  "description": "UI for React",
5
5
  "repository": "https://github.com/onesy-me/onesy.git",
6
6
  "author": "Lazar Erić <lazareric1@proton.me>",