@hh.ru/magritte-ui-picker-wheel 1.1.2 → 2.0.1

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/PickerWheel.js CHANGED
@@ -6,7 +6,7 @@ import { initScrollHandlers } from '@hh.ru/magritte-internal-custom-scroll';
6
6
  import { BottomSheetContext } from '@hh.ru/magritte-ui-bottom-sheet';
7
7
  import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
8
8
 
9
- var styles = {"picker-wheel":"magritte-picker-wheel___VaPvG_1-1-2","pickerWheel":"magritte-picker-wheel___VaPvG_1-1-2","selected-item-background":"magritte-selected-item-background___UnBPm_1-1-2","selectedItemBackground":"magritte-selected-item-background___UnBPm_1-1-2","columns":"magritte-columns___I7bCB_1-1-2","touch-events-overlay":"magritte-touch-events-overlay___c3YOp_1-1-2","touchEventsOverlay":"magritte-touch-events-overlay___c3YOp_1-1-2","fixed-height":"magritte-fixed-height___BLw9W_1-1-2","fixedHeight":"magritte-fixed-height___BLw9W_1-1-2","column-wrapper":"magritte-column-wrapper___yRwai_1-1-2","columnWrapper":"magritte-column-wrapper___yRwai_1-1-2","column-position-wrapper":"magritte-column-position-wrapper___wQTIu_1-1-2","columnPositionWrapper":"magritte-column-position-wrapper___wQTIu_1-1-2","wide-column-wrapper":"magritte-wide-column-wrapper___nvecx_1-1-2","wideColumnWrapper":"magritte-wide-column-wrapper___nvecx_1-1-2","full-width-column-wrapper":"magritte-full-width-column-wrapper___oxhh1_1-1-2","fullWidthColumnWrapper":"magritte-full-width-column-wrapper___oxhh1_1-1-2","column":"magritte-column___IMYca_1-1-2","item":"magritte-item___4RQVs_1-1-2","align-left":"magritte-align-left___PXJt0_1-1-2","alignLeft":"magritte-align-left___PXJt0_1-1-2","align-right":"magritte-align-right___0yc2S_1-1-2","alignRight":"magritte-align-right___0yc2S_1-1-2","disabled":"magritte-disabled___d3ukm_1-1-2","selected":"magritte-selected___Nar3H_1-1-2"};
9
+ var styles = {"picker-wheel":"magritte-picker-wheel___VaPvG_2-0-1","pickerWheel":"magritte-picker-wheel___VaPvG_2-0-1","selected-item-background":"magritte-selected-item-background___UnBPm_2-0-1","selectedItemBackground":"magritte-selected-item-background___UnBPm_2-0-1","columns":"magritte-columns___I7bCB_2-0-1","touch-events-overlay":"magritte-touch-events-overlay___c3YOp_2-0-1","touchEventsOverlay":"magritte-touch-events-overlay___c3YOp_2-0-1","fixed-height":"magritte-fixed-height___BLw9W_2-0-1","fixedHeight":"magritte-fixed-height___BLw9W_2-0-1","column-wrapper":"magritte-column-wrapper___yRwai_2-0-1","columnWrapper":"magritte-column-wrapper___yRwai_2-0-1","column-position-wrapper":"magritte-column-position-wrapper___wQTIu_2-0-1","columnPositionWrapper":"magritte-column-position-wrapper___wQTIu_2-0-1","wide-column-wrapper":"magritte-wide-column-wrapper___nvecx_2-0-1","wideColumnWrapper":"magritte-wide-column-wrapper___nvecx_2-0-1","full-width-column-wrapper":"magritte-full-width-column-wrapper___oxhh1_2-0-1","fullWidthColumnWrapper":"magritte-full-width-column-wrapper___oxhh1_2-0-1","column":"magritte-column___IMYca_2-0-1","item":"magritte-item___4RQVs_2-0-1","align-left":"magritte-align-left___PXJt0_2-0-1","alignLeft":"magritte-align-left___PXJt0_2-0-1","align-right":"magritte-align-right___0yc2S_2-0-1","alignRight":"magritte-align-right___0yc2S_2-0-1","disabled":"magritte-disabled___d3ukm_2-0-1","selected":"magritte-selected___Nar3H_2-0-1"};
10
10
 
11
11
  const FIXED_HEIGHT_ITEMS = 7;
12
12
  const ITEM_HEIGHT = 48;
package/index.css CHANGED
@@ -1,93 +1,98 @@
1
1
  :root{
2
- --magritte-color-text-primary-v22-0-0:#000000;
3
- --magritte-color-text-state-primary-disabled-v22-0-0:#0000007a;
4
- --magritte-color-component-time-picker-background-selection-v22-0-0:#F1F4F9;
2
+ --magritte-color-text-primary-v22-1-0:#000000;
3
+ --magritte-color-text-state-primary-disabled-v22-1-0:#0000007a;
4
+ --magritte-color-component-time-picker-background-selection-v22-1-0:#F1F4F9;
5
5
  }
