@semcore/time-picker 17.0.1-prerelease.1 → 17.1.0-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.
Files changed (17) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/component/PickerFormat/PickerFormat.js +7 -7
  3. package/lib/cjs/component/PickerFormat/picker-format.shadow.css +9 -9
  4. package/lib/cjs/component/PickerInput/PickerInput.js +4 -4
  5. package/lib/cjs/component/TimePicker/TimePicker.js +6 -6
  6. package/lib/cjs/component/TimePicker/time-picker.shadow.css +4 -4
  7. package/lib/es6/component/PickerFormat/PickerFormat.js +7 -7
  8. package/lib/es6/component/PickerFormat/picker-format.shadow.css +9 -9
  9. package/lib/es6/component/PickerInput/PickerInput.js +4 -4
  10. package/lib/es6/component/TimePicker/TimePicker.js +6 -6
  11. package/lib/es6/component/TimePicker/time-picker.shadow.css +4 -4
  12. package/lib/esm/component/PickerFormat/PickerFormat.mjs +8 -8
  13. package/lib/esm/component/PickerFormat/picker-format.shadow.css +9 -9
  14. package/lib/esm/component/PickerInput/PickerInput.mjs +5 -5
  15. package/lib/esm/component/TimePicker/TimePicker.mjs +7 -7
  16. package/lib/esm/component/TimePicker/time-picker.shadow.css +4 -4
  17. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [17.1.0] - 2026-05-12
6
+
7
+ ### Added
8
+
9
+ - New brand theme.
10
+
5
11
  ## [17.0.1] - 2026-04-16
6
12
 
7
13
  ### Fixed
