@hh.ru/magritte-ui-progress-bar 5.0.0 → 5.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/ProgressBar.js CHANGED
@@ -6,7 +6,7 @@ import { ProgressBarSkeleton } from './Skeleton.js';
6
6
  import { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';
7
7
  import 'react';
8
8
  import 'classnames';
9
- import './progress-bar-DAK9t5an.js';
9
+ import './progress-bar-CazzLzwv.js';
10
10
 
11
11
  const ProgressBarComponent = (props) => {
12
12
  const isSegmented = props.segments !== undefined;
@@ -2,7 +2,7 @@ import './index.css';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { useRef, useState, useEffect, useLayoutEffect } from 'react';
4
4
  import classnames from 'classnames';
5
- import { s as styles } from './progress-bar-DAK9t5an.js';
5
+ import { s as styles } from './progress-bar-CazzLzwv.js';
6
6
 
7
7
  const STYLE_TO_CSS = {
8
8
  accent: styles.segmentedContainerStyleAccent,
@@ -1,7 +1,7 @@
1
1
  import './index.css';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import classnames from 'classnames';
4
- import { s as styles } from './progress-bar-DAK9t5an.js';
4
+ import { s as styles } from './progress-bar-CazzLzwv.js';
5
5
 
6
6
  const STYLE_TO_CSS = {
7
7
  accent: styles.progressStyleAccent,
package/Skeleton.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import './index.css';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { Skeleton } from '@hh.ru/magritte-ui-skeleton';
4
- import { s as styles } from './progress-bar-DAK9t5an.js';
4
+ import { s as styles } from './progress-bar-CazzLzwv.js';
5
5
 
6
6
  const ProgressBarSkeleton = ({ Component: ProgressBar,
7
7
  // skeleton props
package/index.css CHANGED
@@ -1,58 +1,61 @@
1
1
  :root{
2
- --magritte-color-component-progress-bar-background-content-v22-1-0:#DCE3EB;
3
- --magritte-color-component-progress-bar-foreground-accent-v22-1-0:#0070ff;
4
- --magritte-color-component-progress-bar-foreground-positive-v22-1-0:#0dc267;
5
- --magritte-color-component-progress-bar-foreground-special-v22-1-0:#883be9;
6
- --magritte-color-component-progress-bar-foreground-warning-v22-1-0:#ff9900;
7
- --magritte-color-component-progress-bar-foreground-negative-v22-1-0:#ff4d3a;
8
- }
2
+ --magritte-color-component-progress-bar-background-content-v23-0-0:#DCE3EB;
3
+ --magritte-color-component-progress-bar-foreground-accent-v23-0-0:#0070ff;
4
+ --magritte-color-component-progress-bar-foreground-positive-v23-0-0:#0dc267;
5
+ --magritte-color-component-progress-bar-foreground-special-v23-0-0:#883be9;
6
+ --magritte-color-component-progress-bar-foreground-warning-v23-0-0:#ff9900;
7
+ --magritte-color-component-progress-bar-foreground-negative-v23-0-0:#ff4d3a;
8
+ }
9
+
9
10
  :root{
10
- --magritte-semantic-animation-ease-in-out-100-timing-function-v22-1-0:cubic-bezier(0.25, 0.1, 0.25, 1);
11
- --magritte-semantic-animation-ease-in-out-100-duration-v22-1-0:100ms;
11
+ --magritte-semantic-animation-ease-in-out-100-timing-function-v23-0-0:cubic-bezier(0.25, 0.1, 0.25, 1);
12
+ --magritte-semantic-animation-ease-in-out-100-duration-v23-0-0:100ms;
12
13
  }
14
+
13
15
  .magritte-night-theme{
14
- --magritte-color-component-progress-bar-background-content-v22-1-0:#262626;
15
- --magritte-color-component-progress-bar-foreground-accent-v22-1-0:#0058cc;
16
- --magritte-color-component-progress-bar-foreground-positive-v22-1-0:#026d36;
17
- --magritte-color-component-progress-bar-foreground-special-v22-1-0:#6a2eb7;
18
- --magritte-color-component-progress-bar-foreground-warning-v22-1-0:#ac6600;
19
- --magritte-color-component-progress-bar-foreground-negative-v22-1-0:#ac3225;
20
- }
16
+ --magritte-color-component-progress-bar-background-content-v23-0-0:#262626;
17
+ --magritte-color-component-progress-bar-foreground-accent-v23-0-0:#0058cc;
18
+ --magritte-color-component-progress-bar-foreground-positive-v23-0-0:#026d36;
19
+ --magritte-color-component-progress-bar-foreground-special-v23-0-0:#6a2eb7;
20
+ --magritte-color-component-progress-bar-foreground-warning-v23-0-0:#ac6600;
21
+ --magritte-color-component-progress-bar-foreground-negative-v23-0-0:#ac3225;
22
+ }
23
+
21
24
  .magritte-zp-day-theme{
22
- --magritte-color-component-progress-bar-background-content-v22-1-0:#DCE3EB;
23
- --magritte-color-component-progress-bar-foreground-accent-v22-1-0:#7195AF;
24
- --magritte-color-component-progress-bar-foreground-positive-v22-1-0:#0dc267;
25
- --magritte-color-component-progress-bar-foreground-special-v22-1-0:#883be9;
26
- --magritte-color-component-progress-bar-foreground-warning-v22-1-0:#ff9900;
27
- --magritte-color-component-progress-bar-foreground-negative-v22-1-0:#ff4d3a;
28
- }
29
- .magritte-progress___pKPf-_5-0-0,
30
- .magritte-segment___uKhLD_5-0-0,
31
- .magritte-progress-animation-timeout___BeyxU_5-0-0{
25
+ --magritte-color-component-progress-bar-background-content-v23-0-0:#DCE3EB;
26
+ --magritte-color-component-progress-bar-foreground-accent-v23-0-0:#7195AF;
27
+ --magritte-color-component-progress-bar-foreground-positive-v23-0-0:#0dc267;
28
+ --magritte-color-component-progress-bar-foreground-special-v23-0-0:#883be9;
29
+ --magritte-color-component-progress-bar-foreground-warning-v23-0-0:#ff9900;
30
+ --magritte-color-component-progress-bar-foreground-negative-v23-0-0:#ff4d3a;
31
+ }
32
+ .magritte-progress___pKPf-_5-0-1,
33
+ .magritte-segment___uKhLD_5-0-1,
34
+ .magritte-progress-animation-timeout___BeyxU_5-0-1{
32
35
  --animation-duration:0;
33
36
  }
34
37
  @media (prefers-reduced-motion: no-preference){
35
- .magritte-progress___pKPf-_5-0-0,
36
- .magritte-segment___uKhLD_5-0-0,
37
- .magritte-progress-animation-timeout___BeyxU_5-0-0{
38
- --animation-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v22-1-0);
38
+ .magritte-progress___pKPf-_5-0-1,
39
+ .magritte-segment___uKhLD_5-0-1,
40
+ .magritte-progress-animation-timeout___BeyxU_5-0-1{
41
+ --animation-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-0-0);
39
42
  }
40
43
  }
41
- .magritte-progress___pKPf-_5-0-0{
44
+ .magritte-progress___pKPf-_5-0-1{
42
45
  position:relative;
43
46
  width:100%;
44
47
  border-radius:50vh;
45
48
  height:var(--magritte-ui-progress-height-override, 8px);
46
- --magritte-ui-progress-background-color:var(--magritte-ui-progress-background-color-override, var(--magritte-color-component-progress-bar-background-content-v22-1-0));
49
+ --magritte-ui-progress-background-color:var(--magritte-ui-progress-background-color-override, var(--magritte-color-component-progress-bar-background-content-v23-0-0));
47
50
  background-color:var(--magritte-ui-progress-background-color);
48
51
  user-select:none;
49
52
  overflow:hidden;
50
53
  }
51
- .magritte-progress-skeleton___cGz4D_5-0-0{
54
+ .magritte-progress-skeleton___cGz4D_5-0-1{
52
55
  height:var(--magritte-ui-progress-height-override, 8px);
53
56
  border-radius:50vh;
54
57
  }
55
- .magritte-progress-value___ffPrp_5-0-0{
58
+ .magritte-progress-value___ffPrp_5-0-1{
56
59
  position:absolute;
57
60
  height:var(--magritte-ui-progress-height-override, 8px);
58
61
  left:0;
@@ -61,56 +64,56 @@
61
64
  background:var(--magritte-ui-progress-value-color);
62
65
  transition-property:width;
63
66
  transition-duration:var(--animation-duration);
64
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v22-1-0);
67
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-0-0);
65
68
  }
66
- .magritte-segmented-container___O5xuJ_5-0-0{
69
+ .magritte-segmented-container___O5xuJ_5-0-1{
67
70
  display:flex;
68
71
  gap:var(--magritte-ui-progress-segments-margin-override, 4px);
69
72
  user-select:none;
70
73
  }
71
- .magritte-segment___uKhLD_5-0-0{
74
+ .magritte-segment___uKhLD_5-0-1{
72
75
  flex:1 1 auto;
73
76
  height:var(--magritte-ui-progress-height-override, 8px);
74
77
  border-radius:50vh;
75
78
  transition-property:background-position;
76
79
  transition-duration:var(--animation-duration);
77
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v22-1-0);
78
- --magritte-ui-progress-background-color:var(--magritte-ui-progress-background-color-override, var(--magritte-color-component-progress-bar-background-content-v22-1-0));
80
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-0-0);
81
+ --magritte-ui-progress-background-color:var(--magritte-ui-progress-background-color-override, var(--magritte-color-component-progress-bar-background-content-v23-0-0));
79
82
  background:linear-gradient(to right, var(--magritte-ui-progress-value-color) 50%, var(--magritte-ui-progress-background-color) 50%);
80
83
  background-size:calc(200% + 1px) 100%;
81
84
  background-position:right bottom;
82
85
  background-repeat:no-repeat;
83
86
  }
84
- .magritte-filled___QH18N_5-0-0{
87
+ .magritte-filled___QH18N_5-0-1{
85
88
  background-position:left bottom;
86
89
  }
87
- .magritte-segmented-container_style-accent___MRcsm_5-0-0 .magritte-segment___uKhLD_5-0-0{
88
- --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-accent-v22-1-0));
90
+ .magritte-segmented-container_style-accent___MRcsm_5-0-1 .magritte-segment___uKhLD_5-0-1{
91
+ --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-accent-v23-0-0));
89
92
  }
90
- .magritte-progress_style-accent___0qJEN_5-0-0{
91
- --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-accent-v22-1-0));
93
+ .magritte-progress_style-accent___0qJEN_5-0-1{
94
+ --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-accent-v23-0-0));
92
95
  }