6
6
  :root{
7
- --magritte-typography-label-1-regular-font-family-v22-0-0:"hh sans";
8
- --magritte-typography-label-1-regular-font-weight-v22-0-0:400;
9
- --magritte-typography-label-1-regular-line-height-v22-0-0:26px;
10
- --magritte-typography-label-1-regular-font-size-v22-0-0:18px;
11
- --magritte-typography-label-1-regular-letter-spacing-v22-0-0:-0.005em;
12
- --magritte-typography-label-1-regular-text-indent-v22-0-0:0px;
13
- --magritte-typography-label-1-regular-text-transform-v22-0-0:none;
14
- --magritte-typography-label-1-regular-text-decoration-v22-0-0:none;
7
+ --magritte-typography-label-1-regular-font-family-v22-1-0:"hh sans";
8
+ --magritte-typography-label-1-regular-font-weight-v22-1-0:400;
9
+ --magritte-typography-label-1-regular-line-height-v22-1-0:26px;
10
+ --magritte-typography-label-1-regular-font-size-v22-1-0:18px;
11
+ --magritte-typography-label-1-regular-letter-spacing-v22-1-0:-0.005em;
12
+ --magritte-typography-label-1-regular-text-indent-v22-1-0:0px;
13
+ --magritte-typography-label-1-regular-text-transform-v22-1-0:none;
14
+ --magritte-typography-label-1-regular-text-decoration-v22-1-0:none;
15
15
  }
16
16
  .magritte-night-theme{
17
- --magritte-color-text-primary-v22-0-0:#ffffff;
18
- --magritte-color-text-state-primary-disabled-v22-0-0:#ababab7a;
19
- --magritte-color-component-time-picker-background-selection-v22-0-0:#262626;
17
+ --magritte-color-text-primary-v22-1-0:#ffffff;
18
+ --magritte-color-text-state-primary-disabled-v22-1-0:#ababab7a;
19
+ --magritte-color-component-time-picker-background-selection-v22-1-0:#262626;
20
20
  }
