@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.
- package/CalendarMonth/CalendarMonth.js +2 -2
- package/Watch/Watch.d.ts +1 -0
- package/Watch/Watch.js +3 -2
- package/esm/CalendarMonth/CalendarMonth.js +2 -2
- package/esm/Watch/Watch.js +3 -2
- package/esm/index.js +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
|
@@ -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[
|
|
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[
|
|
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})`
|
package/esm/Watch/Watch.js
CHANGED
|
@@ -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
package/index.js
CHANGED