package/lib/cjs/component/PickerFormat/PickerFormat.js 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__*/".___SPickerFormat_ifugi_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, #c4c7cf);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, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_ifugi_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_ifugi_gg_.__active_ifugi_gg_,.___SPickerFormat_ifugi_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_ifugi_gg_._size_m_ifugi_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_ifugi_gg_._size_m_ifugi_gg_ .___SPickerFormatText_ifugi_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_ifugi_gg_._size_l_ifugi_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0-1px 0 0}.___SPickerFormat_ifugi_gg_._size_l_ifugi_gg_ .___SPickerFormatText_ifugi_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_ifugi_gg_.__disabled_ifugi_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}", /*__inner_css_end__*/"ifugi_gg_"),
14
+ const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPickerFormat_1r1ab_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, rgba(0, 12, 8, 0.161));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, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_1r1ab_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SPickerFormat_1r1ab_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161));color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}@media (hover:hover){.___SPickerFormat_1r1ab_gg_:hover{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-bg-secondary-neutral-hover, rgb(241, 242, 242))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_1r1ab_gg_:hover{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SPickerFormat_1r1ab_gg_:hover{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}}.___SPickerFormat_1r1ab_gg_.__active_1r1ab_gg_,.___SPickerFormat_1r1ab_gg_:active{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-bg-secondary-neutral-active, rgb(234, 235, 235))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_1r1ab_gg_.__active_1r1ab_gg_,.___SPickerFormat_1r1ab_gg_:active{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SPickerFormat_1r1ab_gg_.__active_1r1ab_gg_,.___SPickerFormat_1r1ab_gg_:active{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SPickerFormat_1r1ab_gg_._size_m_1r1ab_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1r1ab_gg_._size_m_1r1ab_gg_ .___SPickerFormatText_1r1ab_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1r1ab_gg_._size_l_1r1ab_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0-1px 0 0}.___SPickerFormat_1r1ab_gg_._size_l_1r1ab_gg_ .___SPickerFormatText_1r1ab_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1r1ab_gg_.__disabled_1r1ab_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_1r1ab_gg_.__disabled_1r1ab_gg_{border-color:transparent transparent transparent var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPickerFormat_1r1ab_gg_.__disabled_1r1ab_gg_{border-color:transparent transparent transparent var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}", /*__inner_css_end__*/"1r1ab_gg_"),
15
15
  /*__reshadow_css_end__*/
16
16
  {
17
- "__SPickerFormat": "___SPickerFormat_ifugi_gg_",
18
- "_disabled": "__disabled_ifugi_gg_",
19
- "_active": "__active_ifugi_gg_",
20
- "_size_m": "_size_m_ifugi_gg_",
21
- "__SPickerFormatText": "___SPickerFormatText_ifugi_gg_",
22
- "_size_l": "_size_l_ifugi_gg_"
17
+ "__SPickerFormat": "___SPickerFormat_1r1ab_gg_",
18
+ "_disabled": "__disabled_1r1ab_gg_",
19
+ "_active": "__active_1r1ab_gg_",
20
+ "_size_m": "_size_m_1r1ab_gg_",
21
+ "__SPickerFormatText": "___SPickerFormatText_1r1ab_gg_",
22
+ "_size_l": "_size_l_1r1ab_gg_"
23
23
  });
24
24
  class TimePickerFormat extends _core.Component {
25
25
  constructor(...args) {
package/lib/cjs/component/PickerFormat/picker-format.shadow.css CHANGED
@@ -9,7 +9,7 @@ SPickerFormat {
9
9
  line-height: normal;
10
10
  text-decoration: none;
11
11
  align-items: center;
12
- border: 1px solid var(--intergalactic-border-primary, #c4c7cf);
12
+ border: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
13
13
  border-radius: 0 var(--intergalactic-control-rounded, 6px)
14
14
  var(--intergalactic-control-rounded, 6px) 0;
15
15
  box-shadow: none;
@@ -19,18 +19,18 @@ SPickerFormat {
19
19
  user-select: none;
20
20
  touch-action: manipulation;
21
21
  -webkit-tap-highlight-color: transparent;
22
- color: var(--intergalactic-text-secondary, #6c6e79);
23
- background-color: var(--intergalactic-bg-secondary-neutral, #f4f5f9);
22
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
23
+ background-color: var(--intergalactic-bg-secondary-neutral, oklch(0.98 0.001 180));
24
24
 
25
25
  &:hover {
26
- color: var(--intergalactic-text-secondary, #6c6e79);
27
- background-color: var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9);
26
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
27
+ background-color: var(--intergalactic-bg-secondary-neutral-hover, oklch(0.96 0.001 180));
28
28
  }
29
29
 
30
30
  &:active,
31
31
  &[active] {
32
- color: var(--intergalactic-text-secondary, #6c6e79);
33
- background-color: var(--intergalactic-bg-secondary-neutral-active, #c4c7cf);
32
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
33
+ background-color: var(--intergalactic-bg-secondary-neutral-active, oklch(0.94 0.002 180));
34
34
  }
35
35
  }
36
36
 
@@ -54,8 +54,8 @@ SPickerFormat[size='l'] {
54
54
  }
55
55
 
56
56
  SPickerFormat[disabled] {
57
- opacity: var(--intergalactic-disabled-opacity, 0.3);
57
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
58
58
  cursor: default;
59
59
  pointer-events: none;
60
- border-color: transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf);
60
+ border-color: transparent transparent transparent var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
61
61
  }
package/lib/cjs/component/PickerInput/PickerInput.js CHANGED
@@ -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__*/".___SPickerInput_p1g8c_gg_._size_l_p1g8c_gg_,.___SPickerInput_p1g8c_gg_._size_m_p1g8c_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_p1g8c_gg_._size_l_p1g8c_gg_{width:21px}", /*__inner_css_end__*/"p1g8c_gg_"),
15
+ const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPickerInput_1rcax_gg_._size_l_1rcax_gg_,.___SPickerInput_1rcax_gg_._size_m_1rcax_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1rcax_gg_._size_l_1rcax_gg_{width:21px}", /*__inner_css_end__*/"1rcax_gg_"),
16
16
  /*__reshadow_css_end__*/
17
17
  {
18
- "__SPickerInput": "___SPickerInput_p1g8c_gg_",
19
- "_size_m": "_size_m_p1g8c_gg_",
20
- "_size_l": "_size_l_p1g8c_gg_"
18
+ "__SPickerInput": "___SPickerInput_1rcax_gg_",
19
+ "_size_m": "_size_m_1rcax_gg_",
20
+ "_size_l": "_size_l_1rcax_gg_"
21
21
  });
22
22
  function getOptions(minMax, step = 1) {
23
23
  const [min, max] = minMax;
package/lib/cjs/component/TimePicker/TimePicker.js CHANGED
@@ -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__*/".___STimePicker_uw6jr_gg_{position:relative;width:auto;outline:0}.___STimePicker_uw6jr_gg_ .___SPickerInput_uw6jr_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___STimePicker_uw6jr_gg_ .___SPickerInput_uw6jr_gg_.__placeholder_uw6jr_gg_{text-overflow:initial}.___STimePicker_uw6jr_gg_ .___SPickerInput_uw6jr_gg_:focus{outline:0;background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___STimePicker_uw6jr_gg_.__disabled_uw6jr_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___STimePickerSeparator_uw6jr_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_uw6jr_gg_.__disabled_uw6jr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}", /*__inner_css_end__*/"uw6jr_gg_"),
25
+ const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___STimePicker_14mny_gg_{position:relative;width:auto;outline:0}.___STimePicker_14mny_gg_ .___SPickerInput_14mny_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___STimePicker_14mny_gg_ .___SPickerInput_14mny_gg_.__placeholder_14mny_gg_{text-overflow:initial}.___STimePicker_14mny_gg_ .___SPickerInput_14mny_gg_:focus{outline:0;background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___STimePicker_14mny_gg_ .___SPickerInput_14mny_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___STimePicker_14mny_gg_ .___SPickerInput_14mny_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___STimePicker_14mny_gg_.__disabled_14mny_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));cursor:default}@supports (color:color(display-p3 0 0 0%)){.___STimePicker_14mny_gg_.__disabled_14mny_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STimePicker_14mny_gg_.__disabled_14mny_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STimePickerSeparator_14mny_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___STimePickerSeparator_14mny_gg_.__disabled_14mny_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);pointer-events:none}", /*__inner_css_end__*/"14mny_gg_"),
26
26
  /*__reshadow_css_end__*/
27
27
  {
28
- "__STimePicker": "___STimePicker_uw6jr_gg_",
29
- "_disabled": "__disabled_uw6jr_gg_",
30
- "__STimePickerSeparator": "___STimePickerSeparator_uw6jr_gg_",
31
- "__SPickerInput": "___SPickerInput_uw6jr_gg_",
32
- "_placeholder": "__placeholder_uw6jr_gg_"
28
+ "__STimePicker": "___STimePicker_14mny_gg_",
29
+ "_disabled": "__disabled_14mny_gg_",
30
+ "__STimePickerSeparator": "___STimePickerSeparator_14mny_gg_",
31
+ "__SPickerInput": "___SPickerInput_14mny_gg_",
32
+ "_placeholder": "__placeholder_14mny_gg_"
33
33
  });
34
34
  _classDecs = [(0, _propsObserver.default)(['value', 'is12Hour'])];
35
35
  let _TimePickerRoot;
package/lib/cjs/component/TimePicker/time-picker.shadow.css CHANGED
@@ -14,21 +14,21 @@ STimePicker {
14
14
  }
15
15
  &:focus {
16
16
  outline: none;
17
- background-color: var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2));
17
+ background-color: var(--intergalactic-bg-highlight-focus, oklch(0.524 0.266 263.1 / 0.116));
18
18
  }
19
19
  }