93
- .magritte-segmented-container_style-positive___ItaIH_5-0-0 .magritte-segment___uKhLD_5-0-0{
94
- --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-positive-v22-1-0));
96
+ .magritte-segmented-container_style-positive___ItaIH_5-0-1 .magritte-segment___uKhLD_5-0-1{
97
+ --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-positive-v23-0-0));
95
98
  }
96
- .magritte-progress_style-positive___EAtvB_5-0-0{
97
- --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-positive-v22-1-0));
99
+ .magritte-progress_style-positive___EAtvB_5-0-1{
100
+ --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-positive-v23-0-0));
98
101
  }
99
- .magritte-segmented-container_style-special___m0PxE_5-0-0 .magritte-segment___uKhLD_5-0-0{
100
- --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-special-v22-1-0));
102
+ .magritte-segmented-container_style-special___m0PxE_5-0-1 .magritte-segment___uKhLD_5-0-1{
103
+ --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-special-v23-0-0));
101
104
  }
102
- .magritte-progress_style-special___v8LNJ_5-0-0{
103
- --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-special-v22-1-0));
105
+ .magritte-progress_style-special___v8LNJ_5-0-1{
106
+ --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-special-v23-0-0));
104
107
  }
105
- .magritte-segmented-container_style-warning___Dfq4v_5-0-0 .magritte-segment___uKhLD_5-0-0{
106
- --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-warning-v22-1-0));
108
+ .magritte-segmented-container_style-warning___Dfq4v_5-0-1 .magritte-segment___uKhLD_5-0-1{
109
+ --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-warning-v23-0-0));
107
110
  }
