@semcore/time-picker 17.2.0-prerelease.7 → 17.2.1-prerelease.0
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/CHANGELOG.md +6 -0
- package/lib/cjs/component/PickerFormat/PickerFormat.js +7 -7
- package/lib/cjs/component/PickerInput/PickerInput.js +4 -4
- package/lib/cjs/component/TimePicker/TimePicker.js +6 -6
- package/lib/es6/component/PickerFormat/PickerFormat.js +7 -7
- package/lib/es6/component/PickerInput/PickerInput.js +4 -4
- package/lib/es6/component/TimePicker/TimePicker.js +6 -6
- package/lib/esm/component/PickerFormat/PickerFormat.mjs +8 -8
- package/lib/esm/component/PickerInput/PickerInput.mjs +5 -5
- package/lib/esm/component/TimePicker/TimePicker.mjs +7 -7
- package/package.json +8 -8
- package/vitest.config.mts +17 -0
package/CHANGELOG.md
CHANGED
|
@@ -11,15 +11,15 @@ var _baseComponents = require("@semcore/base-components");
|
|
|
11
11
|
var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
|
|
12
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
13
|
/*!__reshadow-styles__:"./picker-format.shadow.css"*/
|
|
14
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
14
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPickerFormat_1yg45_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium,500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary,#000c0829);border-radius:0 var(--intergalactic-control-rounded,6px) var(--intergalactic-control-rounded,6px) 0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-bg-secondary-neutral,oklch(.98 .001 180))}@media (color-gamut:p3){.___SPickerFormat_1yg45_gg_{border:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161));color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}@media (hover:hover){.___SPickerFormat_1yg45_gg_:hover{color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-bg-secondary-neutral-hover,oklch(.96 .001 180))}@media (color-gamut:p3){.___SPickerFormat_1yg45_gg_:hover{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}}.___SPickerFormat_1yg45_gg_.__active_1yg45_gg_,.___SPickerFormat_1yg45_gg_:active{color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-bg-secondary-neutral-active,oklch(.94 .002 180))}@media (color-gamut:p3){.___SPickerFormat_1yg45_gg_.__active_1yg45_gg_,.___SPickerFormat_1yg45_gg_:active{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SPickerFormat_1yg45_gg_._size_m_1yg45_gg_{height:var(--intergalactic-form-control-m,28px);font-size:var(--intergalactic-fs-200,14px);margin:0 -1px 0 0}.___SPickerFormat_1yg45_gg_._size_m_1yg45_gg_ .___SPickerFormatText_1yg45_gg_{margin:0 var(--intergalactic-spacing-2x,8px)}.___SPickerFormat_1yg45_gg_._size_l_1yg45_gg_{height:var(--intergalactic-form-control-l,40px);font-size:var(--intergalactic-fs-300,16px);margin:0 -1px 0 0}.___SPickerFormat_1yg45_gg_._size_l_1yg45_gg_ .___SPickerFormatText_1yg45_gg_{margin:0 var(--intergalactic-spacing-3x,12px)}.___SPickerFormat_1yg45_gg_.__disabled_1yg45_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none;border-color:#0000 #0000 #0000 var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SPickerFormat_1yg45_gg_.__disabled_1yg45_gg_{border-color:#0000 #0000 #0000 var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}", /*__inner_css_end__*/"1yg45_gg_"),
|
|
15
15
|
/*__reshadow_css_end__*/
|
|
16
16
|
{
|
|
17
|
-
"__SPickerFormat": "
|
|
18
|
-
"_disabled": "
|
|
19
|
-
"_active": "
|
|
20
|
-
"_size_m": "
|
|
21
|
-
"__SPickerFormatText": "
|
|
22
|
-
"_size_l": "
|
|
17
|
+
"__SPickerFormat": "___SPickerFormat_1yg45_gg_",
|
|
18
|
+
"_disabled": "__disabled_1yg45_gg_",
|
|
19
|
+
"_active": "__active_1yg45_gg_",
|
|
20
|
+
"_size_m": "_size_m_1yg45_gg_",
|
|
21
|
+
"__SPickerFormatText": "___SPickerFormatText_1yg45_gg_",
|
|
22
|
+
"_size_l": "_size_l_1yg45_gg_"
|
|
23
23
|
});
|
|
24
24
|
class TimePickerFormat extends _core.Component {
|
|
25
25
|
constructor(...args) {
|
|
@@ -12,12 +12,12 @@ var _input = _interopRequireDefault(require("@semcore/input"));
|
|
|
12
12
|
var _select = _interopRequireDefault(require("@semcore/select"));
|
|
13
13
|
var _react = _interopRequireDefault(require("react"));
|
|
14
14
|
/*!__reshadow-styles__:"./picker-input.shadow.css"*/
|
|
15
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
15
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPickerInput_12dpj_gg_._size_m_12dpj_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x,8px);padding:0}.___SPickerInput_12dpj_gg_._size_l_12dpj_gg_{width:21px;margin:0 var(--intergalactic-spacing-2x,8px);padding:0}", /*__inner_css_end__*/"12dpj_gg_"),
|
|
16
16
|
/*__reshadow_css_end__*/
|
|
17
17
|
{
|
|
18
|
-
"__SPickerInput": "
|
|
19
|
-
"_size_m": "
|
|
20
|
-
"_size_l": "
|
|
18
|
+
"__SPickerInput": "___SPickerInput_12dpj_gg_",
|
|
19
|
+
"_size_m": "_size_m_12dpj_gg_",
|
|
20
|
+
"_size_l": "_size_l_12dpj_gg_"
|
|
21
21
|
});
|
|
22
22
|
function getOptions(minMax, step = 1) {
|
|
23
23
|
const [min, max] = minMax;
|
|
@@ -22,14 +22,14 @@ var _PickerInput = require("../PickerInput/PickerInput");
|
|
|
22
22
|
var _Class, _TimePickerRoot3;
|
|
23
23
|
let _initClass, _classDecs, _entityDecs, _init_entity, _init_extra_entity, _TimePickerRoot2, _ref5;
|
|
24
24
|
/*!__reshadow-styles__:"./time-picker.shadow.css"*/
|
|
25
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
25
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___STimePicker_1hfrn_gg_{position:relative;width:auto;outline:none}.___STimePicker_1hfrn_gg_ .___SPickerInput_1hfrn_gg_{box-sizing:initial;text-align:center;z-index:1;height:1.5em}.___STimePicker_1hfrn_gg_ .___SPickerInput_1hfrn_gg_.__placeholder_1hfrn_gg_{text-overflow:clip}.___STimePicker_1hfrn_gg_ .___SPickerInput_1hfrn_gg_:focus{outline:none;background-color:var(--intergalactic-bg-highlight-focus,#014fff1e)}@media (color-gamut:p3){.___STimePicker_1hfrn_gg_ .___SPickerInput_1hfrn_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus,oklch(.524 .266 263.1/.116))}}.___STimePicker_1hfrn_gg_.__disabled_1hfrn_gg_{color:var(--intergalactic-text-secondary,#00030095);cursor:default}@media (color-gamut:p3){.___STimePicker_1hfrn_gg_.__disabled_1hfrn_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___STimePickerSeparator_1hfrn_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}.___STimePickerSeparator_1hfrn_gg_.__disabled_1hfrn_gg_{opacity:var(--intergalactic-disabled-opacity,.4);pointer-events:none}", /*__inner_css_end__*/"1hfrn_gg_"),
|
|
26
26
|
/*__reshadow_css_end__*/
|
|
27
27
|
{
|
|
28
|
-
"__STimePicker": "
|
|
29
|
-
"_disabled": "
|
|
30
|
-
"__STimePickerSeparator": "
|
|
31
|
-
"__SPickerInput": "
|
|
32
|
-
"_placeholder": "
|
|
28
|
+
"__STimePicker": "___STimePicker_1hfrn_gg_",
|
|
29
|
+
"_disabled": "__disabled_1hfrn_gg_",
|
|
30
|
+
"__STimePickerSeparator": "___STimePickerSeparator_1hfrn_gg_",
|
|
31
|
+
"__SPickerInput": "___SPickerInput_1hfrn_gg_",
|
|
32
|
+
"_placeholder": "__placeholder_1hfrn_gg_"
|
|
33
33
|
});
|
|
34
34
|
_classDecs = [(0, _propsObserver.default)(['value', 'is12Hour'])];
|
|
35
35
|
let _TimePickerRoot;
|
|
@@ -6,15 +6,15 @@ import { Component, sstyled, Root } from '@semcore/core';
|
|
|
6
6
|
import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
|
|
7
7
|
import React from 'react';
|
|
8
8
|
/*!__reshadow-styles__:"./picker-format.shadow.css"*/
|
|
9
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
9
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPickerFormat_1yg45_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium,500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary,#000c0829);border-radius:0 var(--intergalactic-control-rounded,6px) var(--intergalactic-control-rounded,6px) 0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-bg-secondary-neutral,oklch(.98 .001 180))}@media (color-gamut:p3){.___SPickerFormat_1yg45_gg_{border:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161));color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}@media (hover:hover){.___SPickerFormat_1yg45_gg_:hover{color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-bg-secondary-neutral-hover,oklch(.96 .001 180))}@media (color-gamut:p3){.___SPickerFormat_1yg45_gg_:hover{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}}.___SPickerFormat_1yg45_gg_.__active_1yg45_gg_,.___SPickerFormat_1yg45_gg_:active{color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-bg-secondary-neutral-active,oklch(.94 .002 180))}@media (color-gamut:p3){.___SPickerFormat_1yg45_gg_.__active_1yg45_gg_,.___SPickerFormat_1yg45_gg_:active{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SPickerFormat_1yg45_gg_._size_m_1yg45_gg_{height:var(--intergalactic-form-control-m,28px);font-size:var(--intergalactic-fs-200,14px);margin:0 -1px 0 0}.___SPickerFormat_1yg45_gg_._size_m_1yg45_gg_ .___SPickerFormatText_1yg45_gg_{margin:0 var(--intergalactic-spacing-2x,8px)}.___SPickerFormat_1yg45_gg_._size_l_1yg45_gg_{height:var(--intergalactic-form-control-l,40px);font-size:var(--intergalactic-fs-300,16px);margin:0 -1px 0 0}.___SPickerFormat_1yg45_gg_._size_l_1yg45_gg_ .___SPickerFormatText_1yg45_gg_{margin:0 var(--intergalactic-spacing-3x,12px)}.___SPickerFormat_1yg45_gg_.__disabled_1yg45_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none;border-color:#0000 #0000 #0000 var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SPickerFormat_1yg45_gg_.__disabled_1yg45_gg_{border-color:#0000 #0000 #0000 var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}", /*__inner_css_end__*/"1yg45_gg_"),
|
|
10
10
|
/*__reshadow_css_end__*/
|
|
11
11
|
{
|
|
12
|
-
"__SPickerFormat": "
|
|
13
|
-
"_disabled": "
|
|
14
|
-
"_active": "
|
|
15
|
-
"_size_m": "
|
|
16
|
-
"__SPickerFormatText": "
|
|
17
|
-
"_size_l": "
|
|
12
|
+
"__SPickerFormat": "___SPickerFormat_1yg45_gg_",
|
|
13
|
+
"_disabled": "__disabled_1yg45_gg_",
|
|
14
|
+
"_active": "__active_1yg45_gg_",
|
|
15
|
+
"_size_m": "_size_m_1yg45_gg_",
|
|
16
|
+
"__SPickerFormatText": "___SPickerFormatText_1yg45_gg_",
|
|
17
|
+
"_size_l": "_size_l_1yg45_gg_"
|
|
18
18
|
});
|
|
19
19
|
class TimePickerFormat extends Component {
|
|
20
20
|
constructor(...args) {
|
|
@@ -7,12 +7,12 @@ import Input from '@semcore/input';
|
|
|
7
7
|
import Select from '@semcore/select';
|
|
8
8
|
import React from 'react';
|
|
9
9
|
/*!__reshadow-styles__:"./picker-input.shadow.css"*/
|
|
10
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
10
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPickerInput_12dpj_gg_._size_m_12dpj_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x,8px);padding:0}.___SPickerInput_12dpj_gg_._size_l_12dpj_gg_{width:21px;margin:0 var(--intergalactic-spacing-2x,8px);padding:0}", /*__inner_css_end__*/"12dpj_gg_"),
|
|
11
11
|
/*__reshadow_css_end__*/
|
|
12
12
|
{
|
|
13
|
-
"__SPickerInput": "
|
|
14
|
-
"_size_m": "
|
|
15
|
-
"_size_l": "
|
|
13
|
+
"__SPickerInput": "___SPickerInput_12dpj_gg_",
|
|
14
|
+
"_size_m": "_size_m_12dpj_gg_",
|
|
15
|
+
"_size_l": "_size_l_12dpj_gg_"
|
|
16
16
|
});
|
|
17
17
|
function getOptions(minMax, step = 1) {
|
|
18
18
|
const [min, max] = minMax;
|
|
@@ -14,14 +14,14 @@ import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
|
|
|
14
14
|
import Input from '@semcore/input';
|
|
15
15
|
import React from 'react';
|
|
16
16
|
/*!__reshadow-styles__:"./time-picker.shadow.css"*/
|
|
17
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
17
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___STimePicker_1hfrn_gg_{position:relative;width:auto;outline:none}.___STimePicker_1hfrn_gg_ .___SPickerInput_1hfrn_gg_{box-sizing:initial;text-align:center;z-index:1;height:1.5em}.___STimePicker_1hfrn_gg_ .___SPickerInput_1hfrn_gg_.__placeholder_1hfrn_gg_{text-overflow:clip}.___STimePicker_1hfrn_gg_ .___SPickerInput_1hfrn_gg_:focus{outline:none;background-color:var(--intergalactic-bg-highlight-focus,#014fff1e)}@media (color-gamut:p3){.___STimePicker_1hfrn_gg_ .___SPickerInput_1hfrn_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus,oklch(.524 .266 263.1/.116))}}.___STimePicker_1hfrn_gg_.__disabled_1hfrn_gg_{color:var(--intergalactic-text-secondary,#00030095);cursor:default}@media (color-gamut:p3){.___STimePicker_1hfrn_gg_.__disabled_1hfrn_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___STimePickerSeparator_1hfrn_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}.___STimePickerSeparator_1hfrn_gg_.__disabled_1hfrn_gg_{opacity:var(--intergalactic-disabled-opacity,.4);pointer-events:none}", /*__inner_css_end__*/"1hfrn_gg_"),
|
|
18
18
|
/*__reshadow_css_end__*/
|
|
19
19
|
{
|
|
20
|
-
"__STimePicker": "
|
|
21
|
-
"_disabled": "
|
|
22
|
-
"__STimePickerSeparator": "
|
|
23
|
-
"__SPickerInput": "
|
|
24
|
-
"_placeholder": "
|
|
20
|
+
"__STimePicker": "___STimePicker_1hfrn_gg_",
|
|
21
|
+
"_disabled": "__disabled_1hfrn_gg_",
|
|
22
|
+
"__STimePickerSeparator": "___STimePickerSeparator_1hfrn_gg_",
|
|
23
|
+
"__SPickerInput": "___SPickerInput_1hfrn_gg_",
|
|
24
|
+
"_placeholder": "__placeholder_1hfrn_gg_"
|
|
25
25
|
});
|
|
26
26
|
import TimePickerEntity from '../../entity/TimePickerEntity';
|
|
27
27
|
import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
|
|
@@ -8,17 +8,17 @@ const style = (
|
|
|
8
8
|
/*__reshadow_css_start__*/
|
|
9
9
|
(sstyled.insert(
|
|
10
10
|
/*__inner_css_start__*/
|
|
11
|
-
".
|
|
11
|
+
".___SPickerFormat_1yg45_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium,500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary,#000c0829);border-radius:0 var(--intergalactic-control-rounded,6px) var(--intergalactic-control-rounded,6px) 0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-bg-secondary-neutral,oklch(.98 .001 180))}@media (color-gamut:p3){.___SPickerFormat_1yg45_gg_{border:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161));color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}@media (hover:hover){.___SPickerFormat_1yg45_gg_:hover{color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-bg-secondary-neutral-hover,oklch(.96 .001 180))}@media (color-gamut:p3){.___SPickerFormat_1yg45_gg_:hover{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}}.___SPickerFormat_1yg45_gg_.__active_1yg45_gg_,.___SPickerFormat_1yg45_gg_:active{color:var(--intergalactic-text-secondary,#00030095);background-color:var(--intergalactic-bg-secondary-neutral-active,oklch(.94 .002 180))}@media (color-gamut:p3){.___SPickerFormat_1yg45_gg_.__active_1yg45_gg_,.___SPickerFormat_1yg45_gg_:active{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___SPickerFormat_1yg45_gg_._size_m_1yg45_gg_{height:var(--intergalactic-form-control-m,28px);font-size:var(--intergalactic-fs-200,14px);margin:0 -1px 0 0}.___SPickerFormat_1yg45_gg_._size_m_1yg45_gg_ .___SPickerFormatText_1yg45_gg_{margin:0 var(--intergalactic-spacing-2x,8px)}.___SPickerFormat_1yg45_gg_._size_l_1yg45_gg_{height:var(--intergalactic-form-control-l,40px);font-size:var(--intergalactic-fs-300,16px);margin:0 -1px 0 0}.___SPickerFormat_1yg45_gg_._size_l_1yg45_gg_ .___SPickerFormatText_1yg45_gg_{margin:0 var(--intergalactic-spacing-3x,12px)}.___SPickerFormat_1yg45_gg_.__disabled_1yg45_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none;border-color:#0000 #0000 #0000 var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SPickerFormat_1yg45_gg_.__disabled_1yg45_gg_{border-color:#0000 #0000 #0000 var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}",
|
|
12
12
|
/*__inner_css_end__*/
|
|
13
|
-
"
|
|
13
|
+
"1yg45_gg_"
|
|
14
14
|
), /*__reshadow_css_end__*/
|
|
15
15
|
{
|
|
16
|
-
"__SPickerFormat": "
|
|
17
|
-
"_disabled": "
|
|
18
|
-
"_active": "
|
|
19
|
-
"_size_m": "
|
|
20
|
-
"__SPickerFormatText": "
|
|
21
|
-
"_size_l": "
|
|
16
|
+
"__SPickerFormat": "___SPickerFormat_1yg45_gg_",
|
|
17
|
+
"_disabled": "__disabled_1yg45_gg_",
|
|
18
|
+
"_active": "__active_1yg45_gg_",
|
|
19
|
+
"_size_m": "_size_m_1yg45_gg_",
|
|
20
|
+
"__SPickerFormatText": "___SPickerFormatText_1yg45_gg_",
|
|
21
|
+
"_size_l": "_size_l_1yg45_gg_"
|
|
22
22
|
})
|
|
23
23
|
);
|
|
24
24
|
class TimePickerFormat extends Component {
|
|
@@ -9,14 +9,14 @@ const style = (
|
|
|
9
9
|
/*__reshadow_css_start__*/
|
|
10
10
|
(sstyled.insert(
|
|
11
11
|
/*__inner_css_start__*/
|
|
12
|
-
".
|
|
12
|
+
".___SPickerInput_12dpj_gg_._size_m_12dpj_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x,8px);padding:0}.___SPickerInput_12dpj_gg_._size_l_12dpj_gg_{width:21px;margin:0 var(--intergalactic-spacing-2x,8px);padding:0}",
|
|
13
13
|
/*__inner_css_end__*/
|
|
14
|
-
"
|
|
14
|
+
"12dpj_gg_"
|
|
15
15
|
), /*__reshadow_css_end__*/
|
|
16
16
|
{
|
|
17
|
-
"__SPickerInput": "
|
|
18
|
-
"_size_m": "
|
|
19
|
-
"_size_l": "
|
|
17
|
+
"__SPickerInput": "___SPickerInput_12dpj_gg_",
|
|
18
|
+
"_size_m": "_size_m_12dpj_gg_",
|
|
19
|
+
"_size_l": "_size_l_12dpj_gg_"
|
|
20
20
|
})
|
|
21
21
|
);
|
|
22
22
|
function getOptions(minMax, step = 1) {
|
|
@@ -19,16 +19,16 @@ const style = (
|
|
|
19
19
|
/*__reshadow_css_start__*/
|
|
20
20
|
(sstyled.insert(
|
|
21
21
|
/*__inner_css_start__*/
|
|
22
|
-
".
|
|
22
|
+
".___STimePicker_1hfrn_gg_{position:relative;width:auto;outline:none}.___STimePicker_1hfrn_gg_ .___SPickerInput_1hfrn_gg_{box-sizing:initial;text-align:center;z-index:1;height:1.5em}.___STimePicker_1hfrn_gg_ .___SPickerInput_1hfrn_gg_.__placeholder_1hfrn_gg_{text-overflow:clip}.___STimePicker_1hfrn_gg_ .___SPickerInput_1hfrn_gg_:focus{outline:none;background-color:var(--intergalactic-bg-highlight-focus,#014fff1e)}@media (color-gamut:p3){.___STimePicker_1hfrn_gg_ .___SPickerInput_1hfrn_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus,oklch(.524 .266 263.1/.116))}}.___STimePicker_1hfrn_gg_.__disabled_1hfrn_gg_{color:var(--intergalactic-text-secondary,#00030095);cursor:default}@media (color-gamut:p3){.___STimePicker_1hfrn_gg_.__disabled_1hfrn_gg_{color:var(--intergalactic-text-secondary,oklch(.088 .026 147.7/.583))}}.___STimePickerSeparator_1hfrn_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}.___STimePickerSeparator_1hfrn_gg_.__disabled_1hfrn_gg_{opacity:var(--intergalactic-disabled-opacity,.4);pointer-events:none}",
|
|
23
23
|
/*__inner_css_end__*/
|
|
24
|
-
"
|
|
24
|
+
"1hfrn_gg_"
|
|
25
25
|
), /*__reshadow_css_end__*/
|
|
26
26
|
{
|
|
27
|
-
"__STimePicker": "
|
|
28
|
-
"_disabled": "
|
|
29
|
-
"__STimePickerSeparator": "
|
|
30
|
-
"__SPickerInput": "
|
|
31
|
-
"_placeholder": "
|
|
27
|
+
"__STimePicker": "___STimePicker_1hfrn_gg_",
|
|
28
|
+
"_disabled": "__disabled_1hfrn_gg_",
|
|
29
|
+
"__STimePickerSeparator": "___STimePickerSeparator_1hfrn_gg_",
|
|
30
|
+
"__SPickerInput": "___SPickerInput_1hfrn_gg_",
|
|
31
|
+
"_placeholder": "__placeholder_1hfrn_gg_"
|
|
32
32
|
})
|
|
33
33
|
);
|
|
34
34
|
_classDecs = [propsObserver(["value", "is12Hour"])];
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/time-picker",
|
|
3
3
|
"description": "Semrush TimePicker Component",
|
|
4
|
-
"version": "17.2.
|
|
4
|
+
"version": "17.2.1-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,12 +14,12 @@
|
|
|
14
14
|
"require": "./lib/cjs/index.js"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/button": "^17.2.
|
|
18
|
-
"@semcore/input": "^17.2.
|
|
19
|
-
"@semcore/select": "^17.
|
|
17
|
+
"@semcore/button": "^17.2.1-prerelease.0",
|
|
18
|
+
"@semcore/input": "^17.2.1-prerelease.0",
|
|
19
|
+
"@semcore/select": "^17.3.0-prerelease.0"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
22
|
-
"@semcore/base-components": "^17.2.
|
|
22
|
+
"@semcore/base-components": "^17.2.1"
|
|
23
23
|
},
|
|
24
24
|
"repository": {
|
|
25
25
|
"type": "git",
|
|
@@ -27,9 +27,9 @@
|
|
|
27
27
|
"directory": "semcore/time-picker"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"@semcore/
|
|
31
|
-
"@semcore/core": "17.2.
|
|
32
|
-
"@semcore/
|
|
30
|
+
"@semcore/testing-utils": "1.0.0",
|
|
31
|
+
"@semcore/core": "17.2.1-prerelease.0",
|
|
32
|
+
"@semcore/base-components": "17.2.1-prerelease.0"
|
|
33
33
|
},
|
|
34
34
|
"scripts": {
|
|
35
35
|
"build": "pnpm semcore-builder && pnpm vite build"
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { resolve as resolvePath } from 'node:path';
|
|
2
|
+
|
|
3
|
+
import { defineConfig } from 'vitest/config';
|
|
4
|
+
|
|
5
|
+
import { vitestPlugins, vitestResolve } from '../../vitest.config.mts';
|
|
6
|
+
|
|
7
|
+
export default defineConfig({
|
|
8
|
+
plugins: vitestPlugins,
|
|
9
|
+
resolve: vitestResolve,
|
|
10
|
+
test: {
|
|
11
|
+
include: [
|
|
12
|
+
'__tests__/**/*.test.tsx',
|
|
13
|
+
],
|
|
14
|
+
environment: 'jsdom',
|
|
15
|
+
setupFiles: [resolvePath(__dirname, '../../tools/testing-utils/setupTests')],
|
|
16
|
+
},
|
|
17
|
+
});
|