20
20
  }
21
21
 
22
22
  STimePicker[disabled] {
23
- color: var(--intergalactic-text-secondary, #6c6e79);
23
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
24
24
  cursor: default;
25
25
  }
26
26
 
27
27
  STimePickerSeparator {
28
- color: var(--intergalactic-text-primary, #191b23);
28
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
29
29
  }
30
30
 
31
31
  STimePickerSeparator[disabled] {
32
- opacity: var(--intergalactic-disabled-opacity, 0.3);
32
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
33
33
  pointer-events: none;
34
34
  }
package/lib/es6/component/PickerFormat/PickerFormat.js CHANGED
@@ -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__*/".___SPickerFormat_ifugi_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, #c4c7cf);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, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_ifugi_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_ifugi_gg_.__active_ifugi_gg_,.___SPickerFormat_ifugi_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_ifugi_gg_._size_m_ifugi_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_ifugi_gg_._size_m_ifugi_gg_ .___SPickerFormatText_ifugi_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_ifugi_gg_._size_l_ifugi_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0-1px 0 0}.___SPickerFormat_ifugi_gg_._size_l_ifugi_gg_ .___SPickerFormatText_ifugi_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_ifugi_gg_.__disabled_ifugi_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}", /*__inner_css_end__*/"ifugi_gg_"),
9
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPickerFormat_1r1ab_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, rgba(0, 12, 8, 0.161));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, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_1r1ab_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SPickerFormat_1r1ab_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161));color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}@media (hover:hover){.___SPickerFormat_1r1ab_gg_:hover{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-bg-secondary-neutral-hover, rgb(241, 242, 242))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_1r1ab_gg_:hover{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SPickerFormat_1r1ab_gg_:hover{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}}.___SPickerFormat_1r1ab_gg_.__active_1r1ab_gg_,.___SPickerFormat_1r1ab_gg_:active{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-bg-secondary-neutral-active, rgb(234, 235, 235))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_1r1ab_gg_.__active_1r1ab_gg_,.___SPickerFormat_1r1ab_gg_:active{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SPickerFormat_1r1ab_gg_.__active_1r1ab_gg_,.___SPickerFormat_1r1ab_gg_:active{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SPickerFormat_1r1ab_gg_._size_m_1r1ab_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1r1ab_gg_._size_m_1r1ab_gg_ .___SPickerFormatText_1r1ab_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1r1ab_gg_._size_l_1r1ab_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0-1px 0 0}.___SPickerFormat_1r1ab_gg_._size_l_1r1ab_gg_ .___SPickerFormatText_1r1ab_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1r1ab_gg_.__disabled_1r1ab_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_1r1ab_gg_.__disabled_1r1ab_gg_{border-color:transparent transparent transparent var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPickerFormat_1r1ab_gg_.__disabled_1r1ab_gg_{border-color:transparent transparent transparent var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}", /*__inner_css_end__*/"1r1ab_gg_"),
10
10
  /*__reshadow_css_end__*/
11
11
  {
12
- "__SPickerFormat": "___SPickerFormat_ifugi_gg_",
13
- "_disabled": "__disabled_ifugi_gg_",
14
- "_active": "__active_ifugi_gg_",
15
- "_size_m": "_size_m_ifugi_gg_",
16
- "__SPickerFormatText": "___SPickerFormatText_ifugi_gg_",
17
- "_size_l": "_size_l_ifugi_gg_"
12
+ "__SPickerFormat": "___SPickerFormat_1r1ab_gg_",
13
+ "_disabled": "__disabled_1r1ab_gg_",
14
+ "_active": "__active_1r1ab_gg_",
15
+ "_size_m": "_size_m_1r1ab_gg_",
16
+ "__SPickerFormatText": "___SPickerFormatText_1r1ab_gg_",
17
+ "_size_l": "_size_l_1r1ab_gg_"
18
18
  });
19
19
  class TimePickerFormat extends Component {
20
20
  constructor(...args) {
package/lib/es6/component/PickerFormat/picker-format.shadow.css CHANGED
@@ -9,7 +9,7 @@ SPickerFormat {
9
9
  line-height: normal;
10
10
  text-decoration: none;
11
11
  align-items: center;
12
- border: 1px solid var(--intergalactic-border-primary, #c4c7cf);
12
+ border: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
13
13
  border-radius: 0 var(--intergalactic-control-rounded, 6px)
14
14
  var(--intergalactic-control-rounded, 6px) 0;
15
15
  box-shadow: none;
@@ -19,18 +19,18 @@ SPickerFormat {
19
19
  user-select: none;
20
20
  touch-action: manipulation;
21
21
  -webkit-tap-highlight-color: transparent;
22
- color: var(--intergalactic-text-secondary, #6c6e79);
23
- background-color: var(--intergalactic-bg-secondary-neutral, #f4f5f9);
22
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
23
+ background-color: var(--intergalactic-bg-secondary-neutral, oklch(0.98 0.001 180));
24
24
 
25
25
  &:hover {
26
- color: var(--intergalactic-text-secondary, #6c6e79);
27
- background-color: var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9);
26
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
27
+ background-color: var(--intergalactic-bg-secondary-neutral-hover, oklch(0.96 0.001 180));
28
28
  }
29
29
 
30
30
  &:active,
31
31
  &[active] {
32
- color: var(--intergalactic-text-secondary, #6c6e79);
33
- background-color: var(--intergalactic-bg-secondary-neutral-active, #c4c7cf);
32
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
33
+ background-color: var(--intergalactic-bg-secondary-neutral-active, oklch(0.94 0.002 180));
34
34
  }
35
35
  }
36
36
 
@@ -54,8 +54,8 @@ SPickerFormat[size='l'] {
54
54
  }
55
55
 
56
56
  SPickerFormat[disabled] {
57
- opacity: var(--intergalactic-disabled-opacity, 0.3);
57
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
58
58
  cursor: default;
59
59
  pointer-events: none;
60
- border-color: transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf);
60
+ border-color: transparent transparent transparent var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
61
61
  }
package/lib/es6/component/PickerInput/PickerInput.js CHANGED
@@ -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__*/".___SPickerInput_p1g8c_gg_._size_l_p1g8c_gg_,.___SPickerInput_p1g8c_gg_._size_m_p1g8c_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_p1g8c_gg_._size_l_p1g8c_gg_{width:21px}", /*__inner_css_end__*/"p1g8c_gg_"),
10
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPickerInput_1rcax_gg_._size_l_1rcax_gg_,.___SPickerInput_1rcax_gg_._size_m_1rcax_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1rcax_gg_._size_l_1rcax_gg_{width:21px}", /*__inner_css_end__*/"1rcax_gg_"),
11
11
  /*__reshadow_css_end__*/
12
12
  {
13
- "__SPickerInput": "___SPickerInput_p1g8c_gg_",
14
- "_size_m": "_size_m_p1g8c_gg_",
15
- "_size_l": "_size_l_p1g8c_gg_"
13
+ "__SPickerInput": "___SPickerInput_1rcax_gg_",
14
+ "_size_m": "_size_m_1rcax_gg_",
15
+ "_size_l": "_size_l_1rcax_gg_"
16
16
  });
17
17
  function getOptions(minMax, step = 1) {
18
18
  const [min, max] = minMax;
package/lib/es6/component/TimePicker/TimePicker.js CHANGED
@@ -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__*/".___STimePicker_uw6jr_gg_{position:relative;width:auto;outline:0}.___STimePicker_uw6jr_gg_ .___SPickerInput_uw6jr_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___STimePicker_uw6jr_gg_ .___SPickerInput_uw6jr_gg_.__placeholder_uw6jr_gg_{text-overflow:initial}.___STimePicker_uw6jr_gg_ .___SPickerInput_uw6jr_gg_:focus{outline:0;background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___STimePicker_uw6jr_gg_.__disabled_uw6jr_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___STimePickerSeparator_uw6jr_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_uw6jr_gg_.__disabled_uw6jr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}", /*__inner_css_end__*/"uw6jr_gg_"),
17
+ const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___STimePicker_14mny_gg_{position:relative;width:auto;outline:0}.___STimePicker_14mny_gg_ .___SPickerInput_14mny_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___STimePicker_14mny_gg_ .___SPickerInput_14mny_gg_.__placeholder_14mny_gg_{text-overflow:initial}.___STimePicker_14mny_gg_ .___SPickerInput_14mny_gg_:focus{outline:0;background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___STimePicker_14mny_gg_ .___SPickerInput_14mny_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___STimePicker_14mny_gg_ .___SPickerInput_14mny_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___STimePicker_14mny_gg_.__disabled_14mny_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));cursor:default}@supports (color:color(display-p3 0 0 0%)){.___STimePicker_14mny_gg_.__disabled_14mny_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STimePicker_14mny_gg_.__disabled_14mny_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STimePickerSeparator_14mny_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___STimePickerSeparator_14mny_gg_.__disabled_14mny_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);pointer-events:none}", /*__inner_css_end__*/"14mny_gg_"),
18
18
  /*__reshadow_css_end__*/
19
19
  {
20
- "__STimePicker": "___STimePicker_uw6jr_gg_",
21
- "_disabled": "__disabled_uw6jr_gg_",
22
- "__STimePickerSeparator": "___STimePickerSeparator_uw6jr_gg_",
23
- "__SPickerInput": "___SPickerInput_uw6jr_gg_",
24
- "_placeholder": "__placeholder_uw6jr_gg_"
20
+ "__STimePicker": "___STimePicker_14mny_gg_",
21
+ "_disabled": "__disabled_14mny_gg_",
22
+ "__STimePickerSeparator": "___STimePickerSeparator_14mny_gg_",
23
+ "__SPickerInput": "___SPickerInput_14mny_gg_",
24
+ "_placeholder": "__placeholder_14mny_gg_"
25
25
  });
26
26
  import TimePickerEntity from '../../entity/TimePickerEntity';
27
27
  import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
package/lib/es6/component/TimePicker/time-picker.shadow.css CHANGED
@@ -14,21 +14,21 @@ STimePicker {
14
14
  }
15
15
  &:focus {
16
16
  outline: none;
17
- background-color: var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2));
17
+ background-color: var(--intergalactic-bg-highlight-focus, oklch(0.524 0.266 263.1 / 0.116));
18
18
  }
19
19
  }