108
- .magritte-progress_style-warning___8D5-R_5-0-0{
109
- --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-warning-v22-1-0));
111
+ .magritte-progress_style-warning___8D5-R_5-0-1{
112
+ --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-warning-v23-0-0));
110
113
  }
111
- .magritte-segmented-container_style-negative___ESqFP_5-0-0 .magritte-segment___uKhLD_5-0-0{
112
- --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-negative-v22-1-0));
114
+ .magritte-segmented-container_style-negative___ESqFP_5-0-1 .magritte-segment___uKhLD_5-0-1{
115
+ --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-negative-v23-0-0));
113
116
  }
114
- .magritte-progress_style-negative___QDl5g_5-0-0{
115
- --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-negative-v22-1-0));
117
+ .magritte-progress_style-negative___QDl5g_5-0-1{
118
+ --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-negative-v23-0-0));
116
119
  }
package/index.js CHANGED
@@ -5,7 +5,7 @@ import 'react/jsx-runtime';
5
5
  import './SegmentedProgressBar.js';
6
6
  import 'react';
7
7
  import 'classnames';
8
- import './progress-bar-DAK9t5an.js';
8
+ import './progress-bar-CazzLzwv.js';
9
9
  import './SingleProgressBar.js';
10
10
  import './Skeleton.js';