21
- .magritte-picker-wheel___VaPvG_1-1-2{
21
+ .magritte-zp-day-theme{
22
+ --magritte-color-text-primary-v22-1-0:#000000;
23
+ --magritte-color-text-state-primary-disabled-v22-1-0:#0000007a;
24
+ --magritte-color-component-time-picker-background-selection-v22-1-0:#F1F4F9;
25
+ }
26
+ .magritte-picker-wheel___VaPvG_2-0-1{
22
27
  position:relative;
23
28
  height:100%;
24
29
  }
25
- .magritte-selected-item-background___UnBPm_1-1-2{
30
+ .magritte-selected-item-background___UnBPm_2-0-1{
26
31
  position:absolute;
27
32
  inset:calc(50% - 48px / 2) 0;
28
- background-color:var(--magritte-color-component-time-picker-background-selection-v22-0-0);
33
+ background-color:var(--magritte-color-component-time-picker-background-selection-v22-1-0);
29
34
  }
30
- .magritte-columns___I7bCB_1-1-2{
35
+ .magritte-columns___I7bCB_2-0-1{
31
36
  position:relative;
32
37
  height:100%;
33
38
  display:flex;
34
39
  align-items:stretch;
35
40
  justify-content:center;
36
41
  }
37
- .magritte-touch-events-overlay___c3YOp_1-1-2{
42
+ .magritte-touch-events-overlay___c3YOp_2-0-1{
38
43
  position:absolute;
39
44
  inset:0;
40
45
  }
41
- .magritte-fixed-height___BLw9W_1-1-2{
46
+ .magritte-fixed-height___BLw9W_2-0-1{
42
47
  height:336px;
43
48
  }
44
- .magritte-column-wrapper___yRwai_1-1-2{
49
+ .magritte-column-wrapper___yRwai_2-0-1{
45
50
  flex:0 0 64px;
46
51
  position:relative;
47
52
  }
48
- .magritte-column-position-wrapper___wQTIu_1-1-2{
53
+ .magritte-column-position-wrapper___wQTIu_2-0-1{
49
54
  position:relative;
50
55
  top:50%;
51
56
  margin-top:-24px;
52
57
  }
53
- .magritte-wide-column-wrapper___nvecx_1-1-2{
58
+ .magritte-wide-column-wrapper___nvecx_2-0-1{
54
59
  flex:0 0 105px;
55
60
  }
56
- .magritte-full-width-column-wrapper___oxhh1_1-1-2{
61
+ .magritte-full-width-column-wrapper___oxhh1_2-0-1{
57
62
  flex:0 0 100%;
58
63
  }
59
- .magritte-column___IMYca_1-1-2{
64
+ .magritte-column___IMYca_2-0-1{
60
65
  will-change:transform;
61
66
  transform:translate3d(0, 0, 0);
62
67
  }
63
- .magritte-item___4RQVs_1-1-2{
64
- font-family:var(--magritte-typography-label-1-regular-font-family-v22-0-0);
65
- font-weight:var(--magritte-typography-label-1-regular-font-weight-v22-0-0);
66
- line-height:var(--magritte-typography-label-1-regular-line-height-v22-0-0);
67
- font-size:var(--magritte-typography-label-1-regular-font-size-v22-0-0);
68
- letter-spacing:var(--magritte-typography-label-1-regular-letter-spacing-v22-0-0);
69
- text-indent:var(--magritte-typography-label-1-regular-text-indent-v22-0-0);
70
- text-transform:var(--magritte-typography-label-1-regular-text-transform-v22-0-0);
71
- text-decoration:var(--magritte-typography-label-1-regular-text-decoration-v22-0-0);
72
- color:var(--magritte-color-text-primary-v22-0-0);
68
+ .magritte-item___4RQVs_2-0-1{
69
+ font-family:var(--magritte-typography-label-1-regular-font-family-v22-1-0);
70
+ font-weight:var(--magritte-typography-label-1-regular-font-weight-v22-1-0);
71
+ line-height:var(--magritte-typography-label-1-regular-line-height-v22-1-0);
72
+ font-size:var(--magritte-typography-label-1-regular-font-size-v22-1-0);
73
+ letter-spacing:var(--magritte-typography-label-1-regular-letter-spacing-v22-1-0);
74
+ text-indent:var(--magritte-typography-label-1-regular-text-indent-v22-1-0);
75
+ text-transform:var(--magritte-typography-label-1-regular-text-transform-v22-1-0);
76
+ text-decoration:var(--magritte-typography-label-1-regular-text-decoration-v22-1-0);
77
+ color:var(--magritte-color-text-primary-v22-1-0);
73
78
  height:18px;
74
79
  line-height:18px;
75
80
  padding:calc((48px - 18px) / 2) 0;
76
81
  text-align:center;
77
82
  transform-origin:center center;
78
83
  }
79
- .magritte-item___4RQVs_1-1-2.magritte-align-left___PXJt0_1-1-2{
84
+ .magritte-item___4RQVs_2-0-1.magritte-align-left___PXJt0_2-0-1{
80
85
  text-align:left;
81
86
  transform-origin:left center;
82
87
  }
83
- .magritte-item___4RQVs_1-1-2.magritte-align-right___0yc2S_1-1-2{
88
+ .magritte-item___4RQVs_2-0-1.magritte-align-right___0yc2S_2-0-1{
84
89
  text-align:right;
85
90
  transform-origin:right center;
86
91
  }
87
- .magritte-item___4RQVs_1-1-2.magritte-disabled___d3ukm_1-1-2{
88
- color:var(--magritte-color-text-state-primary-disabled-v22-0-0);
92
+ .magritte-item___4RQVs_2-0-1.magritte-disabled___d3ukm_2-0-1{
93
+ color:var(--magritte-color-text-state-primary-disabled-v22-1-0);
89
94
  }
90
- .magritte-item___4RQVs_1-1-2.magritte-selected___Nar3H_1-1-2{
95
+ .magritte-item___4RQVs_2-0-1.magritte-selected___Nar3H_2-0-1{
91
96
  font-weight:500;
92
97
  height:22px;
93
98
  line-height:22px;
package/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- export * from '@hh.ru/magritte-ui-theme-provider';
2
1
  export * from '@hh.ru/magritte-ui-picker-wheel/types';
3
2
  export * from '@hh.ru/magritte-ui-picker-wheel/itemsFromRange';
4
3
  export { PickerWheel } from '@hh.ru/magritte-ui-picker-wheel/PickerWheel';
package/index.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import './index.css';
2
- export * from '@hh.ru/magritte-ui-theme-provider';
3
2
  export { itemsFromRange } from './itemsFromRange.js';
4
3
  export { PickerWheel } from './PickerWheel.js';
5
4
  export { UncontrolledPickerWheel } from './UncontrolledPickerWheel.js';
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-picker-wheel",
3
- "version": "1.1.2",
3
+ "version": "2.0.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -19,13 +19,12 @@
19
19
  "watch": "yarn root:watch $(pwd)"
20
20
  },
21
21
  "dependencies": {
22
- "@hh.ru/magritte-design-tokens": "22.0.0",
22
+ "@hh.ru/magritte-design-tokens": "22.1.0",
23
23
  "@hh.ru/magritte-internal-custom-scroll": "1.4.3",
24
24
  "@hh.ru/magritte-types": "5.0.4",
25
- "@hh.ru/magritte-ui-bottom-sheet": "7.3.2",
25
+ "@hh.ru/magritte-ui-bottom-sheet": "8.1.0",
26
26
  "@hh.ru/magritte-ui-breakpoint": "5.0.3",
27
- "@hh.ru/magritte-ui-theme-provider": "1.1.51",
28
- "@hh.ru/magritte-ui-typography": "3.0.47"
27
+ "@hh.ru/magritte-ui-typography": "4.0.0"
29
28
  },
30
29
  "peerDependencies": {
31
30
  "classnames": ">=2.3.2",
@@ -34,5 +33,5 @@
34
33
  "publishConfig": {
35
34
  "access": "public"
36
35
  },
37
- "gitHead": "5b83b8f36a1aa79857e35ef038d9d32abef39be0"
36
+ "gitHead": "20ea31a1e91dc1ba508c31ceb25d61d984728210"
38
37
  }