20
20
  }
21
21
 
22
22
  STimePicker[disabled] {
23
- color: var(--intergalactic-text-secondary, #6c6e79);
23
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
24
24
  cursor: default;
25
25
  }
26
26
 
27
27
  STimePickerSeparator {
28
- color: var(--intergalactic-text-primary, #191b23);
28
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
29
29
  }
30
30
 
31
31
  STimePickerSeparator[disabled] {
32
- opacity: var(--intergalactic-disabled-opacity, 0.3);
32
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
33
33
  pointer-events: none;
34
34
  }
package/lib/esm/component/PickerFormat/PickerFormat.mjs CHANGED
@@ -8,17 +8,17 @@ const style = (
8
8
  /*__reshadow_css_start__*/
9
9
  (sstyled.insert(
10
10
  /*__inner_css_start__*/
11
- ".___SPickerFormat_ifugi_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, #c4c7cf);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, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_ifugi_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_ifugi_gg_.__active_ifugi_gg_,.___SPickerFormat_ifugi_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_ifugi_gg_._size_m_ifugi_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_ifugi_gg_._size_m_ifugi_gg_ .___SPickerFormatText_ifugi_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_ifugi_gg_._size_l_ifugi_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0-1px 0 0}.___SPickerFormat_ifugi_gg_._size_l_ifugi_gg_ .___SPickerFormatText_ifugi_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_ifugi_gg_.__disabled_ifugi_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}",
11
+ ".___SPickerFormat_1r1ab_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, rgba(0, 12, 8, 0.161));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, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_1r1ab_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SPickerFormat_1r1ab_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161));color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}@media (hover:hover){.___SPickerFormat_1r1ab_gg_:hover{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-bg-secondary-neutral-hover, rgb(241, 242, 242))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_1r1ab_gg_:hover{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SPickerFormat_1r1ab_gg_:hover{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}}.___SPickerFormat_1r1ab_gg_.__active_1r1ab_gg_,.___SPickerFormat_1r1ab_gg_:active{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));background-color:var(--intergalactic-bg-secondary-neutral-active, rgb(234, 235, 235))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_1r1ab_gg_.__active_1r1ab_gg_,.___SPickerFormat_1r1ab_gg_:active{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SPickerFormat_1r1ab_gg_.__active_1r1ab_gg_,.___SPickerFormat_1r1ab_gg_:active{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SPickerFormat_1r1ab_gg_._size_m_1r1ab_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1r1ab_gg_._size_m_1r1ab_gg_ .___SPickerFormatText_1r1ab_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1r1ab_gg_._size_l_1r1ab_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0-1px 0 0}.___SPickerFormat_1r1ab_gg_._size_l_1r1ab_gg_ .___SPickerFormatText_1r1ab_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1r1ab_gg_.__disabled_1r1ab_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SPickerFormat_1r1ab_gg_.__disabled_1r1ab_gg_{border-color:transparent transparent transparent var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPickerFormat_1r1ab_gg_.__disabled_1r1ab_gg_{border-color:transparent transparent transparent var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}",
12
12
  /*__inner_css_end__*/
13
- "ifugi_gg_"
13
+ "1r1ab_gg_"
14
14
  ), /*__reshadow_css_end__*/
15
15
  {
16
- "__SPickerFormat": "___SPickerFormat_ifugi_gg_",
17
- "_disabled": "__disabled_ifugi_gg_",
18
- "_active": "__active_ifugi_gg_",
19
- "_size_m": "_size_m_ifugi_gg_",
20
- "__SPickerFormatText": "___SPickerFormatText_ifugi_gg_",
21
- "_size_l": "_size_l_ifugi_gg_"
16
+ "__SPickerFormat": "___SPickerFormat_1r1ab_gg_",
17
+ "_disabled": "__disabled_1r1ab_gg_",
18
+ "_active": "__active_1r1ab_gg_",
19
+ "_size_m": "_size_m_1r1ab_gg_",
20
+ "__SPickerFormatText": "___SPickerFormatText_1r1ab_gg_",
21
+ "_size_l": "_size_l_1r1ab_gg_"
22
22
  })
23
23
  );
24
24
  class TimePickerFormat extends Component {
package/lib/esm/component/PickerFormat/picker-format.shadow.css CHANGED
@@ -9,7 +9,7 @@ SPickerFormat {
9
9
  line-height: normal;
10
10
  text-decoration: none;
11
11
  align-items: center;
12
- border: 1px solid var(--intergalactic-border-primary, #c4c7cf);
12
+ border: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
13
13
  border-radius: 0 var(--intergalactic-control-rounded, 6px)
14
14
  var(--intergalactic-control-rounded, 6px) 0;
15
15
  box-shadow: none;
@@ -19,18 +19,18 @@ SPickerFormat {
19
19
  user-select: none;
20
20
  touch-action: manipulation;
21
21
  -webkit-tap-highlight-color: transparent;
22
- color: var(--intergalactic-text-secondary, #6c6e79);
23
- background-color: var(--intergalactic-bg-secondary-neutral, #f4f5f9);
22
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
23
+ background-color: var(--intergalactic-bg-secondary-neutral, oklch(0.98 0.001 180));
24
24
 
25
25
  &:hover {
26
- color: var(--intergalactic-text-secondary, #6c6e79);
27
- background-color: var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9);
26
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
27
+ background-color: var(--intergalactic-bg-secondary-neutral-hover, oklch(0.96 0.001 180));
28
28
  }
29
29
 
30
30
  &:active,
31
31
  &[active] {
32
- color: var(--intergalactic-text-secondary, #6c6e79);
33
- background-color: var(--intergalactic-bg-secondary-neutral-active, #c4c7cf);
32
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
33
+ background-color: var(--intergalactic-bg-secondary-neutral-active, oklch(0.94 0.002 180));
34
34
  }
35
35
  }
36
36
 
@@ -54,8 +54,8 @@ SPickerFormat[size='l'] {
54
54
  }
55
55
 
56
56
  SPickerFormat[disabled] {
57
- opacity: var(--intergalactic-disabled-opacity, 0.3);
57
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
58
58
  cursor: default;
59
59
  pointer-events: none;
60
- border-color: transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf);
60
+ border-color: transparent transparent transparent var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
61
61
  }
package/lib/esm/component/PickerInput/PickerInput.mjs CHANGED
@@ -9,14 +9,14 @@ const style = (
9
9
  /*__reshadow_css_start__*/
10
10
  (sstyled.insert(
11
11
  /*__inner_css_start__*/
12
- ".___SPickerInput_p1g8c_gg_._size_l_p1g8c_gg_,.___SPickerInput_p1g8c_gg_._size_m_p1g8c_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_p1g8c_gg_._size_l_p1g8c_gg_{width:21px}",
12
+ ".___SPickerInput_1rcax_gg_._size_l_1rcax_gg_,.___SPickerInput_1rcax_gg_._size_m_1rcax_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1rcax_gg_._size_l_1rcax_gg_{width:21px}",
13
13
  /*__inner_css_end__*/
14
- "p1g8c_gg_"
14
+ "1rcax_gg_"
15
15
  ), /*__reshadow_css_end__*/
16
16
  {
17
- "__SPickerInput": "___SPickerInput_p1g8c_gg_",
18
- "_size_m": "_size_m_p1g8c_gg_",
19
- "_size_l": "_size_l_p1g8c_gg_"
17
+ "__SPickerInput": "___SPickerInput_1rcax_gg_",
18
+ "_size_m": "_size_m_1rcax_gg_",
19
+ "_size_l": "_size_l_1rcax_gg_"
20
20
  })
21
21
  );
22
22
  function getOptions(minMax, step = 1) {
package/lib/esm/component/TimePicker/TimePicker.mjs CHANGED
@@ -19,16 +19,16 @@ const style = (
19
19
  /*__reshadow_css_start__*/
20
20
  (sstyled.insert(
21
21
  /*__inner_css_start__*/
22
- ".___STimePicker_uw6jr_gg_{position:relative;width:auto;outline:0}.___STimePicker_uw6jr_gg_ .___SPickerInput_uw6jr_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___STimePicker_uw6jr_gg_ .___SPickerInput_uw6jr_gg_.__placeholder_uw6jr_gg_{text-overflow:initial}.___STimePicker_uw6jr_gg_ .___SPickerInput_uw6jr_gg_:focus{outline:0;background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___STimePicker_uw6jr_gg_.__disabled_uw6jr_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___STimePickerSeparator_uw6jr_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_uw6jr_gg_.__disabled_uw6jr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}",
22
+ ".___STimePicker_14mny_gg_{position:relative;width:auto;outline:0}.___STimePicker_14mny_gg_ .___SPickerInput_14mny_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___STimePicker_14mny_gg_ .___SPickerInput_14mny_gg_.__placeholder_14mny_gg_{text-overflow:initial}.___STimePicker_14mny_gg_ .___SPickerInput_14mny_gg_:focus{outline:0;background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___STimePicker_14mny_gg_ .___SPickerInput_14mny_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___STimePicker_14mny_gg_ .___SPickerInput_14mny_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___STimePicker_14mny_gg_.__disabled_14mny_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));cursor:default}@supports (color:color(display-p3 0 0 0%)){.___STimePicker_14mny_gg_.__disabled_14mny_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STimePicker_14mny_gg_.__disabled_14mny_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STimePickerSeparator_14mny_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___STimePickerSeparator_14mny_gg_.__disabled_14mny_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);pointer-events:none}",
23
23
  /*__inner_css_end__*/
24
- "uw6jr_gg_"
24
+ "14mny_gg_"
25
25
  ), /*__reshadow_css_end__*/
26
26
  {
27
- "__STimePicker": "___STimePicker_uw6jr_gg_",
28
- "_disabled": "__disabled_uw6jr_gg_",
29
- "__STimePickerSeparator": "___STimePickerSeparator_uw6jr_gg_",
30
- "__SPickerInput": "___SPickerInput_uw6jr_gg_",
31
- "_placeholder": "__placeholder_uw6jr_gg_"
27
+ "__STimePicker": "___STimePicker_14mny_gg_",
28
+ "_disabled": "__disabled_14mny_gg_",
29
+ "__STimePickerSeparator": "___STimePickerSeparator_14mny_gg_",
30
+ "__SPickerInput": "___SPickerInput_14mny_gg_",
31
+ "_placeholder": "__placeholder_14mny_gg_"
32
32
  })
33
33
  );
34
34
  _classDecs = [propsObserver(["value", "is12Hour"])];
package/lib/esm/component/TimePicker/time-picker.shadow.css CHANGED
@@ -14,21 +14,21 @@ STimePicker {
14
14
  }
15
15
  &:focus {
16
16
  outline: none;
17
- background-color: var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2));
17
+ background-color: var(--intergalactic-bg-highlight-focus, oklch(0.524 0.266 263.1 / 0.116));
18
18
  }
19
19
  }
20
20
  }
21
21
 
22
22
  STimePicker[disabled] {
23
- color: var(--intergalactic-text-secondary, #6c6e79);
23
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
24
24
  cursor: default;
25
25
  }
26
26
 
27
27
  STimePickerSeparator {
28
- color: var(--intergalactic-text-primary, #191b23);
28
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
29
29
  }
30
30
 
31
31
  STimePickerSeparator[disabled] {
32
- opacity: var(--intergalactic-disabled-opacity, 0.3);
32
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
33
33
  pointer-events: none;
34
34
  }
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.0.1-prerelease.1",
4
+ "version": "17.1.0-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,9 +14,9 @@
14
14
  "require": "./lib/cjs/index.js"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/button": "^17.0.1-prerelease.1",
18
- "@semcore/input": "^17.0.1-prerelease.1",
19
- "@semcore/select": "^17.0.1-prerelease.1"
17
+ "@semcore/button": "^17.1.0-prerelease.0",
18
+ "@semcore/input": "^17.1.0-prerelease.0",
19
+ "@semcore/select": "^17.1.0-prerelease.0"
20
20
  },
21
21
  "peerDependencies": {
22
22
  "@semcore/base-components": "^17.0.2"
@@ -27,8 +27,8 @@
27
27
  "directory": "semcore/time-picker"
28
28
  },
29
29
  "devDependencies": {
30
- "@semcore/core": "17.0.1",
31
- "@semcore/base-components": "17.0.2-prerelease.1",
30
+ "@semcore/core": "17.1.0-prerelease.0",
31
+ "@semcore/base-components": "17.0.2-prerelease.0",
32
32
  "@semcore/testing-utils": "1.0.0"
33
33
  },
34
34
  "scripts": {