11
11
  import '@hh.ru/magritte-ui-skeleton';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-progress-bar",
3
- "version": "5.0.0",
3
+ "version": "5.0.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -19,9 +19,9 @@
19
19
  "watch": "yarn root:watch $(pwd)"
20
20
  },
21
21
  "dependencies": {
22
- "@hh.ru/magritte-design-tokens": "22.1.0",
22
+ "@hh.ru/magritte-design-tokens": "23.0.0",
23
23
  "@hh.ru/magritte-ui-mock-component": "1.1.4",
24
- "@hh.ru/magritte-ui-skeleton": "3.0.0"
24
+ "@hh.ru/magritte-ui-skeleton": "3.0.1"
25
25
  },
26
26
  "peerDependencies": {
27
27
  "classnames": ">=2.3.2",
@@ -30,5 +30,5 @@
30
30
  "publishConfig": {
31
31
  "access": "public"
32
32
  },
33
- "gitHead": "a823b2d582e812bf99b5fdf32058a93eaa59076b"
33
+ "gitHead": "759fe057f9c0fbf62497dea6dc4f996f8c5d9a84"
34
34
  }
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"progress":"magritte-progress___pKPf-_5-0-1","segment":"magritte-segment___uKhLD_5-0-1","progress-animation-timeout":"magritte-progress-animation-timeout___BeyxU_5-0-1","progressAnimationTimeout":"magritte-progress-animation-timeout___BeyxU_5-0-1","progress-skeleton":"magritte-progress-skeleton___cGz4D_5-0-1","progressSkeleton":"magritte-progress-skeleton___cGz4D_5-0-1","progress-value":"magritte-progress-value___ffPrp_5-0-1","progressValue":"magritte-progress-value___ffPrp_5-0-1","segmented-container":"magritte-segmented-container___O5xuJ_5-0-1","segmentedContainer":"magritte-segmented-container___O5xuJ_5-0-1","filled":"magritte-filled___QH18N_5-0-1","segmented-container_style-accent":"magritte-segmented-container_style-accent___MRcsm_5-0-1","segmentedContainerStyleAccent":"magritte-segmented-container_style-accent___MRcsm_5-0-1","progress_style-accent":"magritte-progress_style-accent___0qJEN_5-0-1","progressStyleAccent":"magritte-progress_style-accent___0qJEN_5-0-1","segmented-container_style-positive":"magritte-segmented-container_style-positive___ItaIH_5-0-1","segmentedContainerStylePositive":"magritte-segmented-container_style-positive___ItaIH_5-0-1","progress_style-positive":"magritte-progress_style-positive___EAtvB_5-0-1","progressStylePositive":"magritte-progress_style-positive___EAtvB_5-0-1","segmented-container_style-special":"magritte-segmented-container_style-special___m0PxE_5-0-1","segmentedContainerStyleSpecial":"magritte-segmented-container_style-special___m0PxE_5-0-1","progress_style-special":"magritte-progress_style-special___v8LNJ_5-0-1","progressStyleSpecial":"magritte-progress_style-special___v8LNJ_5-0-1","segmented-container_style-warning":"magritte-segmented-container_style-warning___Dfq4v_5-0-1","segmentedContainerStyleWarning":"magritte-segmented-container_style-warning___Dfq4v_5-0-1","progress_style-warning":"magritte-progress_style-warning___8D5-R_5-0-1","progressStyleWarning":"magritte-progress_style-warning___8D5-R_5-0-1","segmented-container_style-negative":"magritte-segmented-container_style-negative___ESqFP_5-0-1","segmentedContainerStyleNegative":"magritte-segmented-container_style-negative___ESqFP_5-0-1","progress_style-negative":"magritte-progress_style-negative___QDl5g_5-0-1","progressStyleNegative":"magritte-progress_style-negative___QDl5g_5-0-1"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=progress-bar-CazzLzwv.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress-bar-CazzLzwv.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"progress":"magritte-progress___pKPf-_5-0-0","segment":"magritte-segment___uKhLD_5-0-0","progress-animation-timeout":"magritte-progress-animation-timeout___BeyxU_5-0-0","progressAnimationTimeout":"magritte-progress-animation-timeout___BeyxU_5-0-0","progress-skeleton":"magritte-progress-skeleton___cGz4D_5-0-0","progressSkeleton":"magritte-progress-skeleton___cGz4D_5-0-0","progress-value":"magritte-progress-value___ffPrp_5-0-0","progressValue":"magritte-progress-value___ffPrp_5-0-0","segmented-container":"magritte-segmented-container___O5xuJ_5-0-0","segmentedContainer":"magritte-segmented-container___O5xuJ_5-0-0","filled":"magritte-filled___QH18N_5-0-0","segmented-container_style-accent":"magritte-segmented-container_style-accent___MRcsm_5-0-0","segmentedContainerStyleAccent":"magritte-segmented-container_style-accent___MRcsm_5-0-0","progress_style-accent":"magritte-progress_style-accent___0qJEN_5-0-0","progressStyleAccent":"magritte-progress_style-accent___0qJEN_5-0-0","segmented-container_style-positive":"magritte-segmented-container_style-positive___ItaIH_5-0-0","segmentedContainerStylePositive":"magritte-segmented-container_style-positive___ItaIH_5-0-0","progress_style-positive":"magritte-progress_style-positive___EAtvB_5-0-0","progressStylePositive":"magritte-progress_style-positive___EAtvB_5-0-0","segmented-container_style-special":"magritte-segmented-container_style-special___m0PxE_5-0-0","segmentedContainerStyleSpecial":"magritte-segmented-container_style-special___m0PxE_5-0-0","progress_style-special":"magritte-progress_style-special___v8LNJ_5-0-0","progressStyleSpecial":"magritte-progress_style-special___v8LNJ_5-0-0","segmented-container_style-warning":"magritte-segmented-container_style-warning___Dfq4v_5-0-0","segmentedContainerStyleWarning":"magritte-segmented-container_style-warning___Dfq4v_5-0-0","progress_style-warning":"magritte-progress_style-warning___8D5-R_5-0-0","progressStyleWarning":"magritte-progress_style-warning___8D5-R_5-0-0","segmented-container_style-negative":"magritte-segmented-container_style-negative___ESqFP_5-0-0","segmentedContainerStyleNegative":"magritte-segmented-container_style-negative___ESqFP_5-0-0","progress_style-negative":"magritte-progress_style-negative___QDl5g_5-0-0","progressStyleNegative":"magritte-progress_style-negative___QDl5g_5-0-0"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=progress-bar-DAK9t5an.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"progress-bar-DAK9t5an.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}